@atlaskit/editor-common 116.46.0 → 116.48.0
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 +74 -0
- package/afm-cc/tsconfig.json +3 -0
- package/afm-products/tsconfig.json +3 -0
- package/dist/cjs/element-browser/components/ViewMore.js +1 -1
- package/dist/cjs/extensibility/Extension/Lozenge/ExtensionFloatingLabel.js +1 -1
- package/dist/cjs/extensions/UnknownMacroPlaceholder.js +1 -1
- package/dist/cjs/icons/shared/PanelErrorIcon.js +1 -1
- package/dist/cjs/icons/shared/PanelInfoIcon.js +1 -1
- package/dist/cjs/icons/shared/PanelNoteIcon.js +1 -1
- package/dist/cjs/icons/shared/PanelSuccessIcon.js +1 -1
- package/dist/cjs/icons/shared/PanelWarningIcon.js +1 -1
- package/dist/cjs/messages/syncBlock.js +30 -0
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/styles/shared/sync-block.js +7 -1
- package/dist/cjs/table/NewSortingIcon.js +1 -1
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/Layer/index.js +138 -18
- package/dist/cjs/ui/Shortcut/index.js +1 -1
- package/dist/cjs/ui/Toolbar/ButtonGroup.js +1 -1
- package/dist/cjs/ui/Toolbar/DropdownTriggerWrapper.js +1 -1
- package/dist/cjs/ui/Toolbar/DropdownWrapper.js +1 -1
- package/dist/cjs/ui/Toolbar/ExpandIcon.js +1 -1
- package/dist/cjs/ui/Toolbar/Separator.js +1 -1
- package/dist/cjs/ui-color/ColorPalette/Palettes/lightBackgroundPaletteTooltipMessages.js +5 -45
- package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessages.js +0 -60
- package/dist/cjs/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.js +106 -0
- package/dist/cjs/ui-color/index.js +7 -7
- package/dist/cjs/vanilla-tooltip/index.js +9 -1
- package/dist/es2019/element-browser/components/ViewMore.js +1 -1
- package/dist/es2019/extensibility/Extension/Lozenge/ExtensionFloatingLabel.js +1 -1
- package/dist/es2019/extensions/UnknownMacroPlaceholder.js +1 -1
- package/dist/es2019/icons/shared/PanelErrorIcon.js +1 -1
- package/dist/es2019/icons/shared/PanelInfoIcon.js +1 -1
- package/dist/es2019/icons/shared/PanelNoteIcon.js +1 -1
- package/dist/es2019/icons/shared/PanelSuccessIcon.js +1 -1
- package/dist/es2019/icons/shared/PanelWarningIcon.js +1 -1
- package/dist/es2019/messages/syncBlock.js +30 -0
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/styles/shared/sync-block.js +7 -1
- package/dist/es2019/table/NewSortingIcon.js +1 -1
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/Layer/index.js +120 -13
- package/dist/es2019/ui/Shortcut/index.js +1 -1
- package/dist/es2019/ui/Toolbar/ButtonGroup.js +1 -1
- package/dist/es2019/ui/Toolbar/DropdownTriggerWrapper.js +1 -1
- package/dist/es2019/ui/Toolbar/DropdownWrapper.js +1 -1
- package/dist/es2019/ui/Toolbar/ExpandIcon.js +1 -1
- package/dist/es2019/ui/Toolbar/Separator.js +1 -1
- package/dist/es2019/ui-color/ColorPalette/Palettes/lightBackgroundPaletteTooltipMessages.js +5 -45
- package/dist/es2019/ui-color/ColorPalette/Palettes/paletteMessages.js +0 -60
- package/dist/es2019/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.js +95 -0
- package/dist/es2019/ui-color/index.js +1 -1
- package/dist/es2019/vanilla-tooltip/index.js +10 -2
- package/dist/esm/element-browser/components/ViewMore.js +1 -1
- package/dist/esm/extensibility/Extension/Lozenge/ExtensionFloatingLabel.js +1 -1
- package/dist/esm/extensions/UnknownMacroPlaceholder.js +1 -1
- package/dist/esm/icons/shared/PanelErrorIcon.js +1 -1
- package/dist/esm/icons/shared/PanelInfoIcon.js +1 -1
- package/dist/esm/icons/shared/PanelNoteIcon.js +1 -1
- package/dist/esm/icons/shared/PanelSuccessIcon.js +1 -1
- package/dist/esm/icons/shared/PanelWarningIcon.js +1 -1
- package/dist/esm/messages/syncBlock.js +30 -0
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/styles/shared/sync-block.js +7 -1
- package/dist/esm/table/NewSortingIcon.js +1 -1
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/Layer/index.js +138 -19
- package/dist/esm/ui/Shortcut/index.js +1 -1
- package/dist/esm/ui/Toolbar/ButtonGroup.js +1 -1
- package/dist/esm/ui/Toolbar/DropdownTriggerWrapper.js +1 -1
- package/dist/esm/ui/Toolbar/DropdownWrapper.js +1 -1
- package/dist/esm/ui/Toolbar/ExpandIcon.js +1 -1
- package/dist/esm/ui/Toolbar/Separator.js +1 -1
- package/dist/esm/ui-color/ColorPalette/Palettes/lightBackgroundPaletteTooltipMessages.js +5 -45
- package/dist/esm/ui-color/ColorPalette/Palettes/paletteMessages.js +0 -60
- package/dist/esm/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.js +99 -0
- package/dist/esm/ui-color/index.js +1 -1
- package/dist/esm/vanilla-tooltip/index.js +10 -2
- package/dist/types/messages/syncBlock.d.ts +30 -0
- package/dist/types/styles/shared/sync-block.d.ts +6 -5
- package/dist/types/ui/Layer/index.d.ts +3 -26
- package/dist/types/ui/Layer/internal/helpers.d.ts +1 -1
- package/dist/types/ui-color/ColorPalette/Palettes/lightBackgroundPaletteTooltipMessages.d.ts +1 -41
- package/dist/types/ui-color/ColorPalette/Palettes/paletteMessages.d.ts +0 -60
- package/dist/types/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.d.ts +2 -0
- package/dist/types/ui-color/index.d.ts +1 -1
- package/package.json +12 -4
- package/ui-color/ColorPalette/panelBackgroundPaletteNew/package.json +10 -0
- package/dist/cjs/ui-color/ColorPalette/Palettes/cellBackgroundColorPaletteNew.js +0 -28
- package/dist/es2019/ui-color/ColorPalette/Palettes/cellBackgroundColorPaletteNew.js +0 -21
- package/dist/esm/ui-color/ColorPalette/Palettes/cellBackgroundColorPaletteNew.js +0 -21
- package/dist/types/ui-color/ColorPalette/Palettes/cellBackgroundColorPaletteNew.d.ts +0 -8
|
@@ -150,66 +150,6 @@ var _default_1 = defineMessages({
|
|
|
150
150
|
defaultMessage: 'Bold gray',
|
|
151
151
|
description: 'Tooltip label for the bold gray color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
|
|
152
152
|
},
|
|
153
|
-
'subtle-lime': {
|
|
154
|
-
id: 'fabric.theme.subtle-lime',
|
|
155
|
-
defaultMessage: 'Subtle lime',
|
|
156
|
-
description: 'Tooltip label for the subtle lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
|
|
157
|
-
},
|
|
158
|
-
'bold-lime': {
|
|
159
|
-
id: 'fabric.theme.bold-lime',
|
|
160
|
-
defaultMessage: 'Bold lime',
|
|
161
|
-
description: 'Tooltip label for the bold lime color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
|
|
162
|
-
},
|
|
163
|
-
'subtle-orange': {
|
|
164
|
-
id: 'fabric.theme.subtle-orange',
|
|
165
|
-
defaultMessage: 'Subtle orange',
|
|
166
|
-
description: 'Tooltip label for the subtle orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
|
|
167
|
-
},
|
|
168
|
-
'bold-orange': {
|
|
169
|
-
id: 'fabric.theme.bold-orange',
|
|
170
|
-
defaultMessage: 'Bold orange',
|
|
171
|
-
description: 'Tooltip label for the bold orange color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
|
|
172
|
-
},
|
|
173
|
-
'subtle-magenta': {
|
|
174
|
-
id: 'fabric.theme.subtle-magenta',
|
|
175
|
-
defaultMessage: 'Subtle magenta',
|
|
176
|
-
description: 'Tooltip label for the subtle magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
|
|
177
|
-
},
|
|
178
|
-
'bold-magenta': {
|
|
179
|
-
id: 'fabric.theme.bold-magenta',
|
|
180
|
-
defaultMessage: 'Bold magenta',
|
|
181
|
-
description: 'Tooltip label for the bold magenta color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
|
|
182
|
-
},
|
|
183
|
-
'bold-blue': {
|
|
184
|
-
id: 'fabric.theme.bold-blue',
|
|
185
|
-
defaultMessage: 'Bold blue',
|
|
186
|
-
description: 'Tooltip label for the bold blue color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
|
|
187
|
-
},
|
|
188
|
-
'bold-teal': {
|
|
189
|
-
id: 'fabric.theme.bold-teal',
|
|
190
|
-
defaultMessage: 'Bold teal',
|
|
191
|
-
description: 'Tooltip label for the bold teal color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
|
|
192
|
-
},
|
|
193
|
-
'bold-green': {
|
|
194
|
-
id: 'fabric.theme.bold-green',
|
|
195
|
-
defaultMessage: 'Bold green',
|
|
196
|
-
description: 'Tooltip label for the bold green color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
|
|
197
|
-
},
|
|
198
|
-
'bold-yellow': {
|
|
199
|
-
id: 'fabric.theme.bold-yellow',
|
|
200
|
-
defaultMessage: 'Bold yellow',
|
|
201
|
-
description: 'Tooltip label for the bold yellow color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
|
|
202
|
-
},
|
|
203
|
-
'bold-red': {
|
|
204
|
-
id: 'fabric.theme.bold-red',
|
|
205
|
-
defaultMessage: 'Bold red',
|
|
206
|
-
description: 'Tooltip label for the bold red color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
|
|
207
|
-
},
|
|
208
|
-
'bold-purple': {
|
|
209
|
-
id: 'fabric.theme.bold-purple',
|
|
210
|
-
defaultMessage: 'Bold purple',
|
|
211
|
-
description: 'Tooltip label for the bold purple color swatch displayed in the editor toolbar color palette when users select text or highlight colors.'
|
|
212
|
-
},
|
|
213
153
|
// Colors only used in highlight palette
|
|
214
154
|
'no-color': {
|
|
215
155
|
id: 'fabric.theme.no-color',
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
// new palette for platform_editor_lovability_text_bg_color experiment
|
|
5
|
+
export var panelBackgroundPaletteNew = [{
|
|
6
|
+
label: 'White',
|
|
7
|
+
value: '#FFFFFF'
|
|
8
|
+
}, {
|
|
9
|
+
label: 'Subtle blue',
|
|
10
|
+
value: '#DEEBFF'
|
|
11
|
+
}, {
|
|
12
|
+
label: 'Subtle teal',
|
|
13
|
+
value: '#E6FCFF'
|
|
14
|
+
}, {
|
|
15
|
+
label: 'Subtle green',
|
|
16
|
+
value: '#E3FCEF'
|
|
17
|
+
}, {
|
|
18
|
+
label: 'Subtle lime',
|
|
19
|
+
value: '#EFFFD6'
|
|
20
|
+
}, {
|
|
21
|
+
label: 'Subtle yellow',
|
|
22
|
+
value: '#FFFAE6'
|
|
23
|
+
}, {
|
|
24
|
+
label: 'Subtle orange',
|
|
25
|
+
value: '#FFF5DB'
|
|
26
|
+
}, {
|
|
27
|
+
label: 'Subtle red',
|
|
28
|
+
value: '#FFEBE6'
|
|
29
|
+
}, {
|
|
30
|
+
label: 'Subtle magenta',
|
|
31
|
+
value: '#FFECF8'
|
|
32
|
+
}, {
|
|
33
|
+
label: 'Subtle purple',
|
|
34
|
+
value: '#EAE6FF'
|
|
35
|
+
}, {
|
|
36
|
+
label: 'Gray',
|
|
37
|
+
value: '#F4F5F7'
|
|
38
|
+
}, {
|
|
39
|
+
label: 'Blue',
|
|
40
|
+
value: '#B3D4FF'
|
|
41
|
+
}, {
|
|
42
|
+
label: 'Teal',
|
|
43
|
+
value: '#B3F5FF'
|
|
44
|
+
}, {
|
|
45
|
+
label: 'Green',
|
|
46
|
+
value: '#ABF5D1'
|
|
47
|
+
}, {
|
|
48
|
+
label: 'Lime',
|
|
49
|
+
value: '#D3F1A7'
|
|
50
|
+
}, {
|
|
51
|
+
label: 'Yellow',
|
|
52
|
+
value: '#FFF0B3'
|
|
53
|
+
}, {
|
|
54
|
+
label: 'Orange',
|
|
55
|
+
value: '#FCE4A6'
|
|
56
|
+
}, {
|
|
57
|
+
label: 'Red',
|
|
58
|
+
value: '#FFBDAD'
|
|
59
|
+
}, {
|
|
60
|
+
label: 'Magenta',
|
|
61
|
+
value: '#FDD0EC'
|
|
62
|
+
}, {
|
|
63
|
+
label: 'Purple',
|
|
64
|
+
value: '#C0B6F2'
|
|
65
|
+
}, {
|
|
66
|
+
label: 'Bold gray',
|
|
67
|
+
value: '#B7B9BE'
|
|
68
|
+
}, {
|
|
69
|
+
label: 'Bold blue',
|
|
70
|
+
value: '#ADCBFB'
|
|
71
|
+
}, {
|
|
72
|
+
label: 'Bold teal',
|
|
73
|
+
value: '#B1E4F7'
|
|
74
|
+
}, {
|
|
75
|
+
label: 'Bold green',
|
|
76
|
+
value: '#97EDC9'
|
|
77
|
+
}, {
|
|
78
|
+
label: 'Bold lime',
|
|
79
|
+
value: '#BDE97C'
|
|
80
|
+
}, {
|
|
81
|
+
label: 'Bold yellow',
|
|
82
|
+
value: '#EFDD4E'
|
|
83
|
+
}, {
|
|
84
|
+
label: 'Bold orange',
|
|
85
|
+
value: '#FBD779'
|
|
86
|
+
}, {
|
|
87
|
+
label: 'Bold red',
|
|
88
|
+
value: '#FFB8B2'
|
|
89
|
+
}, {
|
|
90
|
+
label: 'Bold magenta',
|
|
91
|
+
value: '#FCB6E1'
|
|
92
|
+
}, {
|
|
93
|
+
label: 'Bold purple',
|
|
94
|
+
value: '#E3BDFA'
|
|
95
|
+
}].map(function (color) {
|
|
96
|
+
return _objectSpread(_objectSpread({}, color), {}, {
|
|
97
|
+
border: "var(--ds-border, #0B120E24)"
|
|
98
|
+
});
|
|
99
|
+
});
|
|
@@ -10,9 +10,9 @@ export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRo
|
|
|
10
10
|
export { getHighlightColorInNonActiveTheme } from './ColorPalette/getHighlightColorInNonActiveTheme';
|
|
11
11
|
export { getTextColorInNonActiveTheme } from './ColorPalette/getTextColorInNonActiveTheme';
|
|
12
12
|
export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
|
|
13
|
-
export { default as cellBackgroundColorPaletteNew } from './ColorPalette/Palettes/cellBackgroundColorPaletteNew';
|
|
14
13
|
export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
|
|
15
14
|
export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
|
|
15
|
+
export { panelBackgroundPaletteNew } from './ColorPalette/Palettes/panelBackgroundPaletteNew';
|
|
16
16
|
export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
|
|
17
17
|
export { textColorPaletteNew } from './ColorPalette/Palettes/textColorPaletteNew';
|
|
18
18
|
export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';
|
|
@@ -3,8 +3,10 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
|
-
import { createPopper } from '@popperjs/core';
|
|
6
|
+
import { createPopper as createLegacyPopper } from '@popperjs/core';
|
|
7
7
|
import { bind } from 'bind-event-listener';
|
|
8
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
|
+
import { createPopper as createWrappedPopper } from '@atlaskit/popper/unsafe-imperative';
|
|
8
10
|
var startingOffset = {
|
|
9
11
|
name: 'offset',
|
|
10
12
|
options: {
|
|
@@ -17,6 +19,12 @@ var endingOffset = {
|
|
|
17
19
|
offset: [0, 8]
|
|
18
20
|
}
|
|
19
21
|
};
|
|
22
|
+
function getCreatePopper() {
|
|
23
|
+
if (fg('platform-dst-popper-consolidation')) {
|
|
24
|
+
return createWrappedPopper;
|
|
25
|
+
}
|
|
26
|
+
return createLegacyPopper;
|
|
27
|
+
}
|
|
20
28
|
|
|
21
29
|
/**
|
|
22
30
|
* A tooltip component similar to "@atlaskit/tooltip" but built for vanilla scenarios
|
|
@@ -102,7 +110,7 @@ export var VanillaTooltip = /*#__PURE__*/function () {
|
|
|
102
110
|
return _createClass(VanillaTooltip, [{
|
|
103
111
|
key: "createPopperInstance",
|
|
104
112
|
value: function createPopperInstance() {
|
|
105
|
-
this.popperInstance =
|
|
113
|
+
this.popperInstance = getCreatePopper()(this.button, this.tooltip, {
|
|
106
114
|
placement: 'top',
|
|
107
115
|
modifiers: [startingOffset]
|
|
108
116
|
});
|
|
@@ -184,6 +184,26 @@ export declare const syncBlockMessages: {
|
|
|
184
184
|
description: string;
|
|
185
185
|
id: string;
|
|
186
186
|
};
|
|
187
|
+
feedbackFlagDescription: {
|
|
188
|
+
defaultMessage: string;
|
|
189
|
+
description: string;
|
|
190
|
+
id: string;
|
|
191
|
+
};
|
|
192
|
+
feedbackFlagGiveFeedback: {
|
|
193
|
+
defaultMessage: string;
|
|
194
|
+
description: string;
|
|
195
|
+
id: string;
|
|
196
|
+
};
|
|
197
|
+
feedbackFlagNoThanks: {
|
|
198
|
+
defaultMessage: string;
|
|
199
|
+
description: string;
|
|
200
|
+
id: string;
|
|
201
|
+
};
|
|
202
|
+
feedbackFlagTitle: {
|
|
203
|
+
defaultMessage: string;
|
|
204
|
+
description: string;
|
|
205
|
+
id: string;
|
|
206
|
+
};
|
|
187
207
|
generalErrorDescription: {
|
|
188
208
|
defaultMessage: string;
|
|
189
209
|
description: string;
|
|
@@ -284,6 +304,11 @@ export declare const syncBlockMessages: {
|
|
|
284
304
|
description: string;
|
|
285
305
|
id: string;
|
|
286
306
|
};
|
|
307
|
+
sourceSyncedBlockLabel: {
|
|
308
|
+
defaultMessage: string;
|
|
309
|
+
description: string;
|
|
310
|
+
id: string;
|
|
311
|
+
};
|
|
287
312
|
sourceUnsyncedDescription: {
|
|
288
313
|
defaultMessage: string;
|
|
289
314
|
description: string;
|
|
@@ -329,6 +354,11 @@ export declare const syncBlockMessages: {
|
|
|
329
354
|
description: string;
|
|
330
355
|
id: string;
|
|
331
356
|
};
|
|
357
|
+
syncedLocationDropdownActivationNoResults: {
|
|
358
|
+
defaultMessage: string;
|
|
359
|
+
description: string;
|
|
360
|
+
id: string;
|
|
361
|
+
};
|
|
332
362
|
syncedLocationDropdownError: {
|
|
333
363
|
defaultMessage: string;
|
|
334
364
|
description: string;
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
export declare const SyncBlockSharedCssClassName: {
|
|
2
|
-
prefix: string;
|
|
3
|
-
renderer: string;
|
|
4
2
|
error: string;
|
|
5
3
|
loading: string;
|
|
4
|
+
prefix: string;
|
|
5
|
+
renderer: string;
|
|
6
6
|
};
|
|
7
7
|
export declare const SyncBlockRendererDataAttributeName = "data-sync-block-renderer";
|
|
8
8
|
export declare const BodiedSyncBlockSharedCssClassName: {
|
|
9
|
+
content: string;
|
|
10
|
+
empty: string;
|
|
9
11
|
prefix: string;
|
|
10
12
|
renderer: string;
|
|
11
|
-
content: string;
|
|
12
13
|
selectionInside: string;
|
|
13
14
|
};
|
|
14
15
|
export declare const SyncBlockLabelSharedCssClassName: {
|
|
@@ -19,8 +20,8 @@ export declare const viewModeClassName = "view-mode";
|
|
|
19
20
|
export declare const creationLoadingClassName = "creation-loading";
|
|
20
21
|
export declare const draggingClassName = "user-is-dragging";
|
|
21
22
|
export declare const SyncBlockStateCssClassName: {
|
|
22
|
-
disabledClassName: string;
|
|
23
|
-
viewModeClassName: string;
|
|
24
23
|
creationLoadingClassName: string;
|
|
24
|
+
disabledClassName: string;
|
|
25
25
|
draggingClassName: string;
|
|
26
|
+
viewModeClassName: string;
|
|
26
27
|
};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import type { ReactNode } from 'react';
|
|
3
|
-
import type { Data } from 'popper.js';
|
|
4
3
|
export type Props = {
|
|
5
4
|
children?: React.ReactNode;
|
|
6
5
|
content: ReactNode | null;
|
|
@@ -22,27 +21,5 @@ export type State = {
|
|
|
22
21
|
position?: string;
|
|
23
22
|
transform?: string;
|
|
24
23
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
private targetRef;
|
|
28
|
-
private contentRef;
|
|
29
|
-
static defaultProps: {
|
|
30
|
-
boundariesElement: string;
|
|
31
|
-
children: null;
|
|
32
|
-
content: null;
|
|
33
|
-
offset: string;
|
|
34
|
-
position: string;
|
|
35
|
-
zIndex: number;
|
|
36
|
-
lockScroll: boolean;
|
|
37
|
-
isAlwaysFixed: boolean;
|
|
38
|
-
onPositioned: () => void;
|
|
39
|
-
};
|
|
40
|
-
constructor(props: Props);
|
|
41
|
-
componentDidMount(): void;
|
|
42
|
-
componentDidUpdate(prevProps: Props, prevState: State): void;
|
|
43
|
-
componentWillUnmount(): void;
|
|
44
|
-
calculateMaxHeight(originalHeight: number, currentHeight: number, positionTop: number, cssPosition: string): number | null;
|
|
45
|
-
extractStyles: (state: Data) => void;
|
|
46
|
-
applyPopper(props: Props): void;
|
|
47
|
-
render(): React.JSX.Element;
|
|
48
|
-
}
|
|
24
|
+
/** Selects the reversible Popper v1 or ADS wrapper implementation. */
|
|
25
|
+
export default function Layer({ children, content, offset, onPositioned, position, }: Partial<Props>): ReactNode;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { Placement } from 'popper
|
|
1
|
+
import type { Placement } from '@atlaskit/popper/popper';
|
|
2
2
|
export declare function positionPropToPopperPosition(position: string): Placement;
|
package/dist/types/ui-color/ColorPalette/Palettes/lightBackgroundPaletteTooltipMessages.d.ts
CHANGED
|
@@ -39,21 +39,11 @@ export declare const lightBackgroundPaletteTooltipMessages: {
|
|
|
39
39
|
description: string;
|
|
40
40
|
id: string;
|
|
41
41
|
};
|
|
42
|
-
'#BDE97C': {
|
|
43
|
-
defaultMessage: string;
|
|
44
|
-
description: string;
|
|
45
|
-
id: string;
|
|
46
|
-
};
|
|
47
42
|
'#C0B6F2': {
|
|
48
43
|
defaultMessage: string;
|
|
49
44
|
description: string;
|
|
50
45
|
id: string;
|
|
51
46
|
};
|
|
52
|
-
'#D3F1A7': {
|
|
53
|
-
defaultMessage: string;
|
|
54
|
-
description: string;
|
|
55
|
-
id: string;
|
|
56
|
-
};
|
|
57
47
|
'#DEEBFF': {
|
|
58
48
|
defaultMessage: string;
|
|
59
49
|
description: string;
|
|
@@ -74,7 +64,7 @@ export declare const lightBackgroundPaletteTooltipMessages: {
|
|
|
74
64
|
description: string;
|
|
75
65
|
id: string;
|
|
76
66
|
};
|
|
77
|
-
'#
|
|
67
|
+
'#EFDD4E': {
|
|
78
68
|
defaultMessage: string;
|
|
79
69
|
description: string;
|
|
80
70
|
id: string;
|
|
@@ -84,26 +74,6 @@ export declare const lightBackgroundPaletteTooltipMessages: {
|
|
|
84
74
|
description: string;
|
|
85
75
|
id: string;
|
|
86
76
|
};
|
|
87
|
-
'#FBD779': {
|
|
88
|
-
defaultMessage: string;
|
|
89
|
-
description: string;
|
|
90
|
-
id: string;
|
|
91
|
-
};
|
|
92
|
-
'#FCB6E1': {
|
|
93
|
-
defaultMessage: string;
|
|
94
|
-
description: string;
|
|
95
|
-
id: string;
|
|
96
|
-
};
|
|
97
|
-
'#FCE4A6': {
|
|
98
|
-
defaultMessage: string;
|
|
99
|
-
description: string;
|
|
100
|
-
id: string;
|
|
101
|
-
};
|
|
102
|
-
'#FDD0EC': {
|
|
103
|
-
defaultMessage: string;
|
|
104
|
-
description: string;
|
|
105
|
-
id: string;
|
|
106
|
-
};
|
|
107
77
|
'#FF8F73': {
|
|
108
78
|
defaultMessage: string;
|
|
109
79
|
description: string;
|
|
@@ -124,21 +94,11 @@ export declare const lightBackgroundPaletteTooltipMessages: {
|
|
|
124
94
|
description: string;
|
|
125
95
|
id: string;
|
|
126
96
|
};
|
|
127
|
-
'#FFECF8': {
|
|
128
|
-
defaultMessage: string;
|
|
129
|
-
description: string;
|
|
130
|
-
id: string;
|
|
131
|
-
};
|
|
132
97
|
'#FFF0B3': {
|
|
133
98
|
defaultMessage: string;
|
|
134
99
|
description: string;
|
|
135
100
|
id: string;
|
|
136
101
|
};
|
|
137
|
-
'#FFF5DB': {
|
|
138
|
-
defaultMessage: string;
|
|
139
|
-
description: string;
|
|
140
|
-
id: string;
|
|
141
|
-
};
|
|
142
102
|
'#FFFAE6': {
|
|
143
103
|
defaultMessage: string;
|
|
144
104
|
description: string;
|
|
@@ -4,56 +4,11 @@ declare const _default_1: {
|
|
|
4
4
|
description: string;
|
|
5
5
|
id: string;
|
|
6
6
|
};
|
|
7
|
-
'bold-blue': {
|
|
8
|
-
defaultMessage: string;
|
|
9
|
-
description: string;
|
|
10
|
-
id: string;
|
|
11
|
-
};
|
|
12
7
|
'bold-gray': {
|
|
13
8
|
defaultMessage: string;
|
|
14
9
|
description: string;
|
|
15
10
|
id: string;
|
|
16
11
|
};
|
|
17
|
-
'bold-green': {
|
|
18
|
-
defaultMessage: string;
|
|
19
|
-
description: string;
|
|
20
|
-
id: string;
|
|
21
|
-
};
|
|
22
|
-
'bold-lime': {
|
|
23
|
-
defaultMessage: string;
|
|
24
|
-
description: string;
|
|
25
|
-
id: string;
|
|
26
|
-
};
|
|
27
|
-
'bold-magenta': {
|
|
28
|
-
defaultMessage: string;
|
|
29
|
-
description: string;
|
|
30
|
-
id: string;
|
|
31
|
-
};
|
|
32
|
-
'bold-orange': {
|
|
33
|
-
defaultMessage: string;
|
|
34
|
-
description: string;
|
|
35
|
-
id: string;
|
|
36
|
-
};
|
|
37
|
-
'bold-purple': {
|
|
38
|
-
defaultMessage: string;
|
|
39
|
-
description: string;
|
|
40
|
-
id: string;
|
|
41
|
-
};
|
|
42
|
-
'bold-red': {
|
|
43
|
-
defaultMessage: string;
|
|
44
|
-
description: string;
|
|
45
|
-
id: string;
|
|
46
|
-
};
|
|
47
|
-
'bold-teal': {
|
|
48
|
-
defaultMessage: string;
|
|
49
|
-
description: string;
|
|
50
|
-
id: string;
|
|
51
|
-
};
|
|
52
|
-
'bold-yellow': {
|
|
53
|
-
defaultMessage: string;
|
|
54
|
-
description: string;
|
|
55
|
-
id: string;
|
|
56
|
-
};
|
|
57
12
|
'dark-blue': {
|
|
58
13
|
defaultMessage: string;
|
|
59
14
|
description: string;
|
|
@@ -194,21 +149,6 @@ declare const _default_1: {
|
|
|
194
149
|
description: string;
|
|
195
150
|
id: string;
|
|
196
151
|
};
|
|
197
|
-
'subtle-lime': {
|
|
198
|
-
defaultMessage: string;
|
|
199
|
-
description: string;
|
|
200
|
-
id: string;
|
|
201
|
-
};
|
|
202
|
-
'subtle-magenta': {
|
|
203
|
-
defaultMessage: string;
|
|
204
|
-
description: string;
|
|
205
|
-
id: string;
|
|
206
|
-
};
|
|
207
|
-
'subtle-orange': {
|
|
208
|
-
defaultMessage: string;
|
|
209
|
-
description: string;
|
|
210
|
-
id: string;
|
|
211
|
-
};
|
|
212
152
|
teal: {
|
|
213
153
|
defaultMessage: string;
|
|
214
154
|
description: string;
|
|
@@ -7,9 +7,9 @@ export { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRo
|
|
|
7
7
|
export { getHighlightColorInNonActiveTheme } from './ColorPalette/getHighlightColorInNonActiveTheme';
|
|
8
8
|
export { getTextColorInNonActiveTheme } from './ColorPalette/getTextColorInNonActiveTheme';
|
|
9
9
|
export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/cellBackgroundColorPalette';
|
|
10
|
-
export { default as cellBackgroundColorPaletteNew } from './ColorPalette/Palettes/cellBackgroundColorPaletteNew';
|
|
11
10
|
export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
|
|
12
11
|
export { panelBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
|
|
12
|
+
export { panelBackgroundPaletteNew } from './ColorPalette/Palettes/panelBackgroundPaletteNew';
|
|
13
13
|
export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
|
|
14
14
|
export { textColorPaletteNew } from './ColorPalette/Palettes/textColorPaletteNew';
|
|
15
15
|
export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR, } from './ColorPalette/Palettes/highlightColorPalette';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "116.
|
|
3
|
+
"version": "116.48.0",
|
|
4
4
|
"description": "A package that contains common classes and components for editor and renderer",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@atlaskit/activity-provider": "^3.0.0",
|
|
32
|
-
"@atlaskit/adf-schema": "^56.
|
|
32
|
+
"@atlaskit/adf-schema": "^56.4.0",
|
|
33
33
|
"@atlaskit/adf-utils": "^20.4.0",
|
|
34
34
|
"@atlaskit/afm-i18n-platform-editor-editor-common": "2.200.0",
|
|
35
35
|
"@atlaskit/analytics-listeners": "^11.1.0",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"@atlaskit/custom-steps": "^1.0.0",
|
|
44
44
|
"@atlaskit/dropdown-menu": "^17.2.0",
|
|
45
45
|
"@atlaskit/editor-json-transformer": "^9.2.0",
|
|
46
|
-
"@atlaskit/editor-palette": "^3.
|
|
46
|
+
"@atlaskit/editor-palette": "^3.4.0",
|
|
47
47
|
"@atlaskit/editor-prosemirror": "^8.0.0",
|
|
48
48
|
"@atlaskit/editor-shared-styles": "^4.0.0",
|
|
49
49
|
"@atlaskit/editor-tables": "^3.0.0",
|
|
@@ -68,6 +68,7 @@
|
|
|
68
68
|
"@atlaskit/onboarding": "^15.1.0",
|
|
69
69
|
"@atlaskit/platform-feature-flags": "^2.1.0",
|
|
70
70
|
"@atlaskit/platform-feature-flags-react": "^1.1.0",
|
|
71
|
+
"@atlaskit/popper": "^8.5.0",
|
|
71
72
|
"@atlaskit/primitives": "^22.2.0",
|
|
72
73
|
"@atlaskit/profilecard": "^26.14.0",
|
|
73
74
|
"@atlaskit/prosemirror-history": "^1.1.0",
|
|
@@ -80,7 +81,7 @@
|
|
|
80
81
|
"@atlaskit/task-decision": "^21.8.0",
|
|
81
82
|
"@atlaskit/teams-app-config": "^2.1.0",
|
|
82
83
|
"@atlaskit/textfield": "^9.1.0",
|
|
83
|
-
"@atlaskit/tmp-editor-statsig": "^135.
|
|
84
|
+
"@atlaskit/tmp-editor-statsig": "^135.10.0",
|
|
84
85
|
"@atlaskit/tokens": "^16.3.0",
|
|
85
86
|
"@atlaskit/tooltip": "^24.0.0",
|
|
86
87
|
"@atlaskit/width-detector": "^6.2.0",
|
|
@@ -162,9 +163,16 @@
|
|
|
162
163
|
}
|
|
163
164
|
},
|
|
164
165
|
"platform-feature-flags": {
|
|
166
|
+
"platform-dst-popper-consolidation": {
|
|
167
|
+
"type": "boolean",
|
|
168
|
+
"referenceOnly": true
|
|
169
|
+
},
|
|
165
170
|
"rovo_chat_agent_selection": {
|
|
166
171
|
"type": "boolean"
|
|
167
172
|
},
|
|
173
|
+
"platform_editor_lovability_text_bg_color_patch_2": {
|
|
174
|
+
"type": "boolean"
|
|
175
|
+
},
|
|
168
176
|
"platform_editor_updated_dropdown_colors": {
|
|
169
177
|
"type": "boolean"
|
|
170
178
|
},
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/editor-common/ui-color/ColorPalette/panelBackgroundPaletteNew",
|
|
3
|
+
"main": "../../../dist/cjs/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.js",
|
|
4
|
+
"module": "../../../dist/esm/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.js",
|
|
5
|
+
"module:es2019": "../../../dist/es2019/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../../../dist/types/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.d.ts"
|
|
10
|
+
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _tableNodes = require("@atlaskit/adf-schema/tableNodes");
|
|
9
|
-
var _getColorMessage = _interopRequireDefault(require("./getColorMessage"));
|
|
10
|
-
var _paletteMessages = _interopRequireDefault(require("./paletteMessages"));
|
|
11
|
-
/**
|
|
12
|
-
* Expanded 10-column (30-entry) UI palette that adds lime, orange, and magenta columns
|
|
13
|
-
* and updates the bold row to use `subtler.hovered` design tokens.
|
|
14
|
-
* This is a superset of the default {@link cellBackgroundColorPalette}.
|
|
15
|
-
*/
|
|
16
|
-
var cellBackgroundColorPaletteNew = [];
|
|
17
|
-
_tableNodes.tableBackgroundColorPaletteNew.forEach(function (label, color) {
|
|
18
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
|
|
19
|
-
var key = label.toLowerCase().replace(' ', '-');
|
|
20
|
-
var message = (0, _getColorMessage.default)(_paletteMessages.default, key);
|
|
21
|
-
cellBackgroundColorPaletteNew.push({
|
|
22
|
-
value: color,
|
|
23
|
-
label: label,
|
|
24
|
-
border: _tableNodes.tableBackgroundBorderColor,
|
|
25
|
-
message: message
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
var _default = exports.default = cellBackgroundColorPaletteNew;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { tableBackgroundBorderColor, tableBackgroundColorPaletteNew } from '@atlaskit/adf-schema/tableNodes';
|
|
2
|
-
import getColorMessage from './getColorMessage';
|
|
3
|
-
import paletteMessages from './paletteMessages';
|
|
4
|
-
/**
|
|
5
|
-
* Expanded 10-column (30-entry) UI palette that adds lime, orange, and magenta columns
|
|
6
|
-
* and updates the bold row to use `subtler.hovered` design tokens.
|
|
7
|
-
* This is a superset of the default {@link cellBackgroundColorPalette}.
|
|
8
|
-
*/
|
|
9
|
-
const cellBackgroundColorPaletteNew = [];
|
|
10
|
-
tableBackgroundColorPaletteNew.forEach((label, color) => {
|
|
11
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
|
|
12
|
-
const key = label.toLowerCase().replace(' ', '-');
|
|
13
|
-
const message = getColorMessage(paletteMessages, key);
|
|
14
|
-
cellBackgroundColorPaletteNew.push({
|
|
15
|
-
value: color,
|
|
16
|
-
label,
|
|
17
|
-
border: tableBackgroundBorderColor,
|
|
18
|
-
message
|
|
19
|
-
});
|
|
20
|
-
});
|
|
21
|
-
export default cellBackgroundColorPaletteNew;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { tableBackgroundBorderColor, tableBackgroundColorPaletteNew } from '@atlaskit/adf-schema/tableNodes';
|
|
2
|
-
import getColorMessage from './getColorMessage';
|
|
3
|
-
import paletteMessages from './paletteMessages';
|
|
4
|
-
/**
|
|
5
|
-
* Expanded 10-column (30-entry) UI palette that adds lime, orange, and magenta columns
|
|
6
|
-
* and updates the bold row to use `subtler.hovered` design tokens.
|
|
7
|
-
* This is a superset of the default {@link cellBackgroundColorPalette}.
|
|
8
|
-
*/
|
|
9
|
-
var cellBackgroundColorPaletteNew = [];
|
|
10
|
-
tableBackgroundColorPaletteNew.forEach(function (label, color) {
|
|
11
|
-
// eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
|
|
12
|
-
var key = label.toLowerCase().replace(' ', '-');
|
|
13
|
-
var message = getColorMessage(paletteMessages, key);
|
|
14
|
-
cellBackgroundColorPaletteNew.push({
|
|
15
|
-
value: color,
|
|
16
|
-
label: label,
|
|
17
|
-
border: tableBackgroundBorderColor,
|
|
18
|
-
message: message
|
|
19
|
-
});
|
|
20
|
-
});
|
|
21
|
-
export default cellBackgroundColorPaletteNew;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { PaletteColor } from './type';
|
|
2
|
-
/**
|
|
3
|
-
* Expanded 10-column (30-entry) UI palette that adds lime, orange, and magenta columns
|
|
4
|
-
* and updates the bold row to use `subtler.hovered` design tokens.
|
|
5
|
-
* This is a superset of the default {@link cellBackgroundColorPalette}.
|
|
6
|
-
*/
|
|
7
|
-
declare const cellBackgroundColorPaletteNew: Array<PaletteColor>;
|
|
8
|
-
export default cellBackgroundColorPaletteNew;
|