@atlaskit/adf-schema 49.0.1 → 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 +12 -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 +3 -4
- 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 +3 -4
- 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 +3 -4
- 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
@@ -1,5 +1,17 @@
|
|
1
1
|
# @atlaskit/adf-schema
|
2
2
|
|
3
|
+
## 49.0.3
|
4
|
+
|
5
|
+
### Patch Changes
|
6
|
+
|
7
|
+
- 00c6129: [ED-28432] Enable orange highlight color, along with yellow color
|
8
|
+
|
9
|
+
## 49.0.2
|
10
|
+
|
11
|
+
### Patch Changes
|
12
|
+
|
13
|
+
- f22895a: [FD-91152] Clean up experiment editor_text_highlight_orange_to_yellow
|
14
|
+
|
3
15
|
## 49.0.1
|
4
16
|
|
5
17
|
### Patch Changes
|
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';
|
@@ -127,10 +127,7 @@ var editorTextPalette = exports.editorTextPalette = {
|
|
127
127
|
* - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
|
128
128
|
*/
|
129
129
|
function hexToEditorTextBackgroundPaletteColor(hexColor) {
|
130
|
-
|
131
|
-
fireExperimentExposure: true
|
132
|
-
});
|
133
|
-
if (orangeToYellowEnabled === 'test') {
|
130
|
+
if (!_featureGateJsClient.default.checkGate('platform_editor_add_back_orange_highlight_color')) {
|
134
131
|
textBackgroundColorPalette['#FEDEC8'] = 'var(--ds-background-accent-yellow-subtler, #F8E6A0)';
|
135
132
|
}
|
136
133
|
|
@@ -145,6 +142,8 @@ var textBackgroundColorPalette = exports.textBackgroundColorPalette = {
|
|
145
142
|
'#C6EDFB': 'var(--ds-background-accent-teal-subtler, #C6EDFB)',
|
146
143
|
/** Lime - light */
|
147
144
|
'#D3F1A7': 'var(--ds-background-accent-lime-subtler, #D3F1A7)',
|
145
|
+
/** Yellow - light */
|
146
|
+
'#F8E6A0': 'var(--ds-background-accent-yellow-subtler, #F8E6A0)',
|
148
147
|
/** Orange - light */
|
149
148
|
'#FEDEC8': 'var(--ds-background-accent-orange-subtler, #FEDEC8)',
|
150
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';
|
@@ -116,10 +116,7 @@ export const editorTextPalette = {
|
|
116
116
|
* - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
|
117
117
|
*/
|
118
118
|
export function hexToEditorTextBackgroundPaletteColor(hexColor) {
|
119
|
-
|
120
|
-
fireExperimentExposure: true
|
121
|
-
});
|
122
|
-
if (orangeToYellowEnabled === 'test') {
|
119
|
+
if (!FeatureGates.checkGate('platform_editor_add_back_orange_highlight_color')) {
|
123
120
|
textBackgroundColorPalette['#FEDEC8'] = 'var(--ds-background-accent-yellow-subtler, #F8E6A0)';
|
124
121
|
}
|
125
122
|
|
@@ -134,6 +131,8 @@ export const textBackgroundColorPalette = {
|
|
134
131
|
'#C6EDFB': 'var(--ds-background-accent-teal-subtler, #C6EDFB)',
|
135
132
|
/** Lime - light */
|
136
133
|
'#D3F1A7': 'var(--ds-background-accent-lime-subtler, #D3F1A7)',
|
134
|
+
/** Yellow - light */
|
135
|
+
'#F8E6A0': 'var(--ds-background-accent-yellow-subtler, #F8E6A0)',
|
137
136
|
/** Orange - light */
|
138
137
|
'#FEDEC8': 'var(--ds-background-accent-orange-subtler, #FEDEC8)',
|
139
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
@@ -116,10 +116,7 @@ export var editorTextPalette = {
|
|
116
116
|
* - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
|
117
117
|
*/
|
118
118
|
export function hexToEditorTextBackgroundPaletteColor(hexColor) {
|
119
|
-
|
120
|
-
fireExperimentExposure: true
|
121
|
-
});
|
122
|
-
if (orangeToYellowEnabled === 'test') {
|
119
|
+
if (!FeatureGates.checkGate('platform_editor_add_back_orange_highlight_color')) {
|
123
120
|
textBackgroundColorPalette['#FEDEC8'] = 'var(--ds-background-accent-yellow-subtler, #F8E6A0)';
|
124
121
|
}
|
125
122
|
|
@@ -134,6 +131,8 @@ export var textBackgroundColorPalette = {
|
|
134
131
|
'#C6EDFB': 'var(--ds-background-accent-teal-subtler, #C6EDFB)',
|
135
132
|
/** Lime - light */
|
136
133
|
'#D3F1A7': 'var(--ds-background-accent-lime-subtler, #D3F1A7)',
|
134
|
+
/** Yellow - light */
|
135
|
+
'#F8E6A0': 'var(--ds-background-accent-yellow-subtler, #F8E6A0)',
|
137
136
|
/** Orange - light */
|
138
137
|
'#FEDEC8': 'var(--ds-background-accent-orange-subtler, #FEDEC8)',
|
139
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