@atlaskit/adf-schema 49.0.2 → 49.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/index.js +6 -0
- package/dist/cjs/schema/index.js +6 -0
- package/dist/cjs/schema/marks/background-color.js +28 -1
- package/dist/cjs/schema/marks/index.js +6 -0
- package/dist/cjs/utils/colors.js +2 -1
- package/dist/cjs/utils/editor-palette.js +7 -1
- package/dist/es2019/index.js +1 -1
- package/dist/es2019/schema/index.js +1 -1
- package/dist/es2019/schema/marks/background-color.js +23 -1
- package/dist/es2019/schema/marks/index.js +1 -1
- package/dist/es2019/utils/colors.js +1 -0
- package/dist/es2019/utils/editor-palette.js +7 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/schema/index.js +1 -1
- package/dist/esm/schema/marks/background-color.js +28 -1
- package/dist/esm/schema/marks/index.js +1 -1
- package/dist/esm/utils/colors.js +1 -0
- package/dist/esm/utils/editor-palette.js +7 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/schema/index.d.ts +1 -1
- package/dist/types/schema/marks/background-color.d.ts +5 -0
- package/dist/types/schema/marks/index.d.ts +1 -1
- package/dist/types/utils/colors.d.ts +1 -0
- package/dist/types/utils/editor-palette.d.ts +2 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/dist/cjs/index.js
CHANGED
@@ -333,6 +333,12 @@ Object.defineProperty(exports, "backgroundColorPalette", {
|
|
333
333
|
return _schema.backgroundColorPalette;
|
334
334
|
}
|
335
335
|
});
|
336
|
+
Object.defineProperty(exports, "backgroundColorPaletteNext", {
|
337
|
+
enumerable: true,
|
338
|
+
get: function get() {
|
339
|
+
return _schema.backgroundColorPaletteNext;
|
340
|
+
}
|
341
|
+
});
|
336
342
|
Object.defineProperty(exports, "blockCard", {
|
337
343
|
enumerable: true,
|
338
344
|
get: function get() {
|
package/dist/cjs/schema/index.js
CHANGED
@@ -51,6 +51,12 @@ Object.defineProperty(exports, "backgroundColorPalette", {
|
|
51
51
|
return _marks.backgroundColorPalette;
|
52
52
|
}
|
53
53
|
});
|
54
|
+
Object.defineProperty(exports, "backgroundColorPaletteNext", {
|
55
|
+
enumerable: true,
|
56
|
+
get: function get() {
|
57
|
+
return _marks.backgroundColorPaletteNext;
|
58
|
+
}
|
59
|
+
});
|
54
60
|
Object.defineProperty(exports, "blockCard", {
|
55
61
|
enumerable: true,
|
56
62
|
get: function get() {
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.backgroundColorPalette = exports.backgroundColor = void 0;
|
7
|
+
exports.backgroundColorPaletteNext = exports.backgroundColorPalette = exports.backgroundColor = void 0;
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
10
10
|
var _markTypes = require("../../next-schema/generated/markTypes");
|
@@ -16,6 +16,8 @@ var _lchColorInversion = require("../../utils/lch-color-inversion");
|
|
16
16
|
* @name backgroundColor_mark
|
17
17
|
*/
|
18
18
|
|
19
|
+
// Remove this when cleaning up platform_editor_add_back_orange_highlight_color
|
20
|
+
|
19
21
|
var colorArrayPalette = [[_colors.Neutral300, 'Gray'],
|
20
22
|
// token: color.background.accent.gray.subtler
|
21
23
|
[_colors.T200, 'Teal'],
|
@@ -28,8 +30,26 @@ var colorArrayPalette = [[_colors.Neutral300, 'Gray'],
|
|
28
30
|
// token: color.background.accent.magenta.subtler
|
29
31
|
[_colors.P200, 'Purple'] // token: color.background.accent.purple.subtler
|
30
32
|
];
|
33
|
+
var colorArrayPaletteNext = [[_colors.Neutral300, 'Gray'],
|
34
|
+
// token: color.background.accent.gray.subtler
|
35
|
+
[_colors.T200, 'Teal'],
|
36
|
+
// token: color.background.accent.teal.subtler
|
37
|
+
[_colors.L200, 'Lime'],
|
38
|
+
// token: color.background.accent.lime.subtler
|
39
|
+
[_colors.Yellow200, 'Yellow'],
|
40
|
+
// token: color.background.accent.yellow.subtler
|
41
|
+
[_colors.O200, 'Orange'],
|
42
|
+
// token: color.background.accent.orange.subtler
|
43
|
+
[_colors.M200, 'Magenta'],
|
44
|
+
// token: color.background.accent.magenta.subtler
|
45
|
+
[_colors.P200, 'Purple'] // token: color.background.accent.purple.subtler
|
46
|
+
];
|
31
47
|
|
32
48
|
// @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/55979455/Colour+picker+decisions#Colourpickerdecisions-Visualdesigndecisions
|
49
|
+
// Remove this when cleaning up platform_editor_add_back_orange_highlight_color
|
50
|
+
/**
|
51
|
+
* @deprecated use backgroundColorPaletteNext instead, which in addition supports yellow highlight
|
52
|
+
*/
|
33
53
|
var backgroundColorPalette = exports.backgroundColorPalette = new Map();
|
34
54
|
colorArrayPalette.forEach(function (_ref) {
|
35
55
|
var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
|
@@ -37,6 +57,13 @@ colorArrayPalette.forEach(function (_ref) {
|
|
37
57
|
label = _ref2[1];
|
38
58
|
return backgroundColorPalette.set(color.toLowerCase(), label);
|
39
59
|
});
|
60
|
+
var backgroundColorPaletteNext = exports.backgroundColorPaletteNext = new Map();
|
61
|
+
colorArrayPaletteNext.forEach(function (_ref3) {
|
62
|
+
var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
|
63
|
+
color = _ref4[0],
|
64
|
+
label = _ref4[1];
|
65
|
+
return backgroundColorPaletteNext.set(color.toLowerCase(), label);
|
66
|
+
});
|
40
67
|
var backgroundColor = exports.backgroundColor = (0, _markTypes.backgroundColor)({
|
41
68
|
parseDOM: [{
|
42
69
|
style: 'background-color',
|
@@ -45,6 +45,12 @@ Object.defineProperty(exports, "backgroundColorPalette", {
|
|
45
45
|
return _backgroundColor.backgroundColorPalette;
|
46
46
|
}
|
47
47
|
});
|
48
|
+
Object.defineProperty(exports, "backgroundColorPaletteNext", {
|
49
|
+
enumerable: true,
|
50
|
+
get: function get() {
|
51
|
+
return _backgroundColor.backgroundColorPaletteNext;
|
52
|
+
}
|
53
|
+
});
|
48
54
|
Object.defineProperty(exports, "border", {
|
49
55
|
enumerable: true,
|
50
56
|
get: function get() {
|
package/dist/cjs/utils/colors.js
CHANGED
@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
6
6
|
value: true
|
7
7
|
});
|
8
|
-
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;
|
8
|
+
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;
|
9
9
|
exports.hexToRgb = hexToRgb;
|
10
10
|
exports.hexToRgba = hexToRgba;
|
11
11
|
exports.isHex = isHex;
|
@@ -32,6 +32,7 @@ var R500 = exports.R500 = '#BF2600';
|
|
32
32
|
var Y50 = exports.Y50 = '#FFFAE6';
|
33
33
|
var Y75 = exports.Y75 = '#FFF0B3';
|
34
34
|
var Y200 = exports.Y200 = '#FFC400';
|
35
|
+
var Yellow200 = exports.Yellow200 = '#F8E6A0';
|
35
36
|
var Y400 = exports.Y400 = '#FF991F';
|
36
37
|
var Y500 = exports.Y500 = '#FF8B00';
|
37
38
|
var G50 = exports.G50 = '#E3FCEF';
|
@@ -1,5 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
4
5
|
value: true
|
5
6
|
});
|
@@ -9,6 +10,7 @@ exports.hexToEditorBorderPaletteColor = hexToEditorBorderPaletteColor;
|
|
9
10
|
exports.hexToEditorTextBackgroundPaletteColor = hexToEditorTextBackgroundPaletteColor;
|
10
11
|
exports.hexToEditorTextPaletteColor = hexToEditorTextPaletteColor;
|
11
12
|
exports.textBackgroundColorPalette = void 0;
|
13
|
+
var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
|
12
14
|
/**
|
13
15
|
* This takes an adf hex color and returns a matching border palette color.
|
14
16
|
*
|
@@ -125,7 +127,9 @@ var editorTextPalette = exports.editorTextPalette = {
|
|
125
127
|
* - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
|
126
128
|
*/
|
127
129
|
function hexToEditorTextBackgroundPaletteColor(hexColor) {
|
128
|
-
|
130
|
+
if (!_featureGateJsClient.default.checkGate('platform_editor_add_back_orange_highlight_color')) {
|
131
|
+
textBackgroundColorPalette['#FEDEC8'] = 'var(--ds-background-accent-yellow-subtler, #F8E6A0)';
|
132
|
+
}
|
129
133
|
|
130
134
|
// Ts ignore was used to allow use of conditional return type
|
131
135
|
// (preferring better type on consumption over safety in implementation)
|
@@ -138,6 +142,8 @@ var textBackgroundColorPalette = exports.textBackgroundColorPalette = {
|
|
138
142
|
'#C6EDFB': 'var(--ds-background-accent-teal-subtler, #C6EDFB)',
|
139
143
|
/** Lime - light */
|
140
144
|
'#D3F1A7': 'var(--ds-background-accent-lime-subtler, #D3F1A7)',
|
145
|
+
/** Yellow - light */
|
146
|
+
'#F8E6A0': 'var(--ds-background-accent-yellow-subtler, #F8E6A0)',
|
141
147
|
/** Orange - light */
|
142
148
|
'#FEDEC8': 'var(--ds-background-accent-orange-subtler, #FEDEC8)',
|
143
149
|
/** Magenta - light */
|
package/dist/es2019/index.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockquote, extendedBlockquote, bodiedExtension, breakout, bulletList, bulletListSelector, caption, code, codeBlock, codeBlockToJSON, colorPalette, /** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
|
2
|
-
colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, emoji, expandWithNestedExpand, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineExtension, inlineNodes, layoutColumn, layoutSection, link, linkToJSON, listItem, listItemWithDecisionStage0, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, extendedPanel, paragraph, placeholder, rule, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable } from './schema';
|
2
|
+
colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, emoji, expandWithNestedExpand, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineExtension, inlineNodes, layoutColumn, layoutSection, link, linkToJSON, listItem, listItemWithDecisionStage0, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, extendedPanel, paragraph, placeholder, rule, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, backgroundColorPaletteNext, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable } from './schema';
|
3
3
|
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';
|
4
4
|
|
5
5
|
// ADF createPMSpecFactory
|
@@ -1,6 +1,6 @@
|
|
1
1
|
export { PanelType, blockCard, blockquote, extendedBlockquote, bodiedExtension, bulletList, bulletListSelector, caption, codeBlock, codeBlockToJSON, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, date, decisionItem, decisionList, decisionListSelector, doc, embedCard, emoji, expandWithNestedExpand, expandToJSON, extension, hardBreak, heading, image, inlineCard, inlineExtension, layoutColumn, layoutSection, layoutSectionWithSingleColumn, listItem, listItemWithDecisionStage0, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, extendedPanel, paragraph, placeholder, rule, getCellAttrs, getCellDomAttrs, status, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, toJSONTableCell, toJSONTableHeader, unknownBlock, unsupportedBlock, unsupportedInline, extensionFrame, multiBodiedExtension, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable } from './nodes';
|
2
2
|
export { AnnotationTypes, alignment, alignmentPositionMap, annotation, breakout, code, colorPalette, /** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
|
3
|
-
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';
|
3
|
+
colorPaletteExtended, confluenceInlineComment, dataConsumer, dataConsumerToJSON, em, fragment, fragmentToJSON, indentation, link, linkToJSON, strike, strong, subsup, textColor, typeAheadQuery, underline, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, backgroundColor, backgroundColorPalette, backgroundColorPaletteNext } from './marks';
|
4
4
|
export { unsupportedNodeTypesForMediaCards } from './unsupported';
|
5
5
|
export { inlineNodes } from './inline-nodes';
|
6
6
|
export { createSchema } from './create-schema';
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { backgroundColor as backgroundColorFactory } from '../../next-schema/generated/markTypes';
|
2
2
|
import { hexToEditorTextBackgroundPaletteColor } from '../../utils/editor-palette';
|
3
|
-
import { rgbToHex, L200, T200, P200, M200, Neutral300, O200 } from '../../utils/colors';
|
3
|
+
import { rgbToHex, L200, T200, P200, M200, Neutral300, O200, Yellow200 } from '../../utils/colors';
|
4
4
|
import { getGlobalTheme } from './text-color';
|
5
5
|
import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
|
6
6
|
|
@@ -8,6 +8,8 @@ import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
|
|
8
8
|
* @name backgroundColor_mark
|
9
9
|
*/
|
10
10
|
|
11
|
+
// Remove this when cleaning up platform_editor_add_back_orange_highlight_color
|
12
|
+
|
11
13
|
const colorArrayPalette = [[Neutral300, 'Gray'],
|
12
14
|
// token: color.background.accent.gray.subtler
|
13
15
|
[T200, 'Teal'],
|
@@ -20,10 +22,30 @@ const colorArrayPalette = [[Neutral300, 'Gray'],
|
|
20
22
|
// token: color.background.accent.magenta.subtler
|
21
23
|
[P200, 'Purple'] // token: color.background.accent.purple.subtler
|
22
24
|
];
|
25
|
+
const colorArrayPaletteNext = [[Neutral300, 'Gray'],
|
26
|
+
// token: color.background.accent.gray.subtler
|
27
|
+
[T200, 'Teal'],
|
28
|
+
// token: color.background.accent.teal.subtler
|
29
|
+
[L200, 'Lime'],
|
30
|
+
// token: color.background.accent.lime.subtler
|
31
|
+
[Yellow200, 'Yellow'],
|
32
|
+
// token: color.background.accent.yellow.subtler
|
33
|
+
[O200, 'Orange'],
|
34
|
+
// token: color.background.accent.orange.subtler
|
35
|
+
[M200, 'Magenta'],
|
36
|
+
// token: color.background.accent.magenta.subtler
|
37
|
+
[P200, 'Purple'] // token: color.background.accent.purple.subtler
|
38
|
+
];
|
23
39
|
|
24
40
|
// @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/55979455/Colour+picker+decisions#Colourpickerdecisions-Visualdesigndecisions
|
41
|
+
// Remove this when cleaning up platform_editor_add_back_orange_highlight_color
|
42
|
+
/**
|
43
|
+
* @deprecated use backgroundColorPaletteNext instead, which in addition supports yellow highlight
|
44
|
+
*/
|
25
45
|
export const backgroundColorPalette = new Map();
|
26
46
|
colorArrayPalette.forEach(([color, label]) => backgroundColorPalette.set(color.toLowerCase(), label));
|
47
|
+
export const backgroundColorPaletteNext = new Map();
|
48
|
+
colorArrayPaletteNext.forEach(([color, label]) => backgroundColorPaletteNext.set(color.toLowerCase(), label));
|
27
49
|
export const backgroundColor = backgroundColorFactory({
|
28
50
|
parseDOM: [{
|
29
51
|
style: 'background-color',
|
@@ -17,4 +17,4 @@ export { unsupportedNodeAttribute } from './unsupported-node-attributes';
|
|
17
17
|
export { dataConsumer, toJSON as dataConsumerToJSON } from './data-consumer';
|
18
18
|
export { fragment, toJSON as fragmentToJSON } from './fragment';
|
19
19
|
export { border, borderColorPalette } from './border';
|
20
|
-
export { backgroundColor, backgroundColorPalette } from './background-color';
|
20
|
+
export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNext } from './background-color';
|
@@ -16,6 +16,7 @@ export const R500 = '#BF2600';
|
|
16
16
|
export const Y50 = '#FFFAE6';
|
17
17
|
export const Y75 = '#FFF0B3';
|
18
18
|
export const Y200 = '#FFC400';
|
19
|
+
export const Yellow200 = '#F8E6A0';
|
19
20
|
export const Y400 = '#FF991F';
|
20
21
|
export const Y500 = '#FF8B00';
|
21
22
|
export const G50 = '#E3FCEF';
|
@@ -1,3 +1,5 @@
|
|
1
|
+
import FeatureGates from '@atlaskit/feature-gate-js-client';
|
2
|
+
|
1
3
|
/**
|
2
4
|
* This takes an adf hex color and returns a matching border palette color.
|
3
5
|
*
|
@@ -114,7 +116,9 @@ export const editorTextPalette = {
|
|
114
116
|
* - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
|
115
117
|
*/
|
116
118
|
export function hexToEditorTextBackgroundPaletteColor(hexColor) {
|
117
|
-
|
119
|
+
if (!FeatureGates.checkGate('platform_editor_add_back_orange_highlight_color')) {
|
120
|
+
textBackgroundColorPalette['#FEDEC8'] = 'var(--ds-background-accent-yellow-subtler, #F8E6A0)';
|
121
|
+
}
|
118
122
|
|
119
123
|
// Ts ignore was used to allow use of conditional return type
|
120
124
|
// (preferring better type on consumption over safety in implementation)
|
@@ -127,6 +131,8 @@ export const textBackgroundColorPalette = {
|
|
127
131
|
'#C6EDFB': 'var(--ds-background-accent-teal-subtler, #C6EDFB)',
|
128
132
|
/** Lime - light */
|
129
133
|
'#D3F1A7': 'var(--ds-background-accent-lime-subtler, #D3F1A7)',
|
134
|
+
/** Yellow - light */
|
135
|
+
'#F8E6A0': 'var(--ds-background-accent-yellow-subtler, #F8E6A0)',
|
130
136
|
/** Orange - light */
|
131
137
|
'#FEDEC8': 'var(--ds-background-accent-orange-subtler, #FEDEC8)',
|
132
138
|
/** Magenta - light */
|
package/dist/esm/index.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockquote, extendedBlockquote, bodiedExtension, breakout, bulletList, bulletListSelector, caption, code, codeBlock, codeBlockToJSON, colorPalette, /** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
|
2
|
-
colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, emoji, expandWithNestedExpand, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineExtension, inlineNodes, layoutColumn, layoutSection, link, linkToJSON, listItem, listItemWithDecisionStage0, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, extendedPanel, paragraph, placeholder, rule, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable } from './schema';
|
2
|
+
colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, emoji, expandWithNestedExpand, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineExtension, inlineNodes, layoutColumn, layoutSection, link, linkToJSON, listItem, listItemWithDecisionStage0, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, extendedPanel, paragraph, placeholder, rule, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, backgroundColorPaletteNext, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable } from './schema';
|
3
3
|
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';
|
4
4
|
|
5
5
|
// ADF createPMSpecFactory
|
package/dist/esm/schema/index.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
export { PanelType, blockCard, blockquote, extendedBlockquote, bodiedExtension, bulletList, bulletListSelector, caption, codeBlock, codeBlockToJSON, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, date, decisionItem, decisionList, decisionListSelector, doc, embedCard, emoji, expandWithNestedExpand, expandToJSON, extension, hardBreak, heading, image, inlineCard, inlineExtension, layoutColumn, layoutSection, layoutSectionWithSingleColumn, listItem, listItemWithDecisionStage0, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, extendedPanel, paragraph, placeholder, rule, getCellAttrs, getCellDomAttrs, status, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, toJSONTableCell, toJSONTableHeader, unknownBlock, unsupportedBlock, unsupportedInline, extensionFrame, multiBodiedExtension, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable } from './nodes';
|
2
2
|
export { AnnotationTypes, alignment, alignmentPositionMap, annotation, breakout, code, colorPalette, /** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
|
3
|
-
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';
|
3
|
+
colorPaletteExtended, confluenceInlineComment, dataConsumer, dataConsumerToJSON, em, fragment, fragmentToJSON, indentation, link, linkToJSON, strike, strong, subsup, textColor, typeAheadQuery, underline, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, backgroundColor, backgroundColorPalette, backgroundColorPaletteNext } from './marks';
|
4
4
|
export { unsupportedNodeTypesForMediaCards } from './unsupported';
|
5
5
|
export { inlineNodes } from './inline-nodes';
|
6
6
|
export { createSchema } from './create-schema';
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
3
3
|
import { backgroundColor as backgroundColorFactory } from '../../next-schema/generated/markTypes';
|
4
4
|
import { hexToEditorTextBackgroundPaletteColor } from '../../utils/editor-palette';
|
5
|
-
import { rgbToHex, L200, T200, P200, M200, Neutral300, O200 } from '../../utils/colors';
|
5
|
+
import { rgbToHex, L200, T200, P200, M200, Neutral300, O200, Yellow200 } from '../../utils/colors';
|
6
6
|
import { getGlobalTheme } from './text-color';
|
7
7
|
import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
|
8
8
|
|
@@ -10,6 +10,8 @@ import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
|
|
10
10
|
* @name backgroundColor_mark
|
11
11
|
*/
|
12
12
|
|
13
|
+
// Remove this when cleaning up platform_editor_add_back_orange_highlight_color
|
14
|
+
|
13
15
|
var colorArrayPalette = [[Neutral300, 'Gray'],
|
14
16
|
// token: color.background.accent.gray.subtler
|
15
17
|
[T200, 'Teal'],
|
@@ -22,8 +24,26 @@ var colorArrayPalette = [[Neutral300, 'Gray'],
|
|
22
24
|
// token: color.background.accent.magenta.subtler
|
23
25
|
[P200, 'Purple'] // token: color.background.accent.purple.subtler
|
24
26
|
];
|
27
|
+
var colorArrayPaletteNext = [[Neutral300, 'Gray'],
|
28
|
+
// token: color.background.accent.gray.subtler
|
29
|
+
[T200, 'Teal'],
|
30
|
+
// token: color.background.accent.teal.subtler
|
31
|
+
[L200, 'Lime'],
|
32
|
+
// token: color.background.accent.lime.subtler
|
33
|
+
[Yellow200, 'Yellow'],
|
34
|
+
// token: color.background.accent.yellow.subtler
|
35
|
+
[O200, 'Orange'],
|
36
|
+
// token: color.background.accent.orange.subtler
|
37
|
+
[M200, 'Magenta'],
|
38
|
+
// token: color.background.accent.magenta.subtler
|
39
|
+
[P200, 'Purple'] // token: color.background.accent.purple.subtler
|
40
|
+
];
|
25
41
|
|
26
42
|
// @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/55979455/Colour+picker+decisions#Colourpickerdecisions-Visualdesigndecisions
|
43
|
+
// Remove this when cleaning up platform_editor_add_back_orange_highlight_color
|
44
|
+
/**
|
45
|
+
* @deprecated use backgroundColorPaletteNext instead, which in addition supports yellow highlight
|
46
|
+
*/
|
27
47
|
export var backgroundColorPalette = new Map();
|
28
48
|
colorArrayPalette.forEach(function (_ref) {
|
29
49
|
var _ref2 = _slicedToArray(_ref, 2),
|
@@ -31,6 +51,13 @@ colorArrayPalette.forEach(function (_ref) {
|
|
31
51
|
label = _ref2[1];
|
32
52
|
return backgroundColorPalette.set(color.toLowerCase(), label);
|
33
53
|
});
|
54
|
+
export var backgroundColorPaletteNext = new Map();
|
55
|
+
colorArrayPaletteNext.forEach(function (_ref3) {
|
56
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
57
|
+
color = _ref4[0],
|
58
|
+
label = _ref4[1];
|
59
|
+
return backgroundColorPaletteNext.set(color.toLowerCase(), label);
|
60
|
+
});
|
34
61
|
export var backgroundColor = backgroundColorFactory({
|
35
62
|
parseDOM: [{
|
36
63
|
style: 'background-color',
|
@@ -17,4 +17,4 @@ export { unsupportedNodeAttribute } from './unsupported-node-attributes';
|
|
17
17
|
export { dataConsumer, toJSON as dataConsumerToJSON } from './data-consumer';
|
18
18
|
export { fragment, toJSON as fragmentToJSON } from './fragment';
|
19
19
|
export { border, borderColorPalette } from './border';
|
20
|
-
export { backgroundColor, backgroundColorPalette } from './background-color';
|
20
|
+
export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNext } from './background-color';
|
package/dist/esm/utils/colors.js
CHANGED
@@ -1,3 +1,5 @@
|
|
1
|
+
import FeatureGates from '@atlaskit/feature-gate-js-client';
|
2
|
+
|
1
3
|
/**
|
2
4
|
* This takes an adf hex color and returns a matching border palette color.
|
3
5
|
*
|
@@ -114,7 +116,9 @@ export var editorTextPalette = {
|
|
114
116
|
* - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
|
115
117
|
*/
|
116
118
|
export function hexToEditorTextBackgroundPaletteColor(hexColor) {
|
117
|
-
|
119
|
+
if (!FeatureGates.checkGate('platform_editor_add_back_orange_highlight_color')) {
|
120
|
+
textBackgroundColorPalette['#FEDEC8'] = 'var(--ds-background-accent-yellow-subtler, #F8E6A0)';
|
121
|
+
}
|
118
122
|
|
119
123
|
// Ts ignore was used to allow use of conditional return type
|
120
124
|
// (preferring better type on consumption over safety in implementation)
|
@@ -127,6 +131,8 @@ export var textBackgroundColorPalette = {
|
|
127
131
|
'#C6EDFB': 'var(--ds-background-accent-teal-subtler, #C6EDFB)',
|
128
132
|
/** Lime - light */
|
129
133
|
'#D3F1A7': 'var(--ds-background-accent-lime-subtler, #D3F1A7)',
|
134
|
+
/** Yellow - light */
|
135
|
+
'#F8E6A0': 'var(--ds-background-accent-yellow-subtler, #F8E6A0)',
|
130
136
|
/** Orange - light */
|
131
137
|
'#FEDEC8': 'var(--ds-background-accent-orange-subtler, #FEDEC8)',
|
132
138
|
/** Magenta - light */
|
package/dist/types/index.d.ts
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockquote, extendedBlockquote, bodiedExtension, breakout, bulletList, bulletListSelector, caption, code, codeBlock, codeBlockToJSON, colorPalette,
|
2
2
|
/** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
|
3
|
-
colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, emoji, expandWithNestedExpand, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineExtension, inlineNodes, layoutColumn, layoutSection, link, linkToJSON, listItem, listItemWithDecisionStage0, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, extendedPanel, paragraph, placeholder, rule, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, } from './schema';
|
3
|
+
colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, emoji, expandWithNestedExpand, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineExtension, inlineNodes, layoutColumn, layoutSection, link, linkToJSON, listItem, listItemWithDecisionStage0, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, orderedList, orderedListSelector, orderedListWithOrder, extendedPanel, paragraph, placeholder, rule, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, backgroundColorPaletteNext, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, } from './schema';
|
4
4
|
export type { AlignmentAttributes, AlignmentMarkDefinition, AnnotationMarkAttributes, AnnotationMarkDefinition, BlockCardDefinition, BlockContent, BlockQuoteDefinition, BodiedExtensionDefinition, BreakoutMarkAttrs, BreakoutMarkDefinition, BulletListDefinition, CaptionDefinition, CardAttributes, CellAttributes, CodeBlockAttrs, CodeBlockBaseDefinition, CodeBlockDefinition, CodeBlockWithMarksDefinition, CodeDefinition, DatasourceAttributes, DatasourceAttributeProperties, DataConsumerAttributes, DataConsumerDefinition, DataType, DateDefinition, DecisionItemDefinition, DecisionListDefinition, DocNode, EmbedCardDefinition, EmbedCardAttributes, EmDefinition, EmojiAttributes, EmojiDefinition, ExpandDefinition, ExtensionDefinition, ExtensionLayout, ExternalMediaAttributes, FragmentAttributes, FragmentDefinition, HardBreakDefinition, HeadingBaseDefinition, HeadingDefinition, HeadingWithAlignmentDefinition, HeadingWithIndentationDefinition, HeadingWithMarksDefinition, IndentationMarkAttributes, IndentationMarkDefinition, Inline, InlineCardDefinition, InlineCode, InlineExtensionDefinition, InlineFormattedText, InlineLinkText, LayoutColumnDefinition, LayoutSectionDefinition, LayoutSectionFullDefinition, LayoutSectionWithSingleColumnDefinition, LinkAttributes, LinkDefinition, ListItemArray, ListItemDefinition, MarksObject, MediaADFAttrs, MediaAttributes, MediaInlineAttributes, MediaInlineDefinition, MediaBaseAttributes, MediaDefinition, MediaDisplayType, MediaGroupDefinition, MediaSingleDefinition, MediaType, MentionAttributes, MentionDefinition, MentionUserType, NestedExpandContent, NestedExpandDefinition, NoMark, NonNestableBlockContent, OrderedListDefinition, PanelAttributes, PanelDefinition, ParagraphBaseDefinition, ParagraphDefinition, ParagraphWithAlignmentDefinition, ParagraphWithIndentationDefinition, ParagraphWithMarksDefinition, PlaceholderDefinition, RuleDefinition, StatusDefinition, StrikeDefinition, StrongDefinition, SubSupAttributes, SubSupDefinition, TableAttributes, TableCellDefinition, TableDefinition, TableDisplayMode, TableHeaderDefinition, TableLayout, TableRowDefinition, TaskItemDefinition, TaskListContent, TaskListDefinition, TextColorAttributes, TextColorDefinition, TextDefinition, UnderlineDefinition, UrlType, AnnotationId, RichMediaAttributes, ExtendedMediaAttributes, RichMediaLayout, AnnotationDataAttributes, CellDomAttrs, BorderMarkAttributes, BorderMarkDefinition, MultiBodiedExtensionDefinition, ExtensionFrameDefinition, BackgroundColorDefinition, } from './schema';
|
5
5
|
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';
|
6
6
|
export type { Match, NameToEmoji } from './utils';
|
@@ -2,7 +2,7 @@ export { PanelType, blockCard, blockquote, extendedBlockquote, bodiedExtension,
|
|
2
2
|
export type { BlockCardDefinition, BlockContent, BlockQuoteDefinition, BodiedExtensionDefinition, BulletListDefinition, CaptionDefinition, CardAttributes, CellAttributes, CodeBlockAttrs, CodeBlockBaseDefinition, CodeBlockDefinition, CodeBlockWithMarksDefinition, DatasourceAttributes, DatasourceAttributeProperties, DataType, DateDefinition, DecisionItemDefinition, DecisionListDefinition, DocNode, EmbedCardDefinition, EmbedCardAttributes, EmojiAttributes, EmojiDefinition, ExpandDefinition, ExtensionDefinition, ExtensionLayout, ExternalMediaAttributes, HardBreakDefinition, HeadingBaseDefinition, HeadingDefinition, HeadingWithAlignmentDefinition, HeadingWithIndentationDefinition, HeadingWithMarksDefinition, Inline, InlineCardDefinition, InlineCode, InlineExtensionDefinition, InlineFormattedText, InlineLinkText, LayoutColumnDefinition, LayoutSectionDefinition, LayoutSectionBaseDefinition, LayoutSectionFullDefinition, LayoutSectionWithSingleColumnDefinition, ListItemArray, ListItemDefinition, MarksObject, MediaADFAttrs, MediaAttributes, MediaInlineAttributes, MediaInlineDefinition, MediaBaseAttributes, MediaDefinition, MediaDisplayType, MediaGroupDefinition, MediaSingleDefinition, MediaType, MentionAttributes, MentionDefinition, MentionUserType, NestedExpandContent, NestedExpandDefinition, NoMark, NonNestableBlockContent, OrderedListDefinition, PanelAttributes, PanelDefinition, ParagraphBaseDefinition, ParagraphDefinition, ParagraphWithAlignmentDefinition, ParagraphWithIndentationDefinition, ParagraphWithMarksDefinition, PlaceholderDefinition, RuleDefinition, StatusDefinition, TableAttributes, TableCellDefinition, TableDefinition, TableWithNestedTableDefinition, TableRowWithNestedTableDefinition, TableCellWithNestedTableDefinition, TableHeaderWithNestedTableDefinition, TableDisplayMode, TableHeaderDefinition, TableLayout, TableRowDefinition, TaskItemDefinition, TaskListContent, TaskListDefinition, TextDefinition, UrlType, RichMediaAttributes, ExtendedMediaAttributes, RichMediaLayout, CellDomAttrs, ExtensionFrameDefinition, MultiBodiedExtensionDefinition, } from './nodes';
|
3
3
|
export { AnnotationTypes, alignment, alignmentPositionMap, annotation, breakout, code, colorPalette,
|
4
4
|
/** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
|
5
|
-
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';
|
5
|
+
colorPaletteExtended, confluenceInlineComment, dataConsumer, dataConsumerToJSON, em, fragment, fragmentToJSON, indentation, link, linkToJSON, strike, strong, subsup, textColor, typeAheadQuery, underline, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, backgroundColor, backgroundColorPalette, backgroundColorPaletteNext, } from './marks';
|
6
6
|
export type { AlignmentAttributes, AlignmentMarkDefinition, AnnotationMarkAttributes, AnnotationMarkDefinition, BreakoutMarkAttrs, BreakoutMarkDefinition, CodeDefinition, EmDefinition, FragmentAttributes, FragmentDefinition, IndentationMarkAttributes, IndentationMarkDefinition, LinkAttributes, LinkDefinition, StrikeDefinition, StrongDefinition, SubSupAttributes, SubSupDefinition, TextColorAttributes, TextColorDefinition, UnderlineDefinition, AnnotationId, AnnotationDataAttributes, DataConsumerAttributes, DataConsumerDefinition, BorderMarkAttributes, BorderMarkDefinition, BackgroundColorDefinition, } from './marks';
|
7
7
|
export { unsupportedNodeTypesForMediaCards } from './unsupported';
|
8
8
|
export { inlineNodes } from './inline-nodes';
|
@@ -11,5 +11,10 @@ export interface BackgroundColorMark extends Mark {
|
|
11
11
|
attrs: TextColorAttributes;
|
12
12
|
}
|
13
13
|
export type BackgroundColorKey = 'Gray' | 'Teal' | 'Lime' | 'Orange' | 'Magenta' | 'Purple';
|
14
|
+
export type BackgroundColorKeyNext = 'Gray' | 'Teal' | 'Lime' | 'Yellow' | 'Orange' | 'Magenta' | 'Purple';
|
15
|
+
/**
|
16
|
+
* @deprecated use backgroundColorPaletteNext instead, which in addition supports yellow highlight
|
17
|
+
*/
|
14
18
|
export declare const backgroundColorPalette: Map<string, BackgroundColorKey>;
|
19
|
+
export declare const backgroundColorPaletteNext: Map<string, BackgroundColorKeyNext>;
|
15
20
|
export declare const backgroundColor: MarkSpec;
|
@@ -32,5 +32,5 @@ export type { FragmentAttributes, FragmentDefinition, LocalId, } from './fragmen
|
|
32
32
|
export { fragment, toJSON as fragmentToJSON } from './fragment';
|
33
33
|
export { border, borderColorPalette } from './border';
|
34
34
|
export type { BorderMarkAttributes, BorderMarkDefinition } from './border';
|
35
|
-
export { backgroundColor, backgroundColorPalette } from './background-color';
|
35
|
+
export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNext, } from './background-color';
|
36
36
|
export type { BackgroundColorDefinition } from './background-color';
|
@@ -13,6 +13,7 @@ export declare const R500 = "#BF2600";
|
|
13
13
|
export declare const Y50 = "#FFFAE6";
|
14
14
|
export declare const Y75 = "#FFF0B3";
|
15
15
|
export declare const Y200 = "#FFC400";
|
16
|
+
export declare const Yellow200 = "#F8E6A0";
|
16
17
|
export declare const Y400 = "#FF991F";
|
17
18
|
export declare const Y500 = "#FF8B00";
|
18
19
|
export declare const G50 = "#E3FCEF";
|
package/package.json
CHANGED