@atlaskit/adf-schema 29.0.1 → 29.1.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/adf-schema
 
+## 29.1.1
+
+### Patch Changes
+
+- f057413: ADFEXP-524: export nodes and marks file names
+
+## 29.1.0
+
+### Minor Changes
+
+- 1581d5b: Remove editor palette dep
+
 ## 29.0.1
 
 ### Patch Changes

package/dist/cjs/schema/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -345,6 +346,7 @@ Object.defineProperty(exports, "listItem", {
     return _nodes.listItem;
   }
 });
+exports.marks = void 0;
 Object.defineProperty(exports, "media", {
   enumerable: true,
   get: function get() {
@@ -423,6 +425,7 @@ Object.defineProperty(exports, "nestedExpand", {
     return _nodes.nestedExpand;
   }
 });
+exports.nodes = void 0;
 Object.defineProperty(exports, "orderedList", {
   enumerable: true,
   get: function get() {
@@ -669,8 +672,21 @@ Object.defineProperty(exports, "unsupportedNodeTypesForMediaCards", {
     return _unsupported.unsupportedNodeTypesForMediaCards;
   }
 });
+var _fs = _interopRequireDefault(require("fs"));
+var _path = _interopRequireDefault(require("path"));
 var _nodes = require("./nodes");
 var _marks = require("./marks");
 var _unsupported = require("./unsupported");
 var _inlineNodes = require("./inline-nodes");
-var _createSchema = require("./create-schema");
+var _createSchema = require("./create-schema");
+var buildFilesList = function buildFilesList(dirPath) {
+  return _fs.default.readdirSync(dirPath).filter(function (node) {
+    return !node.startsWith('.') && node !== 'index';
+  }).map(function (node) {
+    return _path.default.basename(node, _path.default.extname(node));
+  });
+};
+var nodes = buildFilesList(_path.default.join(__dirname, 'nodes'));
+exports.nodes = nodes;
+var marks = buildFilesList(_path.default.join(__dirname, 'marks'));
+exports.marks = marks;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.borderColorPalette = exports.border = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _editorPalette = require("@atlaskit/editor-palette");
+var _editorPalette = require("../../utils/editor-palette");
 var _colors = require("../../utils/colors");
 /**
  * @name border_mark

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.textColor = exports.colorPaletteExtended = exports.colorPalette = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _editorPalette = require("@atlaskit/editor-palette");
+var _editorPalette = require("../../utils/editor-palette");
 var _groups = require("../groups");
 var _colors = require("../../utils/colors");
 /**

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.toJSONTableHeader = exports.toJSONTableCell = exports.tableWithCustomWidth = exports.tableToJSON = exports.tableRow = exports.tablePrefixSelector = exports.tableHeaderSelector = exports.tableHeader = exports.tableCellSelector = exports.tableCellContentWrapperSelector = exports.tableCellContentDomSelector = exports.tableCell = exports.tableBackgroundColorPalette = exports.tableBackgroundColorNames = exports.tableBackgroundBorderColor = exports.table = exports.getCellDomAttrs = exports.getCellAttrs = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _editorPalette = require("@atlaskit/editor-palette");
+var _editorPalette = require("../../utils/editor-palette");
 var _colors = require("../../utils/colors");
 var _uuid = require("../../utils/uuid");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

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

@@ -0,0 +1,286 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.editorTextPalette = exports.editorBorderPalette = exports.editorBackgroundPalette = void 0;
+exports.hexToEditorBackgroundPaletteRawValue = hexToEditorBackgroundPaletteRawValue;
+exports.hexToEditorBorderPaletteColor = hexToEditorBorderPaletteColor;
+exports.hexToEditorTextPaletteColor = hexToEditorTextPaletteColor;
+/**
+ * This takes an adf hex color and returns a matching border palette color.
+ *
+ * By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
+ *
+ * Example usage
+ * ```tsx
+ * const cssValue = hexToEditorBorderPaletteColor('#091E4224');
+ * //     ^? const cssValue: string
+ * <div style={{borderColor: cssValue}} />
+ * ```
+ * The names of tokens can change over time, and the values of tokens will differ between themes.
+ * The exact output of this function is an implementation detail and should only be used when rendering
+ * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
+ */
+function hexToEditorBorderPaletteColor(hexColor) {
+  // Ts ignore used to allow use of conditional return type
+  // (preferencing better type on consumption over safety in implementation)
+  // @ts-ignore
+  return editorBorderPalette[hexColor.toUpperCase()];
+}
+var editorBorderPalette = {
+  /** gray - subtle */
+  '#091E4224': 'var(--ds-border, #091E4224)',
+  /** gray */
+  '#758195': 'var(--ds-border-bold, #758195)',
+  /** gray - bold */
+  '#172B4D': 'var(--ds-text, #172B4D)'
+};
+
+/**
+ * This takes an adf hex color and returns a matching text palette color.
+ *
+ * By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
+ *
+ * Example usage
+ * ```tsx
+ * const cssValue = hexToTextPaletteColor('#0747A6');
+ * //     ^? const cssValue: string
+ * <span style={{textColor: cssValue}} />
+ * ```
+ * The names of tokens can change over time, and the values of tokens will differ between themes.
+ * The exact output of this function is an implementation detail and should only be used when rendering
+ * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
+ */
+exports.editorBorderPalette = editorBorderPalette;
+function hexToEditorTextPaletteColor(hexColor) {
+  // Ts ignore used to allow use of conditional return type
+  // (preferencing better type on consumption over safety in implementation)
+  // @ts-ignore
+  return editorTextPalette[hexColor.toUpperCase()];
+}
+var editorTextPalette = {
+  /** blue - light */
+  '#B3D4FF': 'var(--ds-background-accent-blue-subtler, #B3D4FF)',
+  /** blue - medium */
+  '#4C9AFF': 'var(--ds-icon-accent-blue, #4C9AFF)',
+  /** blue - strong */
+  '#0747A6': 'var(--ds-text-accent-blue, #0747A6)',
+  /** teal - light */
+  '#B3F5FF': 'var(--ds-background-accent-teal-subtler, #B3F5FF)',
+  /** teal - medium */
+  '#00B8D9': 'var(--ds-icon-accent-teal, #00B8D9)',
+  /** teal - strong */
+  '#008DA6': 'var(--ds-text-accent-teal, #008DA6)',
+  /** green - light */
+  '#ABF5D1': 'var(--ds-background-accent-green-subtler, #ABF5D1)',
+  /** green - medium */
+  '#36B37E': 'var(--ds-icon-accent-green, #36B37E)',
+  /** green - strong */
+  '#006644': 'var(--ds-text-accent-green, #006644)',
+  /** yellowOrange - light */
+  '#FFF0B3': 'var(--ds-background-accent-yellow-subtler, #FFF0B3)',
+  /** yellowOrange - medium */
+  '#FFC400': 'var(--ds-background-accent-orange-subtle, #FFC400)',
+  /** yellowOrange - strong */
+  '#FF991F': 'var(--ds-icon-accent-orange, #FF991F)',
+  /** red - light */
+  '#FFBDAD': 'var(--ds-background-accent-red-subtler, #FFBDAD)',
+  /** red - medium */
+  '#FF5630': 'var(--ds-icon-accent-red, #FF5630)',
+  /** red - strong */
+  '#BF2600': 'var(--ds-text-accent-red, #BF2600)',
+  /** purple - light */
+  '#EAE6FF': 'var(--ds-background-accent-purple-subtler, #EAE6FF)',
+  /** purple - medium */
+  '#6554C0': 'var(--ds-icon-accent-purple, #6554C0)',
+  /** purple - strong */
+  '#403294': 'var(--ds-text-accent-purple, #403294)',
+  /** whiteGray - light */
+  '#FFFFFF': 'var(--ds-text-inverse, #FFFFFF)',
+  /** whiteGray - medium */
+  '#97A0AF': 'var(--ds-icon-accent-gray, #97A0AF)',
+  /** whiteGray - strong */
+  '#172B4D': 'var(--ds-text, #172B4D)'
+};
+
+/**
+ * Takes an ADF hex color and returns the rendered hex code for the associated background palette design token using getTokenValue.
+ * If the provided color does not exist in the Editor color palette, this function returns undefined.
+ *
+ * This should only be used when rendering content where CSS variables are not feasible, such as a non-CSS environment
+ * or to enable cross-app copy/paste.
+ *
+ * WARNING: If the rendered theme changes (such as from light -> dark mode) the value returned here will no longer match
+ * the surrounding UI and will need to be re-fetched.
+ * In addition, the values of tokens will differ between themes and the value for a given theme can and will change.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color.
+ */
+exports.editorTextPalette = editorTextPalette;
+function hexToEditorBackgroundPaletteRawValue(hexColor) {
+  // Ts ignore used to allow use of conditional return type
+  // (preferencing better type on consumption over safety in implementation)
+  // @ts-ignore
+  var tokenData = editorBackgroundPalette[hexColor.toUpperCase()];
+  return tokenData ? tokenData.getValue(hexColor) : undefined;
+}
+/**
+ * Values are asserted to improve generated type declarations
+ * Using object structure as getValue() function needed for table values, and other
+ * properties may be needed in the future.
+ */
+var editorBackgroundPalette = {
+  /** blue - light */
+  '#DEEBFF': {
+    getValue: function getValue(fallback) {
+      return '#DEEBFF';
+    },
+    token: 'var(--ds-background-accent-blue-subtlest, #DEEBFF)'
+  },
+  /** blue - medium */
+  '#B3D4FF': {
+    getValue: function getValue(fallback) {
+      return '#B3D4FF';
+    },
+    token: 'var(--ds-background-accent-blue-subtler, #B3D4FF)'
+  },
+  /** blue - strong */
+  '#4C9AFF': {
+    getValue: function getValue(fallback) {
+      return '#4C9AFF';
+    },
+    token: 'var(--ds-background-accent-blue-subtle, #4C9AFF)'
+  },
+  /** teal - light */
+  '#E6FCFF': {
+    getValue: function getValue(fallback) {
+      return '#E6FCFF';
+    },
+    token: 'var(--ds-background-accent-teal-subtlest, #E6FCFF)'
+  },
+  /** teal - medium */
+  '#B3F5FF': {
+    getValue: function getValue(fallback) {
+      return '#B3F5FF';
+    },
+    token: 'var(--ds-background-accent-teal-subtler, #B3F5FF)'
+  },
+  /** teal - strong */
+  '#79E2F2': {
+    getValue: function getValue(fallback) {
+      return '#79E2F2';
+    },
+    token: 'var(--ds-background-accent-teal-subtle, #79E2F2)'
+  },
+  /** green - light */
+  '#E3FCEF': {
+    getValue: function getValue(fallback) {
+      return '#E3FCEF';
+    },
+    token: 'var(--ds-background-accent-green-subtlest, #E3FCEF)'
+  },
+  /** green - medium */
+  '#ABF5D1': {
+    getValue: function getValue(fallback) {
+      return '#ABF5D1';
+    },
+    token: 'var(--ds-background-accent-green-subtler, #ABF5D1)'
+  },
+  /** green - strong */
+  '#57D9A3': {
+    getValue: function getValue(fallback) {
+      return '#57D9A3';
+    },
+    token: 'var(--ds-background-accent-green-subtle, #57D9A3)'
+  },
+  /** yellowOrange - light */
+  '#FFFAE6': {
+    getValue: function getValue(fallback) {
+      return '#FFFAE6';
+    },
+    token: 'var(--ds-background-accent-yellow-subtlest, #FFFAE6)'
+  },
+  /** yellowOrange - medium */
+  '#FFF0B3': {
+    getValue: function getValue(fallback) {
+      return '#FFF0B3';
+    },
+    token: 'var(--ds-background-accent-yellow-subtler, #FFF0B3)'
+  },
+  /** yellowOrange - strong */
+  '#FFC400': {
+    getValue: function getValue(fallback) {
+      return '#FFC400';
+    },
+    token: 'var(--ds-background-accent-orange-subtle, #FFC400)'
+  },
+  /** red - light */
+  '#FFEBE6': {
+    getValue: function getValue(fallback) {
+      return '#FFEBE6';
+    },
+    token: 'var(--ds-background-accent-red-subtlest, #FFEBE6)'
+  },
+  /** red - medium */
+  '#FFBDAD': {
+    getValue: function getValue(fallback) {
+      return '#FFBDAD';
+    },
+    token: 'var(--ds-background-accent-red-subtler, #FFBDAD)'
+  },
+  /** red - strong */
+  '#FF8F73': {
+    getValue: function getValue(fallback) {
+      return '#FF8F73';
+    },
+    token: 'var(--ds-background-accent-red-subtle, #FF8F73)'
+  },
+  /** purple - light */
+  '#EAE6FF': {
+    getValue: function getValue(fallback) {
+      return '#EAE6FF';
+    },
+    token: 'var(--ds-background-accent-purple-subtlest, #EAE6FF)'
+  },
+  /** purple - medium */
+  '#C0B6F2': {
+    getValue: function getValue(fallback) {
+      return '#C0B6F2';
+    },
+    token: 'var(--ds-background-accent-purple-subtler, #C0B6F2)'
+  },
+  /** purple - strong */
+  '#998DD9': {
+    getValue: function getValue(fallback) {
+      return '#998DD9';
+    },
+    token: 'var(--ds-background-accent-purple-subtle, #998DD9)'
+  },
+  /** whiteGray - light */
+  '#FFFFFF': {
+    getValue: function getValue(fallback) {
+      return '#FFFFFF';
+    },
+    token: 'var(--ds-surface, #FFFFFF)'
+  },
+  /** whiteGray - medium */
+  '#F4F5F7': {
+    getValue: function getValue(fallback) {
+      return '#F4F5F7';
+    },
+    token: 'var(--ds-background-accent-gray-subtlest, #F4F5F7)'
+  },
+  /** whiteGray - strong */
+  '#B3BAC5': {
+    getValue: function getValue(fallback) {
+      return '#B3BAC5';
+    },
+    token: 'var(--ds-background-accent-gray-subtle, #B3BAC5)'
+  }
+};
+exports.editorBackgroundPalette = editorBackgroundPalette;

package/dist/es2019/schema/index.js

@@ -1,6 +1,12 @@
+import fs from 'fs';
+import path from 'path';
 export { PanelType, blockCard, blockquote, bodiedExtension, bulletList, bulletListSelector, caption, codeBlock, codeBlockToJSON, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, date, decisionItem, decisionList, decisionListSelector, doc, embedCard, emoji, expand, expandToJSON, extension, hardBreak, heading, image, inlineCard, inlineExtension, layoutColumn, layoutSection, layoutSectionWithSingleColumn, listItem, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, panel, paragraph, placeholder, rule, getCellAttrs, getCellDomAttrs, status, table, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, toJSONTableCell, toJSONTableHeader, unknownBlock, unsupportedBlock, unsupportedInline } from './nodes';
 export { AnnotationTypes, alignment, alignmentPositionMap, annotation, breakout, code, colorPalette, /** @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 } from './marks';
 export { unsupportedNodeTypesForMediaCards } from './unsupported';
 export { inlineNodes } from './inline-nodes';
-export { sanitizeNodes, createSchema } from './create-schema';
+export { sanitizeNodes, createSchema } from './create-schema';
+const buildFilesList = dirPath => fs.readdirSync(dirPath).filter(node => !node.startsWith('.') && node !== 'index').map(node => path.basename(node, path.extname(node)));
+const nodes = buildFilesList(path.join(__dirname, 'nodes'));
+const marks = buildFilesList(path.join(__dirname, 'marks'));
+export { nodes, marks };

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

@@ -1,4 +1,4 @@
-import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
+import { hexToEditorBorderPaletteColor } from '../../utils/editor-palette';
 import { N300A, N600, N1000 } from '../../utils/colors';
 
 /**

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

@@ -1,4 +1,4 @@
-import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
+import { hexToEditorTextPaletteColor } from '../../utils/editor-palette';
 import { COLOR } from '../groups';
 import { rgbToHex, N0, N80, P50, P300, P500, T75, T300, T500, G75, G300, G500, R75, R300, R500, Y75, Y200, Y400, B75, B100, B500 } from '../../utils/colors';
 

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

@@ -1,4 +1,4 @@
-import { hexToEditorBackgroundPaletteRawValue } from '@atlaskit/editor-palette';
+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 { uuid } from '../../utils/uuid';
 export const tablePrefixSelector = 'pm-table';

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

@@ -0,0 +1,233 @@
+/**
+ * This takes an adf hex color and returns a matching border palette color.
+ *
+ * By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
+ *
+ * Example usage
+ * ```tsx
+ * const cssValue = hexToEditorBorderPaletteColor('#091E4224');
+ * //     ^? const cssValue: string
+ * <div style={{borderColor: cssValue}} />
+ * ```
+ * The names of tokens can change over time, and the values of tokens will differ between themes.
+ * The exact output of this function is an implementation detail and should only be used when rendering
+ * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
+ */
+export function hexToEditorBorderPaletteColor(hexColor) {
+  // Ts ignore used to allow use of conditional return type
+  // (preferencing better type on consumption over safety in implementation)
+  // @ts-ignore
+  return editorBorderPalette[hexColor.toUpperCase()];
+}
+export const editorBorderPalette = {
+  /** gray - subtle */
+  '#091E4224': 'var(--ds-border, #091E4224)',
+  /** gray */
+  '#758195': 'var(--ds-border-bold, #758195)',
+  /** gray - bold */
+  '#172B4D': 'var(--ds-text, #172B4D)'
+};
+
+/**
+ * This takes an adf hex color and returns a matching text palette color.
+ *
+ * By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
+ *
+ * Example usage
+ * ```tsx
+ * const cssValue = hexToTextPaletteColor('#0747A6');
+ * //     ^? const cssValue: string
+ * <span style={{textColor: cssValue}} />
+ * ```
+ * The names of tokens can change over time, and the values of tokens will differ between themes.
+ * The exact output of this function is an implementation detail and should only be used when rendering
+ * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
+ */
+export function hexToEditorTextPaletteColor(hexColor) {
+  // Ts ignore used to allow use of conditional return type
+  // (preferencing better type on consumption over safety in implementation)
+  // @ts-ignore
+  return editorTextPalette[hexColor.toUpperCase()];
+}
+export const editorTextPalette = {
+  /** blue - light */
+  '#B3D4FF': 'var(--ds-background-accent-blue-subtler, #B3D4FF)',
+  /** blue - medium */
+  '#4C9AFF': 'var(--ds-icon-accent-blue, #4C9AFF)',
+  /** blue - strong */
+  '#0747A6': 'var(--ds-text-accent-blue, #0747A6)',
+  /** teal - light */
+  '#B3F5FF': 'var(--ds-background-accent-teal-subtler, #B3F5FF)',
+  /** teal - medium */
+  '#00B8D9': 'var(--ds-icon-accent-teal, #00B8D9)',
+  /** teal - strong */
+  '#008DA6': 'var(--ds-text-accent-teal, #008DA6)',
+  /** green - light */
+  '#ABF5D1': 'var(--ds-background-accent-green-subtler, #ABF5D1)',
+  /** green - medium */
+  '#36B37E': 'var(--ds-icon-accent-green, #36B37E)',
+  /** green - strong */
+  '#006644': 'var(--ds-text-accent-green, #006644)',
+  /** yellowOrange - light */
+  '#FFF0B3': 'var(--ds-background-accent-yellow-subtler, #FFF0B3)',
+  /** yellowOrange - medium */
+  '#FFC400': 'var(--ds-background-accent-orange-subtle, #FFC400)',
+  /** yellowOrange - strong */
+  '#FF991F': 'var(--ds-icon-accent-orange, #FF991F)',
+  /** red - light */
+  '#FFBDAD': 'var(--ds-background-accent-red-subtler, #FFBDAD)',
+  /** red - medium */
+  '#FF5630': 'var(--ds-icon-accent-red, #FF5630)',
+  /** red - strong */
+  '#BF2600': 'var(--ds-text-accent-red, #BF2600)',
+  /** purple - light */
+  '#EAE6FF': 'var(--ds-background-accent-purple-subtler, #EAE6FF)',
+  /** purple - medium */
+  '#6554C0': 'var(--ds-icon-accent-purple, #6554C0)',
+  /** purple - strong */
+  '#403294': 'var(--ds-text-accent-purple, #403294)',
+  /** whiteGray - light */
+  '#FFFFFF': 'var(--ds-text-inverse, #FFFFFF)',
+  /** whiteGray - medium */
+  '#97A0AF': 'var(--ds-icon-accent-gray, #97A0AF)',
+  /** whiteGray - strong */
+  '#172B4D': 'var(--ds-text, #172B4D)'
+};
+
+/**
+ * Takes an ADF hex color and returns the rendered hex code for the associated background palette design token using getTokenValue.
+ * If the provided color does not exist in the Editor color palette, this function returns undefined.
+ *
+ * This should only be used when rendering content where CSS variables are not feasible, such as a non-CSS environment
+ * or to enable cross-app copy/paste.
+ *
+ * WARNING: If the rendered theme changes (such as from light -> dark mode) the value returned here will no longer match
+ * the surrounding UI and will need to be re-fetched.
+ * In addition, the values of tokens will differ between themes and the value for a given theme can and will change.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color.
+ */
+export function hexToEditorBackgroundPaletteRawValue(hexColor) {
+  // Ts ignore used to allow use of conditional return type
+  // (preferencing better type on consumption over safety in implementation)
+  // @ts-ignore
+  const tokenData = editorBackgroundPalette[hexColor.toUpperCase()];
+  return tokenData ? tokenData.getValue(hexColor) : undefined;
+}
+/**
+ * Values are asserted to improve generated type declarations
+ * Using object structure as getValue() function needed for table values, and other
+ * properties may be needed in the future.
+ */
+export const editorBackgroundPalette = {
+  /** blue - light */
+  '#DEEBFF': {
+    getValue: fallback => '#DEEBFF',
+    token: 'var(--ds-background-accent-blue-subtlest, #DEEBFF)'
+  },
+  /** blue - medium */
+  '#B3D4FF': {
+    getValue: fallback => '#B3D4FF',
+    token: 'var(--ds-background-accent-blue-subtler, #B3D4FF)'
+  },
+  /** blue - strong */
+  '#4C9AFF': {
+    getValue: fallback => '#4C9AFF',
+    token: 'var(--ds-background-accent-blue-subtle, #4C9AFF)'
+  },
+  /** teal - light */
+  '#E6FCFF': {
+    getValue: fallback => '#E6FCFF',
+    token: 'var(--ds-background-accent-teal-subtlest, #E6FCFF)'
+  },
+  /** teal - medium */
+  '#B3F5FF': {
+    getValue: fallback => '#B3F5FF',
+    token: 'var(--ds-background-accent-teal-subtler, #B3F5FF)'
+  },
+  /** teal - strong */
+  '#79E2F2': {
+    getValue: fallback => '#79E2F2',
+    token: 'var(--ds-background-accent-teal-subtle, #79E2F2)'
+  },
+  /** green - light */
+  '#E3FCEF': {
+    getValue: fallback => '#E3FCEF',
+    token: 'var(--ds-background-accent-green-subtlest, #E3FCEF)'
+  },
+  /** green - medium */
+  '#ABF5D1': {
+    getValue: fallback => '#ABF5D1',
+    token: 'var(--ds-background-accent-green-subtler, #ABF5D1)'
+  },
+  /** green - strong */
+  '#57D9A3': {
+    getValue: fallback => '#57D9A3',
+    token: 'var(--ds-background-accent-green-subtle, #57D9A3)'
+  },
+  /** yellowOrange - light */
+  '#FFFAE6': {
+    getValue: fallback => '#FFFAE6',
+    token: 'var(--ds-background-accent-yellow-subtlest, #FFFAE6)'
+  },
+  /** yellowOrange - medium */
+  '#FFF0B3': {
+    getValue: fallback => '#FFF0B3',
+    token: 'var(--ds-background-accent-yellow-subtler, #FFF0B3)'
+  },
+  /** yellowOrange - strong */
+  '#FFC400': {
+    getValue: fallback => '#FFC400',
+    token: 'var(--ds-background-accent-orange-subtle, #FFC400)'
+  },
+  /** red - light */
+  '#FFEBE6': {
+    getValue: fallback => '#FFEBE6',
+    token: 'var(--ds-background-accent-red-subtlest, #FFEBE6)'
+  },
+  /** red - medium */
+  '#FFBDAD': {
+    getValue: fallback => '#FFBDAD',
+    token: 'var(--ds-background-accent-red-subtler, #FFBDAD)'
+  },
+  /** red - strong */
+  '#FF8F73': {
+    getValue: fallback => '#FF8F73',
+    token: 'var(--ds-background-accent-red-subtle, #FF8F73)'
+  },
+  /** purple - light */
+  '#EAE6FF': {
+    getValue: fallback => '#EAE6FF',
+    token: 'var(--ds-background-accent-purple-subtlest, #EAE6FF)'
+  },
+  /** purple - medium */
+  '#C0B6F2': {
+    getValue: fallback => '#C0B6F2',
+    token: 'var(--ds-background-accent-purple-subtler, #C0B6F2)'
+  },
+  /** purple - strong */
+  '#998DD9': {
+    getValue: fallback => '#998DD9',
+    token: 'var(--ds-background-accent-purple-subtle, #998DD9)'
+  },
+  /** whiteGray - light */
+  '#FFFFFF': {
+    getValue: fallback => '#FFFFFF',
+    token: 'var(--ds-surface, #FFFFFF)'
+  },
+  /** whiteGray - medium */
+  '#F4F5F7': {
+    getValue: fallback => '#F4F5F7',
+    token: 'var(--ds-background-accent-gray-subtlest, #F4F5F7)'
+  },
+  /** whiteGray - strong */
+  '#B3BAC5': {
+    getValue: fallback => '#B3BAC5',
+    token: 'var(--ds-background-accent-gray-subtle, #B3BAC5)'
+  }
+};
+export {};

package/dist/esm/schema/index.js

@@ -1,6 +1,18 @@
+import fs from 'fs';
+import path from 'path';
 export { PanelType, blockCard, blockquote, bodiedExtension, bulletList, bulletListSelector, caption, codeBlock, codeBlockToJSON, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, date, decisionItem, decisionList, decisionListSelector, doc, embedCard, emoji, expand, expandToJSON, extension, hardBreak, heading, image, inlineCard, inlineExtension, layoutColumn, layoutSection, layoutSectionWithSingleColumn, listItem, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, panel, paragraph, placeholder, rule, getCellAttrs, getCellDomAttrs, status, table, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, toJSONTableCell, toJSONTableHeader, unknownBlock, unsupportedBlock, unsupportedInline } from './nodes';
 export { AnnotationTypes, alignment, alignmentPositionMap, annotation, breakout, code, colorPalette, /** @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 } from './marks';
 export { unsupportedNodeTypesForMediaCards } from './unsupported';
 export { inlineNodes } from './inline-nodes';
-export { sanitizeNodes, createSchema } from './create-schema';
+export { sanitizeNodes, createSchema } from './create-schema';
+var buildFilesList = function buildFilesList(dirPath) {
+  return fs.readdirSync(dirPath).filter(function (node) {
+    return !node.startsWith('.') && node !== 'index';
+  }).map(function (node) {
+    return path.basename(node, path.extname(node));
+  });
+};
+var nodes = buildFilesList(path.join(__dirname, 'nodes'));
+var marks = buildFilesList(path.join(__dirname, 'marks'));
+export { nodes, marks };

package/dist/esm/schema/marks/border.js

@@ -1,5 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
+import { hexToEditorBorderPaletteColor } from '../../utils/editor-palette';
 import { N300A, N600, N1000 } from '../../utils/colors';
 
 /**

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
+import { hexToEditorTextPaletteColor } from '../../utils/editor-palette';
 import { COLOR } from '../groups';
 import { rgbToHex, N0, N80, P50, P300, P500, T75, T300, T500, G75, G300, G500, R75, R300, R500, Y75, Y200, Y400, B75, B100, B500 } from '../../utils/colors';
 

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

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { hexToEditorBackgroundPaletteRawValue } from '@atlaskit/editor-palette';
+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 { uuid } from '../../utils/uuid';
 export var tablePrefixSelector = 'pm-table';

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

@@ -0,0 +1,275 @@
+/**
+ * This takes an adf hex color and returns a matching border palette color.
+ *
+ * By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
+ *
+ * Example usage
+ * ```tsx
+ * const cssValue = hexToEditorBorderPaletteColor('#091E4224');
+ * //     ^? const cssValue: string
+ * <div style={{borderColor: cssValue}} />
+ * ```
+ * The names of tokens can change over time, and the values of tokens will differ between themes.
+ * The exact output of this function is an implementation detail and should only be used when rendering
+ * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
+ */
+export function hexToEditorBorderPaletteColor(hexColor) {
+  // Ts ignore used to allow use of conditional return type
+  // (preferencing better type on consumption over safety in implementation)
+  // @ts-ignore
+  return editorBorderPalette[hexColor.toUpperCase()];
+}
+export var editorBorderPalette = {
+  /** gray - subtle */
+  '#091E4224': 'var(--ds-border, #091E4224)',
+  /** gray */
+  '#758195': 'var(--ds-border-bold, #758195)',
+  /** gray - bold */
+  '#172B4D': 'var(--ds-text, #172B4D)'
+};
+
+/**
+ * This takes an adf hex color and returns a matching text palette color.
+ *
+ * By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
+ *
+ * Example usage
+ * ```tsx
+ * const cssValue = hexToTextPaletteColor('#0747A6');
+ * //     ^? const cssValue: string
+ * <span style={{textColor: cssValue}} />
+ * ```
+ * The names of tokens can change over time, and the values of tokens will differ between themes.
+ * The exact output of this function is an implementation detail and should only be used when rendering
+ * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
+ */
+export function hexToEditorTextPaletteColor(hexColor) {
+  // Ts ignore used to allow use of conditional return type
+  // (preferencing better type on consumption over safety in implementation)
+  // @ts-ignore
+  return editorTextPalette[hexColor.toUpperCase()];
+}
+export var editorTextPalette = {
+  /** blue - light */
+  '#B3D4FF': 'var(--ds-background-accent-blue-subtler, #B3D4FF)',
+  /** blue - medium */
+  '#4C9AFF': 'var(--ds-icon-accent-blue, #4C9AFF)',
+  /** blue - strong */
+  '#0747A6': 'var(--ds-text-accent-blue, #0747A6)',
+  /** teal - light */
+  '#B3F5FF': 'var(--ds-background-accent-teal-subtler, #B3F5FF)',
+  /** teal - medium */
+  '#00B8D9': 'var(--ds-icon-accent-teal, #00B8D9)',
+  /** teal - strong */
+  '#008DA6': 'var(--ds-text-accent-teal, #008DA6)',
+  /** green - light */
+  '#ABF5D1': 'var(--ds-background-accent-green-subtler, #ABF5D1)',
+  /** green - medium */
+  '#36B37E': 'var(--ds-icon-accent-green, #36B37E)',
+  /** green - strong */
+  '#006644': 'var(--ds-text-accent-green, #006644)',
+  /** yellowOrange - light */
+  '#FFF0B3': 'var(--ds-background-accent-yellow-subtler, #FFF0B3)',
+  /** yellowOrange - medium */
+  '#FFC400': 'var(--ds-background-accent-orange-subtle, #FFC400)',
+  /** yellowOrange - strong */
+  '#FF991F': 'var(--ds-icon-accent-orange, #FF991F)',
+  /** red - light */
+  '#FFBDAD': 'var(--ds-background-accent-red-subtler, #FFBDAD)',
+  /** red - medium */
+  '#FF5630': 'var(--ds-icon-accent-red, #FF5630)',
+  /** red - strong */
+  '#BF2600': 'var(--ds-text-accent-red, #BF2600)',
+  /** purple - light */
+  '#EAE6FF': 'var(--ds-background-accent-purple-subtler, #EAE6FF)',
+  /** purple - medium */
+  '#6554C0': 'var(--ds-icon-accent-purple, #6554C0)',
+  /** purple - strong */
+  '#403294': 'var(--ds-text-accent-purple, #403294)',
+  /** whiteGray - light */
+  '#FFFFFF': 'var(--ds-text-inverse, #FFFFFF)',
+  /** whiteGray - medium */
+  '#97A0AF': 'var(--ds-icon-accent-gray, #97A0AF)',
+  /** whiteGray - strong */
+  '#172B4D': 'var(--ds-text, #172B4D)'
+};
+
+/**
+ * Takes an ADF hex color and returns the rendered hex code for the associated background palette design token using getTokenValue.
+ * If the provided color does not exist in the Editor color palette, this function returns undefined.
+ *
+ * This should only be used when rendering content where CSS variables are not feasible, such as a non-CSS environment
+ * or to enable cross-app copy/paste.
+ *
+ * WARNING: If the rendered theme changes (such as from light -> dark mode) the value returned here will no longer match
+ * the surrounding UI and will need to be re-fetched.
+ * In addition, the values of tokens will differ between themes and the value for a given theme can and will change.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color.
+ */
+export function hexToEditorBackgroundPaletteRawValue(hexColor) {
+  // Ts ignore used to allow use of conditional return type
+  // (preferencing better type on consumption over safety in implementation)
+  // @ts-ignore
+  var tokenData = editorBackgroundPalette[hexColor.toUpperCase()];
+  return tokenData ? tokenData.getValue(hexColor) : undefined;
+}
+/**
+ * Values are asserted to improve generated type declarations
+ * Using object structure as getValue() function needed for table values, and other
+ * properties may be needed in the future.
+ */
+export var editorBackgroundPalette = {
+  /** blue - light */
+  '#DEEBFF': {
+    getValue: function getValue(fallback) {
+      return '#DEEBFF';
+    },
+    token: 'var(--ds-background-accent-blue-subtlest, #DEEBFF)'
+  },
+  /** blue - medium */
+  '#B3D4FF': {
+    getValue: function getValue(fallback) {
+      return '#B3D4FF';
+    },
+    token: 'var(--ds-background-accent-blue-subtler, #B3D4FF)'
+  },
+  /** blue - strong */
+  '#4C9AFF': {
+    getValue: function getValue(fallback) {
+      return '#4C9AFF';
+    },
+    token: 'var(--ds-background-accent-blue-subtle, #4C9AFF)'
+  },
+  /** teal - light */
+  '#E6FCFF': {
+    getValue: function getValue(fallback) {
+      return '#E6FCFF';
+    },
+    token: 'var(--ds-background-accent-teal-subtlest, #E6FCFF)'
+  },
+  /** teal - medium */
+  '#B3F5FF': {
+    getValue: function getValue(fallback) {
+      return '#B3F5FF';
+    },
+    token: 'var(--ds-background-accent-teal-subtler, #B3F5FF)'
+  },
+  /** teal - strong */
+  '#79E2F2': {
+    getValue: function getValue(fallback) {
+      return '#79E2F2';
+    },
+    token: 'var(--ds-background-accent-teal-subtle, #79E2F2)'
+  },
+  /** green - light */
+  '#E3FCEF': {
+    getValue: function getValue(fallback) {
+      return '#E3FCEF';
+    },
+    token: 'var(--ds-background-accent-green-subtlest, #E3FCEF)'
+  },
+  /** green - medium */
+  '#ABF5D1': {
+    getValue: function getValue(fallback) {
+      return '#ABF5D1';
+    },
+    token: 'var(--ds-background-accent-green-subtler, #ABF5D1)'
+  },
+  /** green - strong */
+  '#57D9A3': {
+    getValue: function getValue(fallback) {
+      return '#57D9A3';
+    },
+    token: 'var(--ds-background-accent-green-subtle, #57D9A3)'
+  },
+  /** yellowOrange - light */
+  '#FFFAE6': {
+    getValue: function getValue(fallback) {
+      return '#FFFAE6';
+    },
+    token: 'var(--ds-background-accent-yellow-subtlest, #FFFAE6)'
+  },
+  /** yellowOrange - medium */
+  '#FFF0B3': {
+    getValue: function getValue(fallback) {
+      return '#FFF0B3';
+    },
+    token: 'var(--ds-background-accent-yellow-subtler, #FFF0B3)'
+  },
+  /** yellowOrange - strong */
+  '#FFC400': {
+    getValue: function getValue(fallback) {
+      return '#FFC400';
+    },
+    token: 'var(--ds-background-accent-orange-subtle, #FFC400)'
+  },
+  /** red - light */
+  '#FFEBE6': {
+    getValue: function getValue(fallback) {
+      return '#FFEBE6';
+    },
+    token: 'var(--ds-background-accent-red-subtlest, #FFEBE6)'
+  },
+  /** red - medium */
+  '#FFBDAD': {
+    getValue: function getValue(fallback) {
+      return '#FFBDAD';
+    },
+    token: 'var(--ds-background-accent-red-subtler, #FFBDAD)'
+  },
+  /** red - strong */
+  '#FF8F73': {
+    getValue: function getValue(fallback) {
+      return '#FF8F73';
+    },
+    token: 'var(--ds-background-accent-red-subtle, #FF8F73)'
+  },
+  /** purple - light */
+  '#EAE6FF': {
+    getValue: function getValue(fallback) {
+      return '#EAE6FF';
+    },
+    token: 'var(--ds-background-accent-purple-subtlest, #EAE6FF)'
+  },
+  /** purple - medium */
+  '#C0B6F2': {
+    getValue: function getValue(fallback) {
+      return '#C0B6F2';
+    },
+    token: 'var(--ds-background-accent-purple-subtler, #C0B6F2)'
+  },
+  /** purple - strong */
+  '#998DD9': {
+    getValue: function getValue(fallback) {
+      return '#998DD9';
+    },
+    token: 'var(--ds-background-accent-purple-subtle, #998DD9)'
+  },
+  /** whiteGray - light */
+  '#FFFFFF': {
+    getValue: function getValue(fallback) {
+      return '#FFFFFF';
+    },
+    token: 'var(--ds-surface, #FFFFFF)'
+  },
+  /** whiteGray - medium */
+  '#F4F5F7': {
+    getValue: function getValue(fallback) {
+      return '#F4F5F7';
+    },
+    token: 'var(--ds-background-accent-gray-subtlest, #F4F5F7)'
+  },
+  /** whiteGray - strong */
+  '#B3BAC5': {
+    getValue: function getValue(fallback) {
+      return '#B3BAC5';
+    },
+    token: 'var(--ds-background-accent-gray-subtle, #B3BAC5)'
+  }
+};
+export {};

package/dist/types/schema/index.d.ts

@@ -7,3 +7,6 @@ export type { AlignmentAttributes, AlignmentMarkDefinition, AnnotationMarkAttrib
 export { unsupportedNodeTypesForMediaCards } from './unsupported';
 export { inlineNodes } from './inline-nodes';
 export { sanitizeNodes, createSchema } from './create-schema';
+declare const nodes: string[];
+declare const marks: string[];
+export { nodes, marks };

package/dist/types/utils/editor-palette.d.ts

@@ -0,0 +1,221 @@
+/**
+ * This takes an adf hex color and returns a matching border palette color.
+ *
+ * By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
+ *
+ * Example usage
+ * ```tsx
+ * const cssValue = hexToEditorBorderPaletteColor('#091E4224');
+ * //     ^? const cssValue: string
+ * <div style={{borderColor: cssValue}} />
+ * ```
+ * The names of tokens can change over time, and the values of tokens will differ between themes.
+ * The exact output of this function is an implementation detail and should only be used when rendering
+ * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
+ */
+export declare function hexToEditorBorderPaletteColor<HexColor extends string>(hexColor: HexColor): HexColor extends EditorBorderPaletteKey ? EditorBorderPalette[HexColor] : string | undefined;
+type EditorBorderPalette = typeof editorBorderPalette;
+export type EditorBorderPaletteKey = keyof EditorBorderPalette;
+export declare const editorBorderPalette: {
+    /** gray - subtle */
+    '#091E4224': string;
+    /** gray */
+    '#758195': string;
+    /** gray - bold */
+    '#172B4D': string;
+};
+/**
+ * This takes an adf hex color and returns a matching text palette color.
+ *
+ * By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
+ *
+ * Example usage
+ * ```tsx
+ * const cssValue = hexToTextPaletteColor('#0747A6');
+ * //     ^? const cssValue: string
+ * <span style={{textColor: cssValue}} />
+ * ```
+ * The names of tokens can change over time, and the values of tokens will differ between themes.
+ * The exact output of this function is an implementation detail and should only be used when rendering
+ * content to the user, on a client with a matching major version of `@atlaskit/tokens`.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
+ */
+export declare function hexToEditorTextPaletteColor<HexColor extends string>(hexColor: HexColor): HexColor extends EditorTextPaletteKey ? EditorTextPalette[HexColor] : string | undefined;
+type EditorTextPalette = typeof editorTextPalette;
+export type EditorTextPaletteKey = keyof EditorTextPalette;
+export declare const editorTextPalette: {
+    /** blue - light */
+    '#B3D4FF': string;
+    /** blue - medium */
+    '#4C9AFF': string;
+    /** blue - strong */
+    '#0747A6': string;
+    /** teal - light */
+    '#B3F5FF': string;
+    /** teal - medium */
+    '#00B8D9': string;
+    /** teal - strong */
+    '#008DA6': string;
+    /** green - light */
+    '#ABF5D1': string;
+    /** green - medium */
+    '#36B37E': string;
+    /** green - strong */
+    '#006644': string;
+    /** yellowOrange - light */
+    '#FFF0B3': string;
+    /** yellowOrange - medium */
+    '#FFC400': string;
+    /** yellowOrange - strong */
+    '#FF991F': string;
+    /** red - light */
+    '#FFBDAD': string;
+    /** red - medium */
+    '#FF5630': string;
+    /** red - strong */
+    '#BF2600': string;
+    /** purple - light */
+    '#EAE6FF': string;
+    /** purple - medium */
+    '#6554C0': string;
+    /** purple - strong */
+    '#403294': string;
+    /** whiteGray - light */
+    '#FFFFFF': string;
+    /** whiteGray - medium */
+    '#97A0AF': string;
+    /** whiteGray - strong */
+    '#172B4D': string;
+};
+/**
+ * Takes an ADF hex color and returns the rendered hex code for the associated background palette design token using getTokenValue.
+ * If the provided color does not exist in the Editor color palette, this function returns undefined.
+ *
+ * This should only be used when rendering content where CSS variables are not feasible, such as a non-CSS environment
+ * or to enable cross-app copy/paste.
+ *
+ * WARNING: If the rendered theme changes (such as from light -> dark mode) the value returned here will no longer match
+ * the surrounding UI and will need to be re-fetched.
+ * In addition, the values of tokens will differ between themes and the value for a given theme can and will change.
+ * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
+ * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color.
+ */
+export declare function hexToEditorBackgroundPaletteRawValue<HexColor extends string>(hexColor: HexColor): HexColor extends EditorBackgroundPaletteKey ? string : undefined;
+type EditorBackgroundPalette = typeof editorBackgroundPalette;
+export type EditorBackgroundPaletteKey = keyof EditorBackgroundPalette;
+/**
+ * Values are asserted to improve generated type declarations
+ * Using object structure as getValue() function needed for table values, and other
+ * properties may be needed in the future.
+ */
+export declare const editorBackgroundPalette: {
+    /** blue - light */
+    '#DEEBFF': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** blue - medium */
+    '#B3D4FF': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** blue - strong */
+    '#4C9AFF': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** teal - light */
+    '#E6FCFF': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** teal - medium */
+    '#B3F5FF': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** teal - strong */
+    '#79E2F2': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** green - light */
+    '#E3FCEF': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** green - medium */
+    '#ABF5D1': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** green - strong */
+    '#57D9A3': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** yellowOrange - light */
+    '#FFFAE6': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** yellowOrange - medium */
+    '#FFF0B3': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** yellowOrange - strong */
+    '#FFC400': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** red - light */
+    '#FFEBE6': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** red - medium */
+    '#FFBDAD': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** red - strong */
+    '#FF8F73': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** purple - light */
+    '#EAE6FF': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** purple - medium */
+    '#C0B6F2': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** purple - strong */
+    '#998DD9': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** whiteGray - light */
+    '#FFFFFF': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** whiteGray - medium */
+    '#F4F5F7': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+    /** whiteGray - strong */
+    '#B3BAC5': {
+        getValue: (fallback: string) => string;
+        token: string;
+    };
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/adf-schema",
-  "version": "29.0.1",
+  "version": "29.1.1",
   "description": "Shared package that contains the ADF-schema (json) and ProseMirror node/mark specs",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,11 +32,9 @@
   },
   "dependencies": {
     "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/editor-palette": "1.5.0",
     "@atlaskit/editor-prosemirror": "*",
     "@atlaskit/editor-tables": "^2.3.0",
     "@atlaskit/json-schema-generator": "^3.3.6",
-    "@atlaskit/tokens": "1.19.0",
     "@babel/runtime": "^7.0.0",
     "css-color-names": "0.0.4",
     "linkify-it": "^2.0.3",