@atlaskit/adf-schema 55.1.0 → 55.2.1
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 +18 -0
- package/dist/cjs/entry-points/background-color.js +6 -0
- package/dist/cjs/entry-points/schema-background-color.js +6 -0
- package/dist/cjs/entry-points/schema-text-color.js +6 -0
- package/dist/cjs/entry-points/text-color.js +6 -0
- package/dist/cjs/index.js +12 -0
- package/dist/cjs/schema/index.js +12 -0
- package/dist/cjs/schema/marks/background-color.js +28 -3
- package/dist/cjs/schema/marks/index.js +12 -0
- package/dist/cjs/schema/marks/text-color.js +52 -1
- package/dist/cjs/utils/colors.js +10 -1
- package/dist/cjs/utils/editor-palette.js +28 -2
- package/dist/es2019/entry-points/background-color.js +1 -1
- package/dist/es2019/entry-points/schema-background-color.js +1 -1
- package/dist/es2019/entry-points/schema-text-color.js +1 -1
- package/dist/es2019/entry-points/text-color.js +1 -1
- package/dist/es2019/index.js +2 -2
- package/dist/es2019/schema/index.js +2 -2
- package/dist/es2019/schema/marks/background-color.js +22 -2
- package/dist/es2019/schema/marks/index.js +2 -2
- package/dist/es2019/schema/marks/text-color.js +47 -1
- package/dist/es2019/utils/colors.js +9 -0
- package/dist/es2019/utils/editor-palette.js +28 -2
- package/dist/esm/entry-points/background-color.js +1 -1
- package/dist/esm/entry-points/schema-background-color.js +1 -1
- package/dist/esm/entry-points/schema-text-color.js +1 -1
- package/dist/esm/entry-points/text-color.js +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/schema/index.js +2 -2
- package/dist/esm/schema/marks/background-color.js +27 -2
- package/dist/esm/schema/marks/index.js +2 -2
- package/dist/esm/schema/marks/text-color.js +52 -1
- package/dist/esm/utils/colors.js +9 -0
- package/dist/esm/utils/editor-palette.js +28 -2
- package/dist/types/entry-points/background-color.d.ts +1 -1
- package/dist/types/entry-points/schema-background-color.d.ts +1 -1
- package/dist/types/entry-points/schema-text-color.d.ts +1 -1
- package/dist/types/entry-points/text-color.d.ts +1 -1
- package/dist/types/index.d.ts +2 -2
- package/dist/types/schema/index.d.ts +2 -2
- package/dist/types/schema/marks/background-color.d.ts +2 -1
- package/dist/types/schema/marks/index.d.ts +2 -2
- package/dist/types/schema/marks/text-color.d.ts +2 -1
- package/dist/types/utils/colors.d.ts +9 -0
- package/dist/types/utils/editor-palette.d.ts +26 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/adf-schema
|
|
2
2
|
|
|
3
|
+
## 55.2.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 55.2.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [`1498129c7eef2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1498129c7eef2) -
|
|
14
|
+
[EDITOR-7591] adds updated text color and highlight color palettes behind the
|
|
15
|
+
`platform_editor_lovability_text_bg_color` experiment
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 55.1.0
|
|
4
22
|
|
|
5
23
|
### Minor Changes
|
|
@@ -15,4 +15,10 @@ Object.defineProperty(exports, "backgroundColorPalette", {
|
|
|
15
15
|
return _backgroundColor.backgroundColorPalette;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
+
Object.defineProperty(exports, "backgroundColorPaletteNew", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _backgroundColor.backgroundColorPaletteNew;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
18
24
|
var _backgroundColor = require("../schema/marks/background-color");
|
|
@@ -15,4 +15,10 @@ Object.defineProperty(exports, "backgroundColorPalette", {
|
|
|
15
15
|
return _backgroundColor.backgroundColorPalette;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
+
Object.defineProperty(exports, "backgroundColorPaletteNew", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _backgroundColor.backgroundColorPaletteNew;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
18
24
|
var _backgroundColor = require("../schema/marks/background-color");
|
|
@@ -15,6 +15,12 @@ Object.defineProperty(exports, "colorPaletteExtended", {
|
|
|
15
15
|
return _textColor.colorPaletteExtended;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
+
Object.defineProperty(exports, "colorPaletteNew", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _textColor.colorPaletteNew;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
18
24
|
Object.defineProperty(exports, "textColor", {
|
|
19
25
|
enumerable: true,
|
|
20
26
|
get: function get() {
|
|
@@ -15,6 +15,12 @@ Object.defineProperty(exports, "colorPaletteExtended", {
|
|
|
15
15
|
return _textColor.colorPaletteExtended;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
+
Object.defineProperty(exports, "colorPaletteNew", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _textColor.colorPaletteNew;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
18
24
|
Object.defineProperty(exports, "textColor", {
|
|
19
25
|
enumerable: true,
|
|
20
26
|
get: function get() {
|
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, "backgroundColorPaletteNew", {
|
|
337
|
+
enumerable: true,
|
|
338
|
+
get: function get() {
|
|
339
|
+
return _schema.backgroundColorPaletteNew;
|
|
340
|
+
}
|
|
341
|
+
});
|
|
336
342
|
Object.defineProperty(exports, "blockCard", {
|
|
337
343
|
enumerable: true,
|
|
338
344
|
get: function get() {
|
|
@@ -459,6 +465,12 @@ Object.defineProperty(exports, "colorPaletteExtended", {
|
|
|
459
465
|
return _schema.colorPaletteExtended;
|
|
460
466
|
}
|
|
461
467
|
});
|
|
468
|
+
Object.defineProperty(exports, "colorPaletteNew", {
|
|
469
|
+
enumerable: true,
|
|
470
|
+
get: function get() {
|
|
471
|
+
return _schema.colorPaletteNew;
|
|
472
|
+
}
|
|
473
|
+
});
|
|
462
474
|
Object.defineProperty(exports, "confluenceInlineComment", {
|
|
463
475
|
enumerable: true,
|
|
464
476
|
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, "backgroundColorPaletteNew", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function get() {
|
|
57
|
+
return _marks.backgroundColorPaletteNew;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
54
60
|
Object.defineProperty(exports, "blockCard", {
|
|
55
61
|
enumerable: true,
|
|
56
62
|
get: function get() {
|
|
@@ -177,6 +183,12 @@ Object.defineProperty(exports, "colorPaletteExtended", {
|
|
|
177
183
|
return _marks.colorPaletteExtended;
|
|
178
184
|
}
|
|
179
185
|
});
|
|
186
|
+
Object.defineProperty(exports, "colorPaletteNew", {
|
|
187
|
+
enumerable: true,
|
|
188
|
+
get: function get() {
|
|
189
|
+
return _marks.colorPaletteNew;
|
|
190
|
+
}
|
|
191
|
+
});
|
|
180
192
|
Object.defineProperty(exports, "confluenceInlineComment", {
|
|
181
193
|
enumerable: true,
|
|
182
194
|
get: function get() {
|
|
@@ -4,14 +4,14 @@ 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.backgroundColorPaletteNew = 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");
|
|
11
|
-
var _editorPalette = require("../../utils/editor-palette");
|
|
12
11
|
var _colors = require("../../utils/colors");
|
|
13
|
-
var
|
|
12
|
+
var _editorPalette = require("../../utils/editor-palette");
|
|
14
13
|
var _lchColorInversion = require("../../utils/lch-color-inversion");
|
|
14
|
+
var _textColor = require("./text-color");
|
|
15
15
|
/**
|
|
16
16
|
* @name backgroundColor_mark
|
|
17
17
|
*/
|
|
@@ -30,6 +30,24 @@ var colorArrayPalette = [[_colors.Neutral300, 'Gray'],
|
|
|
30
30
|
// token: color.background.accent.lime.subtler
|
|
31
31
|
[_colors.T200, 'Teal'] // token: color.background.accent.teal.subtler
|
|
32
32
|
];
|
|
33
|
+
var colorArrayPaletteNew = [[_colors.Neutral300, 'Gray'],
|
|
34
|
+
// token: color.background.accent.gray.subtler
|
|
35
|
+
[_colors.B75, 'Blue'],
|
|
36
|
+
// token: color.background.accent.blue.subtler
|
|
37
|
+
[_colors.T200, 'Teal'],
|
|
38
|
+
// token: color.background.accent.teal.subtler
|
|
39
|
+
[_colors.G75, 'Green'],
|
|
40
|
+
// token: color.background.accent.green.subtler
|
|
41
|
+
[_colors.L200, 'Lime'],
|
|
42
|
+
// token: color.background.accent.lime.subtler
|
|
43
|
+
[_colors.Yellow200, 'Yellow'],
|
|
44
|
+
// token: color.background.accent.yellow.subtler
|
|
45
|
+
[_colors.O200, 'Orange'],
|
|
46
|
+
// token: color.background.accent.orange.subtler
|
|
47
|
+
[_colors.M200, 'Magenta'],
|
|
48
|
+
// token: color.background.accent.magenta.subtler
|
|
49
|
+
[_colors.P200, 'Purple'] // token: color.background.accent.purple.subtler
|
|
50
|
+
];
|
|
33
51
|
|
|
34
52
|
// @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/55979455/Colour+picker+decisions#Colourpickerdecisions-Visualdesigndecisions
|
|
35
53
|
var backgroundColorPalette = exports.backgroundColorPalette = new Map();
|
|
@@ -42,6 +60,13 @@ colorArrayPalette.forEach(function (_ref) {
|
|
|
42
60
|
|
|
43
61
|
// @ts-ignore TS1501: This regular expression flag is only available when targeting 'es6' or later.
|
|
44
62
|
var RGB_PREFIX_BG_COLOR_REGEX = /^rgb/i;
|
|
63
|
+
var backgroundColorPaletteNew = exports.backgroundColorPaletteNew = new Map();
|
|
64
|
+
colorArrayPaletteNew.forEach(function (_ref3) {
|
|
65
|
+
var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
|
|
66
|
+
color = _ref4[0],
|
|
67
|
+
label = _ref4[1];
|
|
68
|
+
return backgroundColorPaletteNew.set(color.toLowerCase(), label);
|
|
69
|
+
});
|
|
45
70
|
var backgroundColor = exports.backgroundColor = (0, _markTypes.backgroundColor)({
|
|
46
71
|
parseDOM: [{
|
|
47
72
|
style: 'background-color',
|
|
@@ -45,6 +45,12 @@ Object.defineProperty(exports, "backgroundColorPalette", {
|
|
|
45
45
|
return _backgroundColor.backgroundColorPalette;
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
|
+
Object.defineProperty(exports, "backgroundColorPaletteNew", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _backgroundColor.backgroundColorPaletteNew;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
48
54
|
Object.defineProperty(exports, "border", {
|
|
49
55
|
enumerable: true,
|
|
50
56
|
get: function get() {
|
|
@@ -87,6 +93,12 @@ Object.defineProperty(exports, "colorPaletteExtended", {
|
|
|
87
93
|
return _textColor.colorPaletteExtended;
|
|
88
94
|
}
|
|
89
95
|
});
|
|
96
|
+
Object.defineProperty(exports, "colorPaletteNew", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function get() {
|
|
99
|
+
return _textColor.colorPaletteNew;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
90
102
|
Object.defineProperty(exports, "confluenceInlineComment", {
|
|
91
103
|
enumerable: true,
|
|
92
104
|
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.textColor = exports.setGlobalTheme = exports.getGlobalTheme = exports.colorPaletteExtended = exports.colorPalette = void 0;
|
|
7
|
+
exports.textColor = exports.setGlobalTheme = exports.getGlobalTheme = exports.colorPaletteNew = exports.colorPaletteExtended = exports.colorPalette = 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");
|
|
@@ -60,8 +60,53 @@ var colorArrayPalette = [
|
|
|
60
60
|
[_colors.P50, 'Light purple'] // Lavender secret
|
|
61
61
|
];
|
|
62
62
|
|
|
63
|
+
// experiment: platform_editor_lovability_text_bg_color
|
|
64
|
+
var colorArrayPaletteNew = [
|
|
65
|
+
// default row - first color is added programatically
|
|
66
|
+
// [N800, 'Squid ink'], // default dark gray
|
|
67
|
+
[_colors.B500, 'Dark blue'],
|
|
68
|
+
// Chore coat
|
|
69
|
+
[_colors.T500, 'Dark teal'],
|
|
70
|
+
// Shabby chic
|
|
71
|
+
[_colors.G500, 'Dark green'],
|
|
72
|
+
// Keen green
|
|
73
|
+
[_colors.L800, 'Dark lime'], [_colors.Y800, 'Dark yellow'], [_colors.O800, 'Dark orange'], [_colors.R500, 'Dark red'],
|
|
74
|
+
// Dragon's blood
|
|
75
|
+
[_colors.M800, 'Dark magenta'], [_colors.P500, 'Dark purple'],
|
|
76
|
+
// Prince
|
|
77
|
+
// row 2
|
|
78
|
+
[_colors.N80, 'Light gray'],
|
|
79
|
+
// Spooky ghost
|
|
80
|
+
[_colors.B100, 'Blue'],
|
|
81
|
+
// Arvo breeze
|
|
82
|
+
[_colors.T300, 'Teal'],
|
|
83
|
+
// Tamarama
|
|
84
|
+
[_colors.G300, 'Green'],
|
|
85
|
+
// Fine pine
|
|
86
|
+
[_colors.L600, 'Lime'], [_colors.Y600, 'Yellow'],
|
|
87
|
+
// Pub mix
|
|
88
|
+
[_colors.O600, 'Orange'], [_colors.R300, 'Red'],
|
|
89
|
+
// Poppy surprise
|
|
90
|
+
[_colors.M600, 'Magenta'], [_colors.P300, 'Purple'],
|
|
91
|
+
// Da' juice
|
|
92
|
+
// row 3
|
|
93
|
+
[_colors.N0, 'White'], [_colors.B75, 'Light blue'],
|
|
94
|
+
// Schwag
|
|
95
|
+
[_colors.T75, 'Light teal'],
|
|
96
|
+
// Arctic chill
|
|
97
|
+
[_colors.G75, 'Light green'],
|
|
98
|
+
// Mintie
|
|
99
|
+
[_colors.L200, 'Light lime'], [_colors.Y75, 'Light yellow'],
|
|
100
|
+
// Dandelion whisper
|
|
101
|
+
[_colors.Orange200, 'Light orange'], [_colors.R75, 'Light red'],
|
|
102
|
+
// Bondi sunburn
|
|
103
|
+
[_colors.M200, 'Light magenta'], [_colors.P50, 'Light purple'] // Lavender secret
|
|
104
|
+
];
|
|
105
|
+
|
|
63
106
|
// @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/55979455/Colour+picker+decisions#Colourpickerdecisions-Visualdesigndecisions
|
|
64
107
|
var colorPalette = exports.colorPalette = new Map();
|
|
108
|
+
var colorPaletteNew = exports.colorPaletteNew = new Map();
|
|
109
|
+
|
|
65
110
|
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
66
111
|
/** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
|
|
67
112
|
var colorPaletteExtended = exports.colorPaletteExtended = colorPalette;
|
|
@@ -71,6 +116,12 @@ colorArrayPalette.forEach(function (_ref) {
|
|
|
71
116
|
label = _ref2[1];
|
|
72
117
|
return colorPalette.set(color.toLowerCase(), label);
|
|
73
118
|
});
|
|
119
|
+
colorArrayPaletteNew.forEach(function (_ref3) {
|
|
120
|
+
var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
|
|
121
|
+
color = _ref4[0],
|
|
122
|
+
label = _ref4[1];
|
|
123
|
+
return colorPaletteNew.set(color.toLowerCase(), label);
|
|
124
|
+
});
|
|
74
125
|
|
|
75
126
|
// these are for test only
|
|
76
127
|
var testGlobalTheme;
|
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.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;
|
|
8
|
+
exports.Yellow200 = exports.Y800 = exports.Y75 = exports.Y600 = exports.Y500 = exports.Y50 = exports.Y400 = exports.Y200 = exports.T75 = exports.T500 = exports.T50 = exports.T300 = exports.T200 = exports.T100 = exports.R75 = exports.R500 = exports.R50 = exports.R400 = exports.R300 = exports.R100 = exports.P75 = exports.P500 = exports.P50 = exports.P400 = exports.P300 = exports.P200 = exports.P100 = exports.Orange200 = exports.O800 = exports.O600 = exports.O200 = exports.Neutral300 = exports.N90 = exports.N800 = exports.N80 = exports.N600 = exports.N60 = exports.N500 = exports.N50 = exports.N40 = exports.N300A = exports.N300 = exports.N30 = exports.N200 = exports.N20 = exports.N1000 = exports.N0 = exports.M800 = exports.M600 = exports.M200 = exports.L800 = exports.L600 = exports.L200 = exports.G75 = exports.G500 = exports.G50 = exports.G400 = exports.G300 = exports.G200 = exports.B75 = exports.B500 = exports.B50 = exports.B400 = exports.B100 = void 0;
|
|
9
9
|
exports.hexToRgb = hexToRgb;
|
|
10
10
|
exports.hexToRgba = hexToRgba;
|
|
11
11
|
exports.isHex = isHex;
|
|
@@ -37,6 +37,8 @@ var Y200 = exports.Y200 = '#FFC400';
|
|
|
37
37
|
var Yellow200 = exports.Yellow200 = '#F8E6A0';
|
|
38
38
|
var Y400 = exports.Y400 = '#FF991F';
|
|
39
39
|
var Y500 = exports.Y500 = '#FF8B00';
|
|
40
|
+
var Y600 = exports.Y600 = '#B38600';
|
|
41
|
+
var Y800 = exports.Y800 = '#7F5F01';
|
|
40
42
|
var G50 = exports.G50 = '#E3FCEF';
|
|
41
43
|
var G75 = exports.G75 = '#ABF5D1';
|
|
42
44
|
var G200 = exports.G200 = '#57D9A3';
|
|
@@ -49,6 +51,8 @@ var B100 = exports.B100 = '#4C9AFF';
|
|
|
49
51
|
var B400 = exports.B400 = '#0052CC';
|
|
50
52
|
var B500 = exports.B500 = '#0747A6';
|
|
51
53
|
var L200 = exports.L200 = '#D3F1A7';
|
|
54
|
+
var L600 = exports.L600 = '#6A9A23';
|
|
55
|
+
var L800 = exports.L800 = '#4C6B1F';
|
|
52
56
|
var N0 = exports.N0 = '#FFFFFF';
|
|
53
57
|
var N20 = exports.N20 = '#F4F5F7';
|
|
54
58
|
var N30 = exports.N30 = '#EBECF0';
|
|
@@ -66,7 +70,12 @@ var N600 = exports.N600 = '#758195';
|
|
|
66
70
|
var N800 = exports.N800 = '#172B4D';
|
|
67
71
|
var N1000 = exports.N1000 = '#172B4D';
|
|
68
72
|
var M200 = exports.M200 = '#FDD0EC';
|
|
73
|
+
var M600 = exports.M600 = '#CD519D';
|
|
74
|
+
var M800 = exports.M800 = '#943D73';
|
|
69
75
|
var O200 = exports.O200 = '#FEDEC8';
|
|
76
|
+
var Orange200 = exports.Orange200 = '#FCE4A6';
|
|
77
|
+
var O600 = exports.O600 = '#E06C00';
|
|
78
|
+
var O800 = exports.O800 = '#9E4C00';
|
|
70
79
|
var P50 = exports.P50 = '#EAE6FF';
|
|
71
80
|
var P75 = exports.P75 = '#C0B6F2';
|
|
72
81
|
var P100 = exports.P100 = '#998DD9';
|
|
@@ -106,7 +106,29 @@ var editorTextPalette = exports.editorTextPalette = {
|
|
|
106
106
|
/** whiteGray - medium */
|
|
107
107
|
'#97A0AF': 'var(--ds-icon-accent-gray, #97A0AF)',
|
|
108
108
|
/** whiteGray - strong */
|
|
109
|
-
'#172B4D': 'var(--ds-text, #172B4D)'
|
|
109
|
+
'#172B4D': 'var(--ds-text, #172B4D)',
|
|
110
|
+
/** lime - light */
|
|
111
|
+
'#D3F1A7': 'var(--ds-background-accent-lime-subtler, #D3F1A7)',
|
|
112
|
+
/** lime - medium */
|
|
113
|
+
'#6A9A23': 'var(--ds-icon-accent-lime, #6A9A23)',
|
|
114
|
+
/** lime - strong */
|
|
115
|
+
'#4C6B1F': 'var(--ds-text-accent-lime, #4C6B1F)',
|
|
116
|
+
/** orange - light */
|
|
117
|
+
'#FCE4A6': 'var(--ds-background-accent-orange-subtler, #FCE4A6)',
|
|
118
|
+
/** orange - medium */
|
|
119
|
+
'#E06C00': 'var(--ds-icon-accent-orange, #E06C00)',
|
|
120
|
+
/** orange - strong */
|
|
121
|
+
'#9E4C00': 'var(--ds-text-accent-orange, #9E4C00)',
|
|
122
|
+
/** magenta - light */
|
|
123
|
+
'#FDD0EC': 'var(--ds-background-accent-magenta-subtler, #FDD0EC)',
|
|
124
|
+
/** magenta - medium */
|
|
125
|
+
'#CD519D': 'var(--ds-icon-accent-magenta, #CD519D)',
|
|
126
|
+
/** magenta - strong */
|
|
127
|
+
'#943D73': 'var(--ds-text-accent-magenta, #943D73)',
|
|
128
|
+
/** yellow - medium */
|
|
129
|
+
'#B38600': 'var(--ds-icon-accent-yellow, #B38600)',
|
|
130
|
+
/** yellow - strong */
|
|
131
|
+
'#7F5F01': 'var(--ds-text-accent-yellow, #7F5F01)'
|
|
110
132
|
};
|
|
111
133
|
|
|
112
134
|
/**
|
|
@@ -146,7 +168,11 @@ var textBackgroundColorPalette = exports.textBackgroundColorPalette = {
|
|
|
146
168
|
/** Magenta - light */
|
|
147
169
|
'#FDD0EC': 'var(--ds-background-accent-magenta-subtler, #FDD0EC)',
|
|
148
170
|
/** Purple - light */
|
|
149
|
-
'#DFD8FD': 'var(--ds-background-accent-purple-subtler, #DFD8FD)'
|
|
171
|
+
'#DFD8FD': 'var(--ds-background-accent-purple-subtler, #DFD8FD)',
|
|
172
|
+
/** Blue - light */
|
|
173
|
+
'#B3D4FF': 'var(--ds-background-accent-blue-subtler, #B3D4FF)',
|
|
174
|
+
/** Green - light */
|
|
175
|
+
'#ABF5D1': 'var(--ds-background-accent-green-subtler, #ABF5D1)'
|
|
150
176
|
};
|
|
151
177
|
/**
|
|
152
178
|
* Takes an ADF hex color and returns the rendered hex code for the associated background palette design token using getTokenValue.
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
|
-
export { backgroundColor, backgroundColorPalette } from '../schema/marks/background-color';
|
|
2
|
+
export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from '../schema/marks/background-color';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
|
-
export { backgroundColor, backgroundColorPalette } from '../schema/marks/background-color';
|
|
2
|
+
export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from '../schema/marks/background-color';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
|
-
export { colorPalette, colorPaletteExtended, textColor } from '../schema/marks/text-color';
|
|
2
|
+
export { colorPalette, colorPaletteNew, colorPaletteExtended, textColor } from '../schema/marks/text-color';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
|
-
export { colorPalette, colorPaletteExtended, textColor } from '../schema/marks/text-color';
|
|
2
|
+
export { colorPalette, colorPaletteNew, colorPaletteExtended, textColor } from '../schema/marks/text-color';
|
package/dist/es2019/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
|
-
export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, fontSize, breakout, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, code, codeBlock, codeBlockWithLocalId, codeBlockToJSON, colorPalette,
|
|
2
|
+
export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, fontSize, breakout, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, code, codeBlock, codeBlockWithLocalId, codeBlockToJSON, colorPalette, colorPaletteNew,
|
|
3
3
|
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
4
4
|
/** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
|
|
5
|
-
colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineCardWithLocalId, inlineExtension, inlineNodes, layoutColumn, layoutColumnStage0, layoutColumnWithLocalId, layoutSection, layoutSectionWithLocalId, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId, link, linkToJSON, listItem, listItemWithLocalId, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelC1, extendedPanelC1WithLocalId, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, blockTaskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, syncBlock, bodiedSyncBlock, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from './schema';
|
|
5
|
+
colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineCardWithLocalId, inlineExtension, inlineNodes, layoutColumn, layoutColumnStage0, layoutColumnWithLocalId, layoutSection, layoutSectionWithLocalId, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId, link, linkToJSON, listItem, listItemWithLocalId, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelC1, extendedPanelC1WithLocalId, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, blockTaskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, backgroundColorPaletteNew, syncBlock, bodiedSyncBlock, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from './schema';
|
|
6
6
|
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';
|
|
7
7
|
|
|
8
8
|
// ADF createPMSpecFactory
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
2
|
export { PanelType, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, codeBlock, codeBlockWithLocalId, codeBlockToJSON, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, date, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, hardBreak, heading, image, inlineCard, inlineCardWithLocalId, inlineExtension, layoutColumn, layoutColumnStage0, layoutColumnWithLocalId, layoutSection, layoutSectionWithLocalId, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId, listItem, listItemWithLocalId, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelC1, extendedPanelC1WithLocalId, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, getCellAttrs, getCellDomAttrs, status, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, blockTaskItem, taskList, taskListSelector, text, toJSONTableCell, toJSONTableHeader, unknownBlock, unsupportedBlock, unsupportedInline, extensionFrame, multiBodiedExtension, syncBlock, bodiedSyncBlock, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from './nodes';
|
|
3
|
-
export { AnnotationTypes, alignment, alignmentPositionMap, annotation, fontSize, breakout, code, colorPalette,
|
|
3
|
+
export { AnnotationTypes, alignment, alignmentPositionMap, annotation, fontSize, breakout, code, colorPalette, colorPaletteNew,
|
|
4
4
|
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
5
5
|
/** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
|
|
6
|
-
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';
|
|
6
|
+
colorPaletteExtended, confluenceInlineComment, dataConsumer, dataConsumerToJSON, em, fragment, fragmentToJSON, indentation, link, linkToJSON, strike, strong, subsup, textColor, typeAheadQuery, underline, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from './marks';
|
|
7
7
|
export { unsupportedNodeTypesForMediaCards } from './unsupported';
|
|
8
8
|
export { inlineNodes } from './inline-nodes';
|
|
9
9
|
export { createSchema } from './create-schema';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { backgroundColor as backgroundColorFactory } from '../../next-schema/generated/markTypes';
|
|
2
|
+
import { B75, G75, L200, M200, Neutral300, O200, P200, rgbToHex, T200, Yellow200 } from '../../utils/colors';
|
|
2
3
|
import { hexToEditorTextBackgroundPaletteColor } from '../../utils/editor-palette';
|
|
3
|
-
import { rgbToHex, L200, T200, P200, M200, Neutral300, O200, Yellow200 } from '../../utils/colors';
|
|
4
|
-
import { getGlobalTheme } from './text-color';
|
|
5
4
|
import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
|
|
5
|
+
import { getGlobalTheme } from './text-color';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* @name backgroundColor_mark
|
|
@@ -22,6 +22,24 @@ const colorArrayPalette = [[Neutral300, 'Gray'],
|
|
|
22
22
|
// token: color.background.accent.lime.subtler
|
|
23
23
|
[T200, 'Teal'] // token: color.background.accent.teal.subtler
|
|
24
24
|
];
|
|
25
|
+
const colorArrayPaletteNew = [[Neutral300, 'Gray'],
|
|
26
|
+
// token: color.background.accent.gray.subtler
|
|
27
|
+
[B75, 'Blue'],
|
|
28
|
+
// token: color.background.accent.blue.subtler
|
|
29
|
+
[T200, 'Teal'],
|
|
30
|
+
// token: color.background.accent.teal.subtler
|
|
31
|
+
[G75, 'Green'],
|
|
32
|
+
// token: color.background.accent.green.subtler
|
|
33
|
+
[L200, 'Lime'],
|
|
34
|
+
// token: color.background.accent.lime.subtler
|
|
35
|
+
[Yellow200, 'Yellow'],
|
|
36
|
+
// token: color.background.accent.yellow.subtler
|
|
37
|
+
[O200, 'Orange'],
|
|
38
|
+
// token: color.background.accent.orange.subtler
|
|
39
|
+
[M200, 'Magenta'],
|
|
40
|
+
// token: color.background.accent.magenta.subtler
|
|
41
|
+
[P200, 'Purple'] // token: color.background.accent.purple.subtler
|
|
42
|
+
];
|
|
25
43
|
|
|
26
44
|
// @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/55979455/Colour+picker+decisions#Colourpickerdecisions-Visualdesigndecisions
|
|
27
45
|
export const backgroundColorPalette = new Map();
|
|
@@ -29,6 +47,8 @@ colorArrayPalette.forEach(([color, label]) => backgroundColorPalette.set(color.t
|
|
|
29
47
|
|
|
30
48
|
// @ts-ignore TS1501: This regular expression flag is only available when targeting 'es6' or later.
|
|
31
49
|
const RGB_PREFIX_BG_COLOR_REGEX = /^rgb/iu;
|
|
50
|
+
export const backgroundColorPaletteNew = new Map();
|
|
51
|
+
colorArrayPaletteNew.forEach(([color, label]) => backgroundColorPaletteNew.set(color.toLowerCase(), label));
|
|
32
52
|
export const backgroundColor = backgroundColorFactory({
|
|
33
53
|
parseDOM: [{
|
|
34
54
|
style: 'background-color',
|
|
@@ -7,7 +7,7 @@ export { underline } from './underline';
|
|
|
7
7
|
export { link, toJSON as linkToJSON } from './link';
|
|
8
8
|
export { typeAheadQuery } from './type-ahead-query';
|
|
9
9
|
export { subsup } from './subsup';
|
|
10
|
-
export { textColor, colorPalette, colorPaletteExtended } from './text-color';
|
|
10
|
+
export { textColor, colorPalette, colorPaletteNew, colorPaletteExtended } from './text-color';
|
|
11
11
|
export { confluenceInlineComment } from './confluence-inline-comment';
|
|
12
12
|
export { breakout } from './breakout';
|
|
13
13
|
export { fontSize } from './font-size';
|
|
@@ -19,4 +19,4 @@ export { unsupportedNodeAttribute } from './unsupported-node-attributes';
|
|
|
19
19
|
export { dataConsumer, toJSON as dataConsumerToJSON } from './data-consumer';
|
|
20
20
|
export { fragment, toJSON as fragmentToJSON } from './fragment';
|
|
21
21
|
export { border, borderColorPalette } from './border';
|
|
22
|
-
export { backgroundColor, backgroundColorPalette } from './background-color';
|
|
22
|
+
export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from './background-color';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { textColor as textColorFactory } from '../../next-schema/generated/markTypes';
|
|
2
2
|
import { hexToEditorTextPaletteColor } from '../../utils/editor-palette';
|
|
3
|
-
import { rgbToHex, N0, N80, P50, P300, P500, T75, T300, T500, G75, G300, G500, R75, R300, R500, Y75, Y200, Y400, B75, B100, B500 } from '../../utils/colors';
|
|
3
|
+
import { rgbToHex, N0, N80, P50, P300, P500, T75, T300, T500, G75, G300, G500, R75, R300, R500, Y75, Y200, Y400, B75, B100, B500, Orange200, O600, O800, M200, M600, M800, L200, L600, L800, Y600, Y800 } from '../../utils/colors';
|
|
4
4
|
import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
|
|
5
5
|
|
|
6
6
|
/**
|
|
@@ -52,12 +52,58 @@ const colorArrayPalette = [
|
|
|
52
52
|
[P50, 'Light purple'] // Lavender secret
|
|
53
53
|
];
|
|
54
54
|
|
|
55
|
+
// experiment: platform_editor_lovability_text_bg_color
|
|
56
|
+
const colorArrayPaletteNew = [
|
|
57
|
+
// default row - first color is added programatically
|
|
58
|
+
// [N800, 'Squid ink'], // default dark gray
|
|
59
|
+
[B500, 'Dark blue'],
|
|
60
|
+
// Chore coat
|
|
61
|
+
[T500, 'Dark teal'],
|
|
62
|
+
// Shabby chic
|
|
63
|
+
[G500, 'Dark green'],
|
|
64
|
+
// Keen green
|
|
65
|
+
[L800, 'Dark lime'], [Y800, 'Dark yellow'], [O800, 'Dark orange'], [R500, 'Dark red'],
|
|
66
|
+
// Dragon's blood
|
|
67
|
+
[M800, 'Dark magenta'], [P500, 'Dark purple'],
|
|
68
|
+
// Prince
|
|
69
|
+
// row 2
|
|
70
|
+
[N80, 'Light gray'],
|
|
71
|
+
// Spooky ghost
|
|
72
|
+
[B100, 'Blue'],
|
|
73
|
+
// Arvo breeze
|
|
74
|
+
[T300, 'Teal'],
|
|
75
|
+
// Tamarama
|
|
76
|
+
[G300, 'Green'],
|
|
77
|
+
// Fine pine
|
|
78
|
+
[L600, 'Lime'], [Y600, 'Yellow'],
|
|
79
|
+
// Pub mix
|
|
80
|
+
[O600, 'Orange'], [R300, 'Red'],
|
|
81
|
+
// Poppy surprise
|
|
82
|
+
[M600, 'Magenta'], [P300, 'Purple'],
|
|
83
|
+
// Da' juice
|
|
84
|
+
// row 3
|
|
85
|
+
[N0, 'White'], [B75, 'Light blue'],
|
|
86
|
+
// Schwag
|
|
87
|
+
[T75, 'Light teal'],
|
|
88
|
+
// Arctic chill
|
|
89
|
+
[G75, 'Light green'],
|
|
90
|
+
// Mintie
|
|
91
|
+
[L200, 'Light lime'], [Y75, 'Light yellow'],
|
|
92
|
+
// Dandelion whisper
|
|
93
|
+
[Orange200, 'Light orange'], [R75, 'Light red'],
|
|
94
|
+
// Bondi sunburn
|
|
95
|
+
[M200, 'Light magenta'], [P50, 'Light purple'] // Lavender secret
|
|
96
|
+
];
|
|
97
|
+
|
|
55
98
|
// @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/55979455/Colour+picker+decisions#Colourpickerdecisions-Visualdesigndecisions
|
|
56
99
|
export const colorPalette = new Map();
|
|
100
|
+
export const colorPaletteNew = new Map();
|
|
101
|
+
|
|
57
102
|
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
58
103
|
/** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
|
|
59
104
|
export const colorPaletteExtended = colorPalette;
|
|
60
105
|
colorArrayPalette.forEach(([color, label]) => colorPalette.set(color.toLowerCase(), label));
|
|
106
|
+
colorArrayPaletteNew.forEach(([color, label]) => colorPaletteNew.set(color.toLowerCase(), label));
|
|
61
107
|
|
|
62
108
|
// these are for test only
|
|
63
109
|
let testGlobalTheme;
|
|
@@ -21,6 +21,8 @@ export const Y200 = '#FFC400';
|
|
|
21
21
|
export const Yellow200 = '#F8E6A0';
|
|
22
22
|
export const Y400 = '#FF991F';
|
|
23
23
|
export const Y500 = '#FF8B00';
|
|
24
|
+
export const Y600 = '#B38600';
|
|
25
|
+
export const Y800 = '#7F5F01';
|
|
24
26
|
export const G50 = '#E3FCEF';
|
|
25
27
|
export const G75 = '#ABF5D1';
|
|
26
28
|
export const G200 = '#57D9A3';
|
|
@@ -33,6 +35,8 @@ export const B100 = '#4C9AFF';
|
|
|
33
35
|
export const B400 = '#0052CC';
|
|
34
36
|
export const B500 = '#0747A6';
|
|
35
37
|
export const L200 = '#D3F1A7';
|
|
38
|
+
export const L600 = '#6A9A23';
|
|
39
|
+
export const L800 = '#4C6B1F';
|
|
36
40
|
export const N0 = '#FFFFFF';
|
|
37
41
|
export const N20 = '#F4F5F7';
|
|
38
42
|
export const N30 = '#EBECF0';
|
|
@@ -50,7 +54,12 @@ export const N600 = '#758195';
|
|
|
50
54
|
export const N800 = '#172B4D';
|
|
51
55
|
export const N1000 = '#172B4D';
|
|
52
56
|
export const M200 = '#FDD0EC';
|
|
57
|
+
export const M600 = '#CD519D';
|
|
58
|
+
export const M800 = '#943D73';
|
|
53
59
|
export const O200 = '#FEDEC8';
|
|
60
|
+
export const Orange200 = '#FCE4A6';
|
|
61
|
+
export const O600 = '#E06C00';
|
|
62
|
+
export const O800 = '#9E4C00';
|
|
54
63
|
export const P50 = '#EAE6FF';
|
|
55
64
|
export const P75 = '#C0B6F2';
|
|
56
65
|
export const P100 = '#998DD9';
|
|
@@ -95,7 +95,29 @@ export const editorTextPalette = {
|
|
|
95
95
|
/** whiteGray - medium */
|
|
96
96
|
'#97A0AF': 'var(--ds-icon-accent-gray, #97A0AF)',
|
|
97
97
|
/** whiteGray - strong */
|
|
98
|
-
'#172B4D': 'var(--ds-text, #172B4D)'
|
|
98
|
+
'#172B4D': 'var(--ds-text, #172B4D)',
|
|
99
|
+
/** lime - light */
|
|
100
|
+
'#D3F1A7': 'var(--ds-background-accent-lime-subtler, #D3F1A7)',
|
|
101
|
+
/** lime - medium */
|
|
102
|
+
'#6A9A23': 'var(--ds-icon-accent-lime, #6A9A23)',
|
|
103
|
+
/** lime - strong */
|
|
104
|
+
'#4C6B1F': 'var(--ds-text-accent-lime, #4C6B1F)',
|
|
105
|
+
/** orange - light */
|
|
106
|
+
'#FCE4A6': 'var(--ds-background-accent-orange-subtler, #FCE4A6)',
|
|
107
|
+
/** orange - medium */
|
|
108
|
+
'#E06C00': 'var(--ds-icon-accent-orange, #E06C00)',
|
|
109
|
+
/** orange - strong */
|
|
110
|
+
'#9E4C00': 'var(--ds-text-accent-orange, #9E4C00)',
|
|
111
|
+
/** magenta - light */
|
|
112
|
+
'#FDD0EC': 'var(--ds-background-accent-magenta-subtler, #FDD0EC)',
|
|
113
|
+
/** magenta - medium */
|
|
114
|
+
'#CD519D': 'var(--ds-icon-accent-magenta, #CD519D)',
|
|
115
|
+
/** magenta - strong */
|
|
116
|
+
'#943D73': 'var(--ds-text-accent-magenta, #943D73)',
|
|
117
|
+
/** yellow - medium */
|
|
118
|
+
'#B38600': 'var(--ds-icon-accent-yellow, #B38600)',
|
|
119
|
+
/** yellow - strong */
|
|
120
|
+
'#7F5F01': 'var(--ds-text-accent-yellow, #7F5F01)'
|
|
99
121
|
};
|
|
100
122
|
|
|
101
123
|
/**
|
|
@@ -135,7 +157,11 @@ export const textBackgroundColorPalette = {
|
|
|
135
157
|
/** Magenta - light */
|
|
136
158
|
'#FDD0EC': 'var(--ds-background-accent-magenta-subtler, #FDD0EC)',
|
|
137
159
|
/** Purple - light */
|
|
138
|
-
'#DFD8FD': 'var(--ds-background-accent-purple-subtler, #DFD8FD)'
|
|
160
|
+
'#DFD8FD': 'var(--ds-background-accent-purple-subtler, #DFD8FD)',
|
|
161
|
+
/** Blue - light */
|
|
162
|
+
'#B3D4FF': 'var(--ds-background-accent-blue-subtler, #B3D4FF)',
|
|
163
|
+
/** Green - light */
|
|
164
|
+
'#ABF5D1': 'var(--ds-background-accent-green-subtler, #ABF5D1)'
|
|
139
165
|
};
|
|
140
166
|
/**
|
|
141
167
|
* Takes an ADF hex color and returns the rendered hex code for the associated background palette design token using getTokenValue.
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
|
-
export { backgroundColor, backgroundColorPalette } from '../schema/marks/background-color';
|
|
2
|
+
export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from '../schema/marks/background-color';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
|
-
export { backgroundColor, backgroundColorPalette } from '../schema/marks/background-color';
|
|
2
|
+
export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from '../schema/marks/background-color';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
|
-
export { colorPalette, colorPaletteExtended, textColor } from '../schema/marks/text-color';
|
|
2
|
+
export { colorPalette, colorPaletteNew, colorPaletteExtended, textColor } from '../schema/marks/text-color';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
|
-
export { colorPalette, colorPaletteExtended, textColor } from '../schema/marks/text-color';
|
|
2
|
+
export { colorPalette, colorPaletteNew, colorPaletteExtended, textColor } from '../schema/marks/text-color';
|
package/dist/esm/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
|
-
export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, fontSize, breakout, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, code, codeBlock, codeBlockWithLocalId, codeBlockToJSON, colorPalette,
|
|
2
|
+
export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, fontSize, breakout, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, code, codeBlock, codeBlockWithLocalId, codeBlockToJSON, colorPalette, colorPaletteNew,
|
|
3
3
|
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
4
4
|
/** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
|
|
5
|
-
colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineCardWithLocalId, inlineExtension, inlineNodes, layoutColumn, layoutColumnStage0, layoutColumnWithLocalId, layoutSection, layoutSectionWithLocalId, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId, link, linkToJSON, listItem, listItemWithLocalId, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelC1, extendedPanelC1WithLocalId, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, blockTaskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, syncBlock, bodiedSyncBlock, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from './schema';
|
|
5
|
+
colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineCardWithLocalId, inlineExtension, inlineNodes, layoutColumn, layoutColumnStage0, layoutColumnWithLocalId, layoutSection, layoutSectionWithLocalId, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId, link, linkToJSON, listItem, listItemWithLocalId, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelC1, extendedPanelC1WithLocalId, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, blockTaskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, backgroundColorPaletteNew, syncBlock, bodiedSyncBlock, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from './schema';
|
|
6
6
|
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';
|
|
7
7
|
|
|
8
8
|
// ADF createPMSpecFactory
|
package/dist/esm/schema/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/editor/no-re-export */
|
|
2
2
|
export { PanelType, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, codeBlock, codeBlockWithLocalId, codeBlockToJSON, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, date, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, hardBreak, heading, image, inlineCard, inlineCardWithLocalId, inlineExtension, layoutColumn, layoutColumnStage0, layoutColumnWithLocalId, layoutSection, layoutSectionWithLocalId, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId, listItem, listItemWithLocalId, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelC1, extendedPanelC1WithLocalId, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, getCellAttrs, getCellDomAttrs, status, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, blockTaskItem, taskList, taskListSelector, text, toJSONTableCell, toJSONTableHeader, unknownBlock, unsupportedBlock, unsupportedInline, extensionFrame, multiBodiedExtension, syncBlock, bodiedSyncBlock, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId } from './nodes';
|
|
3
|
-
export { AnnotationTypes, alignment, alignmentPositionMap, annotation, fontSize, breakout, code, colorPalette,
|
|
3
|
+
export { AnnotationTypes, alignment, alignmentPositionMap, annotation, fontSize, breakout, code, colorPalette, colorPaletteNew,
|
|
4
4
|
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
5
5
|
/** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
|
|
6
|
-
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';
|
|
6
|
+
colorPaletteExtended, confluenceInlineComment, dataConsumer, dataConsumerToJSON, em, fragment, fragmentToJSON, indentation, link, linkToJSON, strike, strong, subsup, textColor, typeAheadQuery, underline, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from './marks';
|
|
7
7
|
export { unsupportedNodeTypesForMediaCards } from './unsupported';
|
|
8
8
|
export { inlineNodes } from './inline-nodes';
|
|
9
9
|
export { createSchema } from './create-schema';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
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
|
+
import { B75, G75, L200, M200, Neutral300, O200, P200, rgbToHex, T200, Yellow200 } from '../../utils/colors';
|
|
4
5
|
import { hexToEditorTextBackgroundPaletteColor } from '../../utils/editor-palette';
|
|
5
|
-
import { rgbToHex, L200, T200, P200, M200, Neutral300, O200, Yellow200 } from '../../utils/colors';
|
|
6
|
-
import { getGlobalTheme } from './text-color';
|
|
7
6
|
import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
|
|
7
|
+
import { getGlobalTheme } from './text-color';
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* @name backgroundColor_mark
|
|
@@ -24,6 +24,24 @@ var colorArrayPalette = [[Neutral300, 'Gray'],
|
|
|
24
24
|
// token: color.background.accent.lime.subtler
|
|
25
25
|
[T200, 'Teal'] // token: color.background.accent.teal.subtler
|
|
26
26
|
];
|
|
27
|
+
var colorArrayPaletteNew = [[Neutral300, 'Gray'],
|
|
28
|
+
// token: color.background.accent.gray.subtler
|
|
29
|
+
[B75, 'Blue'],
|
|
30
|
+
// token: color.background.accent.blue.subtler
|
|
31
|
+
[T200, 'Teal'],
|
|
32
|
+
// token: color.background.accent.teal.subtler
|
|
33
|
+
[G75, 'Green'],
|
|
34
|
+
// token: color.background.accent.green.subtler
|
|
35
|
+
[L200, 'Lime'],
|
|
36
|
+
// token: color.background.accent.lime.subtler
|
|
37
|
+
[Yellow200, 'Yellow'],
|
|
38
|
+
// token: color.background.accent.yellow.subtler
|
|
39
|
+
[O200, 'Orange'],
|
|
40
|
+
// token: color.background.accent.orange.subtler
|
|
41
|
+
[M200, 'Magenta'],
|
|
42
|
+
// token: color.background.accent.magenta.subtler
|
|
43
|
+
[P200, 'Purple'] // token: color.background.accent.purple.subtler
|
|
44
|
+
];
|
|
27
45
|
|
|
28
46
|
// @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/55979455/Colour+picker+decisions#Colourpickerdecisions-Visualdesigndecisions
|
|
29
47
|
export var backgroundColorPalette = new Map();
|
|
@@ -36,6 +54,13 @@ colorArrayPalette.forEach(function (_ref) {
|
|
|
36
54
|
|
|
37
55
|
// @ts-ignore TS1501: This regular expression flag is only available when targeting 'es6' or later.
|
|
38
56
|
var RGB_PREFIX_BG_COLOR_REGEX = /^rgb/i;
|
|
57
|
+
export var backgroundColorPaletteNew = new Map();
|
|
58
|
+
colorArrayPaletteNew.forEach(function (_ref3) {
|
|
59
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
|
60
|
+
color = _ref4[0],
|
|
61
|
+
label = _ref4[1];
|
|
62
|
+
return backgroundColorPaletteNew.set(color.toLowerCase(), label);
|
|
63
|
+
});
|
|
39
64
|
export var backgroundColor = backgroundColorFactory({
|
|
40
65
|
parseDOM: [{
|
|
41
66
|
style: 'background-color',
|
|
@@ -7,7 +7,7 @@ export { underline } from './underline';
|
|
|
7
7
|
export { link, toJSON as linkToJSON } from './link';
|
|
8
8
|
export { typeAheadQuery } from './type-ahead-query';
|
|
9
9
|
export { subsup } from './subsup';
|
|
10
|
-
export { textColor, colorPalette, colorPaletteExtended } from './text-color';
|
|
10
|
+
export { textColor, colorPalette, colorPaletteNew, colorPaletteExtended } from './text-color';
|
|
11
11
|
export { confluenceInlineComment } from './confluence-inline-comment';
|
|
12
12
|
export { breakout } from './breakout';
|
|
13
13
|
export { fontSize } from './font-size';
|
|
@@ -19,4 +19,4 @@ export { unsupportedNodeAttribute } from './unsupported-node-attributes';
|
|
|
19
19
|
export { dataConsumer, toJSON as dataConsumerToJSON } from './data-consumer';
|
|
20
20
|
export { fragment, toJSON as fragmentToJSON } from './fragment';
|
|
21
21
|
export { border, borderColorPalette } from './border';
|
|
22
|
-
export { backgroundColor, backgroundColorPalette } from './background-color';
|
|
22
|
+
export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from './background-color';
|
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import { textColor as textColorFactory } from '../../next-schema/generated/markTypes';
|
|
4
4
|
import { hexToEditorTextPaletteColor } from '../../utils/editor-palette';
|
|
5
|
-
import { rgbToHex, N0, N80, P50, P300, P500, T75, T300, T500, G75, G300, G500, R75, R300, R500, Y75, Y200, Y400, B75, B100, B500 } from '../../utils/colors';
|
|
5
|
+
import { rgbToHex, N0, N80, P50, P300, P500, T75, T300, T500, G75, G300, G500, R75, R300, R500, Y75, Y200, Y400, B75, B100, B500, Orange200, O600, O800, M200, M600, M800, L200, L600, L800, Y600, Y800 } from '../../utils/colors';
|
|
6
6
|
import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
|
|
7
7
|
|
|
8
8
|
/**
|
|
@@ -54,8 +54,53 @@ var colorArrayPalette = [
|
|
|
54
54
|
[P50, 'Light purple'] // Lavender secret
|
|
55
55
|
];
|
|
56
56
|
|
|
57
|
+
// experiment: platform_editor_lovability_text_bg_color
|
|
58
|
+
var colorArrayPaletteNew = [
|
|
59
|
+
// default row - first color is added programatically
|
|
60
|
+
// [N800, 'Squid ink'], // default dark gray
|
|
61
|
+
[B500, 'Dark blue'],
|
|
62
|
+
// Chore coat
|
|
63
|
+
[T500, 'Dark teal'],
|
|
64
|
+
// Shabby chic
|
|
65
|
+
[G500, 'Dark green'],
|
|
66
|
+
// Keen green
|
|
67
|
+
[L800, 'Dark lime'], [Y800, 'Dark yellow'], [O800, 'Dark orange'], [R500, 'Dark red'],
|
|
68
|
+
// Dragon's blood
|
|
69
|
+
[M800, 'Dark magenta'], [P500, 'Dark purple'],
|
|
70
|
+
// Prince
|
|
71
|
+
// row 2
|
|
72
|
+
[N80, 'Light gray'],
|
|
73
|
+
// Spooky ghost
|
|
74
|
+
[B100, 'Blue'],
|
|
75
|
+
// Arvo breeze
|
|
76
|
+
[T300, 'Teal'],
|
|
77
|
+
// Tamarama
|
|
78
|
+
[G300, 'Green'],
|
|
79
|
+
// Fine pine
|
|
80
|
+
[L600, 'Lime'], [Y600, 'Yellow'],
|
|
81
|
+
// Pub mix
|
|
82
|
+
[O600, 'Orange'], [R300, 'Red'],
|
|
83
|
+
// Poppy surprise
|
|
84
|
+
[M600, 'Magenta'], [P300, 'Purple'],
|
|
85
|
+
// Da' juice
|
|
86
|
+
// row 3
|
|
87
|
+
[N0, 'White'], [B75, 'Light blue'],
|
|
88
|
+
// Schwag
|
|
89
|
+
[T75, 'Light teal'],
|
|
90
|
+
// Arctic chill
|
|
91
|
+
[G75, 'Light green'],
|
|
92
|
+
// Mintie
|
|
93
|
+
[L200, 'Light lime'], [Y75, 'Light yellow'],
|
|
94
|
+
// Dandelion whisper
|
|
95
|
+
[Orange200, 'Light orange'], [R75, 'Light red'],
|
|
96
|
+
// Bondi sunburn
|
|
97
|
+
[M200, 'Light magenta'], [P50, 'Light purple'] // Lavender secret
|
|
98
|
+
];
|
|
99
|
+
|
|
57
100
|
// @see https://product-fabric.atlassian.net/wiki/spaces/E/pages/55979455/Colour+picker+decisions#Colourpickerdecisions-Visualdesigndecisions
|
|
58
101
|
export var colorPalette = new Map();
|
|
102
|
+
export var colorPaletteNew = new Map();
|
|
103
|
+
|
|
59
104
|
// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
|
|
60
105
|
/** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
|
|
61
106
|
export var colorPaletteExtended = colorPalette;
|
|
@@ -65,6 +110,12 @@ colorArrayPalette.forEach(function (_ref) {
|
|
|
65
110
|
label = _ref2[1];
|
|
66
111
|
return colorPalette.set(color.toLowerCase(), label);
|
|
67
112
|
});
|
|
113
|
+
colorArrayPaletteNew.forEach(function (_ref3) {
|
|
114
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
|
115
|
+
color = _ref4[0],
|
|
116
|
+
label = _ref4[1];
|
|
117
|
+
return colorPaletteNew.set(color.toLowerCase(), label);
|
|
118
|
+
});
|
|
68
119
|
|
|
69
120
|
// these are for test only
|
|
70
121
|
var testGlobalTheme;
|
package/dist/esm/utils/colors.js
CHANGED
|
@@ -22,6 +22,8 @@ export var Y200 = '#FFC400';
|
|
|
22
22
|
export var Yellow200 = '#F8E6A0';
|
|
23
23
|
export var Y400 = '#FF991F';
|
|
24
24
|
export var Y500 = '#FF8B00';
|
|
25
|
+
export var Y600 = '#B38600';
|
|
26
|
+
export var Y800 = '#7F5F01';
|
|
25
27
|
export var G50 = '#E3FCEF';
|
|
26
28
|
export var G75 = '#ABF5D1';
|
|
27
29
|
export var G200 = '#57D9A3';
|
|
@@ -34,6 +36,8 @@ export var B100 = '#4C9AFF';
|
|
|
34
36
|
export var B400 = '#0052CC';
|
|
35
37
|
export var B500 = '#0747A6';
|
|
36
38
|
export var L200 = '#D3F1A7';
|
|
39
|
+
export var L600 = '#6A9A23';
|
|
40
|
+
export var L800 = '#4C6B1F';
|
|
37
41
|
export var N0 = '#FFFFFF';
|
|
38
42
|
export var N20 = '#F4F5F7';
|
|
39
43
|
export var N30 = '#EBECF0';
|
|
@@ -51,7 +55,12 @@ export var N600 = '#758195';
|
|
|
51
55
|
export var N800 = '#172B4D';
|
|
52
56
|
export var N1000 = '#172B4D';
|
|
53
57
|
export var M200 = '#FDD0EC';
|
|
58
|
+
export var M600 = '#CD519D';
|
|
59
|
+
export var M800 = '#943D73';
|
|
54
60
|
export var O200 = '#FEDEC8';
|
|
61
|
+
export var Orange200 = '#FCE4A6';
|
|
62
|
+
export var O600 = '#E06C00';
|
|
63
|
+
export var O800 = '#9E4C00';
|
|
55
64
|
export var P50 = '#EAE6FF';
|
|
56
65
|
export var P75 = '#C0B6F2';
|
|
57
66
|
export var P100 = '#998DD9';
|
|
@@ -95,7 +95,29 @@ export var editorTextPalette = {
|
|
|
95
95
|
/** whiteGray - medium */
|
|
96
96
|
'#97A0AF': 'var(--ds-icon-accent-gray, #97A0AF)',
|
|
97
97
|
/** whiteGray - strong */
|
|
98
|
-
'#172B4D': 'var(--ds-text, #172B4D)'
|
|
98
|
+
'#172B4D': 'var(--ds-text, #172B4D)',
|
|
99
|
+
/** lime - light */
|
|
100
|
+
'#D3F1A7': 'var(--ds-background-accent-lime-subtler, #D3F1A7)',
|
|
101
|
+
/** lime - medium */
|
|
102
|
+
'#6A9A23': 'var(--ds-icon-accent-lime, #6A9A23)',
|
|
103
|
+
/** lime - strong */
|
|
104
|
+
'#4C6B1F': 'var(--ds-text-accent-lime, #4C6B1F)',
|
|
105
|
+
/** orange - light */
|
|
106
|
+
'#FCE4A6': 'var(--ds-background-accent-orange-subtler, #FCE4A6)',
|
|
107
|
+
/** orange - medium */
|
|
108
|
+
'#E06C00': 'var(--ds-icon-accent-orange, #E06C00)',
|
|
109
|
+
/** orange - strong */
|
|
110
|
+
'#9E4C00': 'var(--ds-text-accent-orange, #9E4C00)',
|
|
111
|
+
/** magenta - light */
|
|
112
|
+
'#FDD0EC': 'var(--ds-background-accent-magenta-subtler, #FDD0EC)',
|
|
113
|
+
/** magenta - medium */
|
|
114
|
+
'#CD519D': 'var(--ds-icon-accent-magenta, #CD519D)',
|
|
115
|
+
/** magenta - strong */
|
|
116
|
+
'#943D73': 'var(--ds-text-accent-magenta, #943D73)',
|
|
117
|
+
/** yellow - medium */
|
|
118
|
+
'#B38600': 'var(--ds-icon-accent-yellow, #B38600)',
|
|
119
|
+
/** yellow - strong */
|
|
120
|
+
'#7F5F01': 'var(--ds-text-accent-yellow, #7F5F01)'
|
|
99
121
|
};
|
|
100
122
|
|
|
101
123
|
/**
|
|
@@ -135,7 +157,11 @@ export var textBackgroundColorPalette = {
|
|
|
135
157
|
/** Magenta - light */
|
|
136
158
|
'#FDD0EC': 'var(--ds-background-accent-magenta-subtler, #FDD0EC)',
|
|
137
159
|
/** Purple - light */
|
|
138
|
-
'#DFD8FD': 'var(--ds-background-accent-purple-subtler, #DFD8FD)'
|
|
160
|
+
'#DFD8FD': 'var(--ds-background-accent-purple-subtler, #DFD8FD)',
|
|
161
|
+
/** Blue - light */
|
|
162
|
+
'#B3D4FF': 'var(--ds-background-accent-blue-subtler, #B3D4FF)',
|
|
163
|
+
/** Green - light */
|
|
164
|
+
'#ABF5D1': 'var(--ds-background-accent-green-subtler, #ABF5D1)'
|
|
139
165
|
};
|
|
140
166
|
/**
|
|
141
167
|
* Takes an ADF hex color and returns the rendered hex code for the associated background palette design token using getTokenValue.
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { backgroundColor, backgroundColorPalette } from '../schema/marks/background-color';
|
|
1
|
+
export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from '../schema/marks/background-color';
|
|
2
2
|
export type { BackgroundColorDefinition } from '../schema/marks/background-color';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { backgroundColor, backgroundColorPalette } from '../schema/marks/background-color';
|
|
1
|
+
export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from '../schema/marks/background-color';
|
|
2
2
|
export type { BackgroundColorDefinition } from '../schema/marks/background-color';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { colorPalette, colorPaletteExtended, textColor } from '../schema/marks/text-color';
|
|
1
|
+
export { colorPalette, colorPaletteNew, colorPaletteExtended, textColor, } from '../schema/marks/text-color';
|
|
2
2
|
export type { TextColorAttributes, TextColorDefinition } from '../schema/marks/text-color';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { colorPalette, colorPaletteExtended, textColor } from '../schema/marks/text-color';
|
|
1
|
+
export { colorPalette, colorPaletteNew, colorPaletteExtended, textColor, } from '../schema/marks/text-color';
|
|
2
2
|
export type { TextColorAttributes, TextColorDefinition } from '../schema/marks/text-color';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, fontSize, breakout, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, code, codeBlock, codeBlockWithLocalId, codeBlockToJSON, colorPalette,
|
|
1
|
+
export { PanelType, AnnotationTypes, alignment, alignmentPositionMap, annotation, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, fontSize, breakout, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, code, codeBlock, codeBlockWithLocalId, codeBlockToJSON, colorPalette, colorPaletteNew,
|
|
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, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineCardWithLocalId, inlineExtension, inlineNodes, layoutColumn, layoutColumnStage0, layoutColumnWithLocalId, layoutSection, layoutSectionWithLocalId, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId, link, linkToJSON, listItem, listItemWithLocalId, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelC1, extendedPanelC1WithLocalId, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, blockTaskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, syncBlock, bodiedSyncBlock, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId, } from './schema';
|
|
3
|
+
colorPaletteExtended, confluenceInlineComment, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, createSchema, dataConsumer, dataConsumerToJSON, date, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, em, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, fragment, fragmentToJSON, hardBreak, heading, image, indentation, inlineCard, inlineCardWithLocalId, inlineExtension, inlineNodes, layoutColumn, layoutColumnStage0, layoutColumnWithLocalId, layoutSection, layoutSectionWithLocalId, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId, link, linkToJSON, listItem, listItemWithLocalId, media, mediaGroup, mediaSingle, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleSpec, mediaInline, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelC1, extendedPanelC1WithLocalId, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, sanitizeNodes, getCellAttrs, getCellDomAttrs, status, strike, strong, subsup, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, blockTaskItem, taskList, taskListSelector, text, textColor, toJSONTableCell, toJSONTableHeader, typeAheadQuery, underline, unknownBlock, unsupportedBlock, unsupportedInline, unsupportedNodeTypesForMediaCards, buildAnnotationMarkDataAttributes, AnnotationMarkStates, unsupportedMark, unsupportedNodeAttribute, border, borderColorPalette, extensionFrame, multiBodiedExtension, backgroundColor, backgroundColorPalette, backgroundColorPaletteNew, syncBlock, bodiedSyncBlock, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId, } from './schema';
|
|
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, FontSizeMarkAttrs, FontSizeMarkDefinition, 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, SyncBlockDefinition, BodiedSyncBlockDefinition, SubSupAttributes, SubSupDefinition, TableAttributes, TableCellDefinition, TableDefinition, TableDisplayMode, TableHeaderDefinition, TableLayout, TableRowDefinition, TaskItemDefinition, BlockTaskItemDefinition, 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';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export { PanelType, blockCard, blockCardWithLocalId, blockquote, extendedBlockquote, extendedBlockquoteWithLocalId, bodiedExtension, bulletList, bulletListSelector, bulletListWithLocalId, caption, captionWithLocalId, codeBlock, codeBlockWithLocalId, codeBlockToJSON, confluenceJiraIssue, confluenceUnsupportedBlock, confluenceUnsupportedInline, copyPrivateMediaAttributes, date, dateWithLocalId, decisionItem, decisionList, decisionListSelector, doc, embedCard, embedCardWithLocalId, emoji, emojiWithLocalId, expandWithNestedExpand, expandWithNestedExpandLocalId, expandToJSON, extension, hardBreak, heading, image, inlineCard, inlineCardWithLocalId, inlineExtension, layoutColumn, layoutColumnStage0, layoutColumnWithLocalId, layoutSection, layoutSectionWithLocalId, layoutSectionWithSingleColumn, layoutSectionWithSingleColumnLocalId, listItem, listItemWithLocalId, media, mediaGroup, mediaSingle, mediaSingleSpec, mediaInline, mediaSingleWithCaption, mediaSingleWithWidthType, mediaSingleFull, mediaSingleFullWithLocalId, mediaSingleToJSON, mediaToJSON, mention, mentionToJSON, nestedExpand, nestedExpandWithLocalId, orderedList, orderedListSelector, orderedListWithLocalId, orderedListWithOrder, orderedListWithOrderAndLocalId, extendedPanel, extendedPanelC1, extendedPanelC1WithLocalId, extendedPanelWithLocalId, paragraph, placeholder, placeholderWithLocalId, rule, ruleWithLocalId, getCellAttrs, getCellDomAttrs, status, table, tableStage0, tableWithCustomWidth, tableBackgroundBorderColor, tableBackgroundColorNames, tableBackgroundColorPalette, tableCell, tableCellContentDomSelector, tableCellContentWrapperSelector, tableCellSelector, tableHeader, tableHeaderSelector, tablePrefixSelector, tableRow, tableToJSON, taskItem, blockTaskItem, taskList, taskListSelector, text, toJSONTableCell, toJSONTableHeader, unknownBlock, unsupportedBlock, unsupportedInline, extensionFrame, multiBodiedExtension, syncBlock, bodiedSyncBlock, tableWithNestedTable, tableRowWithNestedTable, tableCellWithNestedTable, tableHeaderWithNestedTable, tableCellStage0, tableHeaderStage0, tableCellWithNestedTableStage0, tableHeaderWithNestedTableStage0, tableRowWithLocalId, tableCellWithLocalId, tableHeaderWithLocalId, tableRowWithNestedTableWithLocalId, tableCellWithNestedTableWithLocalId, tableHeaderWithNestedTableWithLocalId, } from './nodes';
|
|
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, BlockTaskItemDefinition, TaskListContent, TaskListDefinition, TextDefinition, UrlType, RichMediaAttributes, ExtendedMediaAttributes, RichMediaLayout, CellDomAttrs, ExtensionFrameDefinition, MultiBodiedExtensionDefinition, SyncBlockDefinition, BodiedSyncBlockDefinition, } from './nodes';
|
|
3
|
-
export { AnnotationTypes, alignment, alignmentPositionMap, annotation, fontSize, breakout, code, colorPalette,
|
|
3
|
+
export { AnnotationTypes, alignment, alignmentPositionMap, annotation, fontSize, breakout, code, colorPalette, colorPaletteNew,
|
|
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, backgroundColorPaletteNew, } from './marks';
|
|
6
6
|
export type { AlignmentAttributes, AlignmentMarkDefinition, AnnotationMarkAttributes, AnnotationMarkDefinition, BreakoutMarkAttrs, BreakoutMarkDefinition, CodeDefinition, EmDefinition, FontSizeMarkAttrs, FontSizeMarkDefinition, 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';
|
|
@@ -10,6 +10,7 @@ export interface BackgroundColorDefinition {
|
|
|
10
10
|
export interface BackgroundColorMark extends Mark {
|
|
11
11
|
attrs: TextColorAttributes;
|
|
12
12
|
}
|
|
13
|
-
export type BackgroundColorKey = 'Gray' | 'Teal' | 'Lime' | 'Yellow' | 'Orange' | 'Magenta' | 'Purple';
|
|
13
|
+
export type BackgroundColorKey = 'Gray' | 'Teal' | 'Lime' | 'Yellow' | 'Orange' | 'Magenta' | 'Purple' | 'Blue' | 'Green';
|
|
14
14
|
export declare const backgroundColorPalette: Map<string, BackgroundColorKey>;
|
|
15
|
+
export declare const backgroundColorPaletteNew: Map<string, BackgroundColorKey>;
|
|
15
16
|
export declare const backgroundColor: MarkSpec;
|
|
@@ -13,7 +13,7 @@ export type { LinkAttributes, LinkDefinition } from './link';
|
|
|
13
13
|
export { typeAheadQuery } from './type-ahead-query';
|
|
14
14
|
export { subsup } from './subsup';
|
|
15
15
|
export type { SubSupDefinition, SubSupAttributes } from './subsup';
|
|
16
|
-
export { textColor, colorPalette, colorPaletteExtended } from './text-color';
|
|
16
|
+
export { textColor, colorPalette, colorPaletteNew, colorPaletteExtended } from './text-color';
|
|
17
17
|
export type { TextColorDefinition, TextColorAttributes } from './text-color';
|
|
18
18
|
export { confluenceInlineComment } from './confluence-inline-comment';
|
|
19
19
|
export { breakout } from './breakout';
|
|
@@ -34,5 +34,5 @@ export type { FragmentAttributes, FragmentDefinition, LocalId } from './fragment
|
|
|
34
34
|
export { fragment, toJSON as fragmentToJSON } from './fragment';
|
|
35
35
|
export { border, borderColorPalette } from './border';
|
|
36
36
|
export type { BorderMarkAttributes, BorderMarkDefinition } from './border';
|
|
37
|
-
export { backgroundColor, backgroundColorPalette } from './background-color';
|
|
37
|
+
export { backgroundColor, backgroundColorPalette, backgroundColorPaletteNew } from './background-color';
|
|
38
38
|
export type { BackgroundColorDefinition } from './background-color';
|
|
@@ -16,8 +16,9 @@ export interface TextColorDefinition {
|
|
|
16
16
|
export interface TextColorMark extends Mark {
|
|
17
17
|
attrs: TextColorAttributes;
|
|
18
18
|
}
|
|
19
|
-
export type TextColorKey = 'Light gray' | '
|
|
19
|
+
export type TextColorKey = 'Light gray' | 'Blue' | 'Teal' | 'Green' | 'Lime' | 'Yellow' | 'Orange' | 'Red' | 'Magenta' | 'Purple' | 'Dark gray' | 'Dark blue' | 'Dark teal' | 'Dark green' | 'Dark lime' | 'Dark yellow' | 'Dark orange' | 'Dark red' | 'Dark magenta' | 'Dark purple' | 'White' | 'Light blue' | 'Light teal' | 'Light green' | 'Light lime' | 'Light yellow' | 'Light orange' | 'Light red' | 'Light magenta' | 'Light purple';
|
|
20
20
|
export declare const colorPalette: Map<string, TextColorKey>;
|
|
21
|
+
export declare const colorPaletteNew: Map<string, TextColorKey>;
|
|
21
22
|
/** @deprecated [ED-15849] The extended palette is now rolled into the main one. Use `colorPalette` instead. */
|
|
22
23
|
export declare const colorPaletteExtended: Map<string, TextColorKey>;
|
|
23
24
|
export declare const setGlobalTheme: (theme: string) => void;
|
|
@@ -16,6 +16,8 @@ export declare const Y200 = "#FFC400";
|
|
|
16
16
|
export declare const Yellow200 = "#F8E6A0";
|
|
17
17
|
export declare const Y400 = "#FF991F";
|
|
18
18
|
export declare const Y500 = "#FF8B00";
|
|
19
|
+
export declare const Y600 = "#B38600";
|
|
20
|
+
export declare const Y800 = "#7F5F01";
|
|
19
21
|
export declare const G50 = "#E3FCEF";
|
|
20
22
|
export declare const G75 = "#ABF5D1";
|
|
21
23
|
export declare const G200 = "#57D9A3";
|
|
@@ -28,6 +30,8 @@ export declare const B100 = "#4C9AFF";
|
|
|
28
30
|
export declare const B400 = "#0052CC";
|
|
29
31
|
export declare const B500 = "#0747A6";
|
|
30
32
|
export declare const L200 = "#D3F1A7";
|
|
33
|
+
export declare const L600 = "#6A9A23";
|
|
34
|
+
export declare const L800 = "#4C6B1F";
|
|
31
35
|
export declare const N0 = "#FFFFFF";
|
|
32
36
|
export declare const N20 = "#F4F5F7";
|
|
33
37
|
export declare const N30 = "#EBECF0";
|
|
@@ -45,7 +49,12 @@ export declare const N600 = "#758195";
|
|
|
45
49
|
export declare const N800 = "#172B4D";
|
|
46
50
|
export declare const N1000 = "#172B4D";
|
|
47
51
|
export declare const M200 = "#FDD0EC";
|
|
52
|
+
export declare const M600 = "#CD519D";
|
|
53
|
+
export declare const M800 = "#943D73";
|
|
48
54
|
export declare const O200 = "#FEDEC8";
|
|
55
|
+
export declare const Orange200 = "#FCE4A6";
|
|
56
|
+
export declare const O600 = "#E06C00";
|
|
57
|
+
export declare const O800 = "#9E4C00";
|
|
49
58
|
export declare const P50 = "#EAE6FF";
|
|
50
59
|
export declare const P75 = "#C0B6F2";
|
|
51
60
|
export declare const P100 = "#998DD9";
|
|
@@ -89,6 +89,28 @@ export declare const editorTextPalette: {
|
|
|
89
89
|
'#97A0AF': string;
|
|
90
90
|
/** whiteGray - strong */
|
|
91
91
|
'#172B4D': string;
|
|
92
|
+
/** lime - light */
|
|
93
|
+
'#D3F1A7': string;
|
|
94
|
+
/** lime - medium */
|
|
95
|
+
'#6A9A23': string;
|
|
96
|
+
/** lime - strong */
|
|
97
|
+
'#4C6B1F': string;
|
|
98
|
+
/** orange - light */
|
|
99
|
+
'#FCE4A6': string;
|
|
100
|
+
/** orange - medium */
|
|
101
|
+
'#E06C00': string;
|
|
102
|
+
/** orange - strong */
|
|
103
|
+
'#9E4C00': string;
|
|
104
|
+
/** magenta - light */
|
|
105
|
+
'#FDD0EC': string;
|
|
106
|
+
/** magenta - medium */
|
|
107
|
+
'#CD519D': string;
|
|
108
|
+
/** magenta - strong */
|
|
109
|
+
'#943D73': string;
|
|
110
|
+
/** yellow - medium */
|
|
111
|
+
'#B38600': string;
|
|
112
|
+
/** yellow - strong */
|
|
113
|
+
'#7F5F01': string;
|
|
92
114
|
};
|
|
93
115
|
/**
|
|
94
116
|
* This takes an ADF hex color and returns a matching text background palette color.
|
|
@@ -123,6 +145,10 @@ export declare const textBackgroundColorPalette: {
|
|
|
123
145
|
'#FDD0EC': string;
|
|
124
146
|
/** Purple - light */
|
|
125
147
|
'#DFD8FD': string;
|
|
148
|
+
/** Blue - light */
|
|
149
|
+
'#B3D4FF': string;
|
|
150
|
+
/** Green - light */
|
|
151
|
+
'#ABF5D1': string;
|
|
126
152
|
};
|
|
127
153
|
type TextBackgroundColorPalette = typeof textBackgroundColorPalette;
|
|
128
154
|
export type TextBackgroundColorPaletteKey = keyof TextBackgroundColorPalette;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/adf-schema",
|
|
3
|
-
"version": "55.1
|
|
3
|
+
"version": "55.2.1",
|
|
4
4
|
"description": "Shared package that contains the ADF-schema (json) and ProseMirror node/mark specs",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@atlaskit/adf-schema-generator": "^3.1.0",
|
|
41
41
|
"@atlaskit/editor-prosemirror": "^8.0.0",
|
|
42
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
42
|
+
"@atlaskit/tmp-editor-statsig": "^108.0.0",
|
|
43
43
|
"@babel/runtime": "^7.0.0",
|
|
44
44
|
"css-color-names": "0.0.4",
|
|
45
45
|
"linkify-it": "^3.0.3",
|