@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.
Files changed (92) hide show
  1. package/CHANGELOG.md +74 -0
  2. package/afm-cc/tsconfig.json +3 -0
  3. package/afm-products/tsconfig.json +3 -0
  4. package/dist/cjs/element-browser/components/ViewMore.js +1 -1
  5. package/dist/cjs/extensibility/Extension/Lozenge/ExtensionFloatingLabel.js +1 -1
  6. package/dist/cjs/extensions/UnknownMacroPlaceholder.js +1 -1
  7. package/dist/cjs/icons/shared/PanelErrorIcon.js +1 -1
  8. package/dist/cjs/icons/shared/PanelInfoIcon.js +1 -1
  9. package/dist/cjs/icons/shared/PanelNoteIcon.js +1 -1
  10. package/dist/cjs/icons/shared/PanelSuccessIcon.js +1 -1
  11. package/dist/cjs/icons/shared/PanelWarningIcon.js +1 -1
  12. package/dist/cjs/messages/syncBlock.js +30 -0
  13. package/dist/cjs/monitoring/error.js +1 -1
  14. package/dist/cjs/styles/shared/sync-block.js +7 -1
  15. package/dist/cjs/table/NewSortingIcon.js +1 -1
  16. package/dist/cjs/ui/DropList/index.js +1 -1
  17. package/dist/cjs/ui/Layer/index.js +138 -18
  18. package/dist/cjs/ui/Shortcut/index.js +1 -1
  19. package/dist/cjs/ui/Toolbar/ButtonGroup.js +1 -1
  20. package/dist/cjs/ui/Toolbar/DropdownTriggerWrapper.js +1 -1
  21. package/dist/cjs/ui/Toolbar/DropdownWrapper.js +1 -1
  22. package/dist/cjs/ui/Toolbar/ExpandIcon.js +1 -1
  23. package/dist/cjs/ui/Toolbar/Separator.js +1 -1
  24. package/dist/cjs/ui-color/ColorPalette/Palettes/lightBackgroundPaletteTooltipMessages.js +5 -45
  25. package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessages.js +0 -60
  26. package/dist/cjs/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.js +106 -0
  27. package/dist/cjs/ui-color/index.js +7 -7
  28. package/dist/cjs/vanilla-tooltip/index.js +9 -1
  29. package/dist/es2019/element-browser/components/ViewMore.js +1 -1
  30. package/dist/es2019/extensibility/Extension/Lozenge/ExtensionFloatingLabel.js +1 -1
  31. package/dist/es2019/extensions/UnknownMacroPlaceholder.js +1 -1
  32. package/dist/es2019/icons/shared/PanelErrorIcon.js +1 -1
  33. package/dist/es2019/icons/shared/PanelInfoIcon.js +1 -1
  34. package/dist/es2019/icons/shared/PanelNoteIcon.js +1 -1
  35. package/dist/es2019/icons/shared/PanelSuccessIcon.js +1 -1
  36. package/dist/es2019/icons/shared/PanelWarningIcon.js +1 -1
  37. package/dist/es2019/messages/syncBlock.js +30 -0
  38. package/dist/es2019/monitoring/error.js +1 -1
  39. package/dist/es2019/styles/shared/sync-block.js +7 -1
  40. package/dist/es2019/table/NewSortingIcon.js +1 -1
  41. package/dist/es2019/ui/DropList/index.js +1 -1
  42. package/dist/es2019/ui/Layer/index.js +120 -13
  43. package/dist/es2019/ui/Shortcut/index.js +1 -1
  44. package/dist/es2019/ui/Toolbar/ButtonGroup.js +1 -1
  45. package/dist/es2019/ui/Toolbar/DropdownTriggerWrapper.js +1 -1
  46. package/dist/es2019/ui/Toolbar/DropdownWrapper.js +1 -1
  47. package/dist/es2019/ui/Toolbar/ExpandIcon.js +1 -1
  48. package/dist/es2019/ui/Toolbar/Separator.js +1 -1
  49. package/dist/es2019/ui-color/ColorPalette/Palettes/lightBackgroundPaletteTooltipMessages.js +5 -45
  50. package/dist/es2019/ui-color/ColorPalette/Palettes/paletteMessages.js +0 -60
  51. package/dist/es2019/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.js +95 -0
  52. package/dist/es2019/ui-color/index.js +1 -1
  53. package/dist/es2019/vanilla-tooltip/index.js +10 -2
  54. package/dist/esm/element-browser/components/ViewMore.js +1 -1
  55. package/dist/esm/extensibility/Extension/Lozenge/ExtensionFloatingLabel.js +1 -1
  56. package/dist/esm/extensions/UnknownMacroPlaceholder.js +1 -1
  57. package/dist/esm/icons/shared/PanelErrorIcon.js +1 -1
  58. package/dist/esm/icons/shared/PanelInfoIcon.js +1 -1
  59. package/dist/esm/icons/shared/PanelNoteIcon.js +1 -1
  60. package/dist/esm/icons/shared/PanelSuccessIcon.js +1 -1
  61. package/dist/esm/icons/shared/PanelWarningIcon.js +1 -1
  62. package/dist/esm/messages/syncBlock.js +30 -0
  63. package/dist/esm/monitoring/error.js +1 -1
  64. package/dist/esm/styles/shared/sync-block.js +7 -1
  65. package/dist/esm/table/NewSortingIcon.js +1 -1
  66. package/dist/esm/ui/DropList/index.js +1 -1
  67. package/dist/esm/ui/Layer/index.js +138 -19
  68. package/dist/esm/ui/Shortcut/index.js +1 -1
  69. package/dist/esm/ui/Toolbar/ButtonGroup.js +1 -1
  70. package/dist/esm/ui/Toolbar/DropdownTriggerWrapper.js +1 -1
  71. package/dist/esm/ui/Toolbar/DropdownWrapper.js +1 -1
  72. package/dist/esm/ui/Toolbar/ExpandIcon.js +1 -1
  73. package/dist/esm/ui/Toolbar/Separator.js +1 -1
  74. package/dist/esm/ui-color/ColorPalette/Palettes/lightBackgroundPaletteTooltipMessages.js +5 -45
  75. package/dist/esm/ui-color/ColorPalette/Palettes/paletteMessages.js +0 -60
  76. package/dist/esm/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.js +99 -0
  77. package/dist/esm/ui-color/index.js +1 -1
  78. package/dist/esm/vanilla-tooltip/index.js +10 -2
  79. package/dist/types/messages/syncBlock.d.ts +30 -0
  80. package/dist/types/styles/shared/sync-block.d.ts +6 -5
  81. package/dist/types/ui/Layer/index.d.ts +3 -26
  82. package/dist/types/ui/Layer/internal/helpers.d.ts +1 -1
  83. package/dist/types/ui-color/ColorPalette/Palettes/lightBackgroundPaletteTooltipMessages.d.ts +1 -41
  84. package/dist/types/ui-color/ColorPalette/Palettes/paletteMessages.d.ts +0 -60
  85. package/dist/types/ui-color/ColorPalette/Palettes/panelBackgroundPaletteNew.d.ts +2 -0
  86. package/dist/types/ui-color/index.d.ts +1 -1
  87. package/package.json +12 -4
  88. package/ui-color/ColorPalette/panelBackgroundPaletteNew/package.json +10 -0
  89. package/dist/cjs/ui-color/ColorPalette/Palettes/cellBackgroundColorPaletteNew.js +0 -28
  90. package/dist/es2019/ui-color/ColorPalette/Palettes/cellBackgroundColorPaletteNew.js +0 -21
  91. package/dist/esm/ui-color/ColorPalette/Palettes/cellBackgroundColorPaletteNew.js +0 -21
  92. 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 = createPopper(this.button, this.tooltip, {
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, { Component } from '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
- export default class Layer extends Component<Props, State> {
26
- private popper;
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.js';
1
+ import type { Placement } from '@atlaskit/popper/popper';
2
2
  export declare function positionPropToPopperPosition(position: string): Placement;
@@ -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
- '#EFFFD6': {
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;
@@ -0,0 +1,2 @@
1
+ import type { PaletteColor } from './type';
2
+ export declare const panelBackgroundPaletteNew: PaletteColor[];
@@ -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.46.0",
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.3.0",
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.3.0",
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.8.0",
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;