@atlaskit/editor-core 208.5.0 → 208.6.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 CHANGED
@@ -1,5 +1,33 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 208.6.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#178354](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178354)
8
+ [`8768b869f9245`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8768b869f9245) -
9
+ Cleanup platform_editor_stable_editorview_classname experiment
10
+
11
+ ### Patch Changes
12
+
13
+ - [#178432](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178432)
14
+ [`abe20dc3f4834`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/abe20dc3f4834) -
15
+ Add translation on the context panel label text
16
+ - [#178265](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178265)
17
+ [`4a9fa08952bfe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4a9fa08952bfe) -
18
+ [ux] ED-28379 fix styles for date match in find and replace
19
+ - Updated dependencies
20
+
21
+ ## 208.5.1
22
+
23
+ ### Patch Changes
24
+
25
+ - [#177994](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/177994)
26
+ [`f19d2fadee3a8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f19d2fadee3a8) -
27
+ [ux] [ED-28377] convert borders to boxShadows to prevent a layout shift while Finding with the
28
+ platform_editor_find_and_replace_improvements experiment
29
+ - Updated dependencies
30
+
3
31
  ## 208.5.0
4
32
 
5
33
  ### Minor Changes
@@ -675,7 +675,7 @@ function ReactEditorView(props) {
675
675
  "data-testid": "react-editor-view-inital-focus-element"
676
676
  }), /*#__PURE__*/_react.default.createElement("div", {
677
677
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
678
- className: ((0, _expValEquals.expValEquals)('platform_editor_stable_editorview_classname', 'isEnabled', true) ? 'ProseMirror ' : '') + (0, _getUAPrefix.getUAPrefix)(),
678
+ className: "ProseMirror ".concat((0, _getUAPrefix.getUAPrefix)()),
679
679
  key: "ProseMirror",
680
680
  ref: handleEditorViewRef,
681
681
  "aria-label": assistiveLabel || props.intl.formatMessage(_messages.editorMessages.editorAssistiveLabel)
@@ -15,8 +15,10 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
15
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
16
  var _react = _interopRequireDefault(require("react"));
17
17
  var _react2 = require("@emotion/react");
18
+ var _reactIntlNext = require("react-intl-next");
18
19
  var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
19
20
  var _hooks = require("@atlaskit/editor-common/hooks");
21
+ var _messages = require("@atlaskit/editor-common/messages");
20
22
  var _ui = require("@atlaskit/editor-common/ui");
21
23
  var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
22
24
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -62,14 +64,14 @@ var paddingStyles = (0, _react2.css)({
62
64
  });
63
65
  // Ignored via go/ees005
64
66
  // eslint-disable-next-line @repo/internal/react/no-class-components
65
- var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
66
- function SwappableContentArea() {
67
+ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
68
+ function SwappableContentAreaInner() {
67
69
  var _this;
68
- (0, _classCallCheck2.default)(this, SwappableContentArea);
70
+ (0, _classCallCheck2.default)(this, SwappableContentAreaInner);
69
71
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
70
72
  args[_key] = arguments[_key];
71
73
  }
72
- _this = _callSuper(this, SwappableContentArea, [].concat(args));
74
+ _this = _callSuper(this, SwappableContentAreaInner, [].concat(args));
73
75
  (0, _defineProperty2.default)(_this, "state", {
74
76
  mounted: false,
75
77
  currentPluginContent: undefined
@@ -114,8 +116,8 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
114
116
  });
115
117
  return _this;
116
118
  }
117
- (0, _inherits2.default)(SwappableContentArea, _React$PureComponent);
118
- return (0, _createClass2.default)(SwappableContentArea, [{
119
+ (0, _inherits2.default)(SwappableContentAreaInner, _React$PureComponent);
120
+ return (0, _createClass2.default)(SwappableContentAreaInner, [{
119
121
  key: "unsetPluginContent",
120
122
  value: function unsetPluginContent() {
121
123
  this.setState({
@@ -145,6 +147,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
145
147
  overflowX: 'hidden'
146
148
  });
147
149
  return (0, _react2.jsx)(_ui.ContextPanelConsumer, null, function (_ref) {
150
+ var _this2$props$intl;
148
151
  var broadcastWidth = _ref.broadcastWidth;
149
152
  var contextPanelWidth = visible ? width : 0;
150
153
  broadcastWidth(contextPanelWidth);
@@ -154,7 +157,7 @@ var SwappableContentArea = exports.SwappableContentArea = /*#__PURE__*/function
154
157
  _this2.props.customWidth && customPanelWidthStyles, !visible && panelHidden, (0, _platformFeatureFlags.fg)('platform_editor_disable_context_panel_animation') && disablePanelAnimation],
155
158
  "data-testid": "context-panel-panel",
156
159
  "aria-labelledby": "context-panel-title",
157
- "aria-label": "context-panel-panel",
160
+ "aria-label": ((_this2$props$intl = _this2.props.intl) === null || _this2$props$intl === void 0 ? void 0 : _this2$props$intl.formatMessage(_messages.contextPanelMessages.panelLabel)) || '',
158
161
  role: "dialog"
159
162
  }, (0, _react2.jsx)("div", {
160
163
  "data-testid": "context-panel-content",
@@ -183,15 +186,15 @@ var useContextPanelSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory
183
186
  }, function (pluginInjectionApi) {
184
187
  return (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(pluginInjectionApi, 'contextPanel.contents');
185
188
  });
189
+ var SwappableContentArea = exports.SwappableContentArea = (0, _reactIntlNext.injectIntl)(SwappableContentAreaInner);
186
190
  function ContextPanel(props) {
187
191
  var contextPanelContents = useContextPanelSharedState(props.editorAPI);
188
192
  var firstContent = contextPanelContents && contextPanelContents.find(Boolean);
189
- return (
190
- // Ignored via go/ees005
191
- // eslint-disable-next-line react/jsx-props-no-spreading
192
- (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({}, props, {
193
- editorAPI: props.editorAPI,
194
- pluginContent: firstContent
195
- }))
196
- );
193
+ return (0, _react2.jsx)(SwappableContentArea
194
+ // Ignored via go/ees005
195
+ // eslint-disable-next-line react/jsx-props-no-spreading
196
+ , (0, _extends2.default)({}, props, {
197
+ editorAPI: props.editorAPI,
198
+ pluginContent: firstContent
199
+ }));
197
200
  }
@@ -31,24 +31,26 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
31
31
  '.search-match-text': {
32
32
  borderRadius: "var(--ds-space-050, 4px)",
33
33
  padding: "var(--ds-space-050, 4px)".concat(" 0"),
34
- border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
34
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t"),
35
35
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
36
36
  color: "var(--ds-text, #172B4D)"
37
37
  },
38
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
39
39
  '.search-match-text.selected-search-match': {
40
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", "\n\t\t"),
40
41
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
41
42
  },
42
43
  /** Dark mode */
43
44
 
44
45
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
45
46
  '.search-match-text.search-match-dark': {
46
- border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
47
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t"),
47
48
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
48
49
  color: "var(--ds-text-inverse, #FFFFFF)"
49
50
  },
50
51
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
51
52
  '.search-match-text.selected-search-match.search-match-dark': {
53
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t"),
52
54
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
53
55
  },
54
56
  /** Block match styles */
@@ -63,9 +65,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
63
65
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t\t")
64
66
  },
65
67
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
66
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
67
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
68
- borderRadius: '3px'
68
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
69
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)")
69
70
  }
70
71
  },
71
72
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -75,9 +76,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
75
76
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", "\n\t\t\t")
76
77
  },
77
78
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
78
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
79
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
80
- borderRadius: '3px'
79
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
80
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)")
81
81
  }
82
82
  },
83
83
  /** With node selection */
@@ -88,7 +88,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
88
88
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
89
89
  },
90
90
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
91
- '.loader-wrapper>a, .lozenge-wrapper': {
91
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
92
92
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
93
93
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", " !important")
94
94
  }
@@ -100,7 +100,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
100
100
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
101
101
  },
102
102
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
103
- '.loader-wrapper>a, .lozenge-wrapper': {
103
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
104
104
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
105
105
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", " !important")
106
106
  }
@@ -114,9 +114,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
114
114
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t\t")
115
115
  },
116
116
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
117
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
118
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)"),
119
- borderRadius: '3px'
117
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
118
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)")
120
119
  }
121
120
  },
122
121
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -126,9 +125,8 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
126
125
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t\t")
127
126
  },
128
127
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
129
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
130
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)"),
131
- borderRadius: '3px'
128
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
129
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)")
132
130
  }
133
131
  },
134
132
  /** With node selection */
@@ -139,7 +137,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
139
137
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
140
138
  },
141
139
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
142
- '.loader-wrapper>a, .lozenge-wrapper': {
140
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
143
141
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
144
142
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)", " !important")
145
143
  }
@@ -151,7 +149,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
151
149
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
152
150
  },
153
151
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
154
- '.loader-wrapper>a, .lozenge-wrapper': {
152
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
155
153
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
156
154
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)", " !important")
157
155
  }
@@ -164,7 +162,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
164
162
  '.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
165
163
  borderRadius: "var(--ds-space-050, 4px)",
166
164
  padding: "var(--ds-space-050, 4px)".concat(" 0"),
167
- border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
165
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t"),
168
166
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
169
167
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
170
168
  '.ak-editor-expand__title-input': {
@@ -173,13 +171,14 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
173
171
  },
174
172
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
175
173
  '.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
174
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", "\n\t\t"),
176
175
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
177
176
  },
178
177
  /** Dark mode */
179
178
 
180
179
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
181
180
  '.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
182
- border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
181
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t"),
183
182
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
184
183
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
185
184
  '.ak-editor-expand__title-input': {
@@ -188,6 +187,7 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)({
188
187
  },
189
188
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
190
189
  '.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
190
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t"),
191
191
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
192
192
  }
193
193
  });
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "208.4.1";
8
+ var version = exports.version = "208.5.1";
@@ -622,7 +622,7 @@ export function ReactEditorView(props) {
622
622
  "data-testid": "react-editor-view-inital-focus-element"
623
623
  }), /*#__PURE__*/React.createElement("div", {
624
624
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
625
- className: (expValEquals('platform_editor_stable_editorview_classname', 'isEnabled', true) ? 'ProseMirror ' : '') + getUAPrefix(),
625
+ className: `ProseMirror ${getUAPrefix()}`,
626
626
  key: "ProseMirror",
627
627
  ref: handleEditorViewRef,
628
628
  "aria-label": assistiveLabel || props.intl.formatMessage(editorMessages.editorAssistiveLabel)
@@ -8,8 +8,10 @@ import React from 'react';
8
8
 
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
10
  import { css, jsx } from '@emotion/react';
11
+ import { injectIntl } from 'react-intl-next';
11
12
  import Transition from 'react-transition-group/Transition';
12
13
  import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
14
+ import { contextPanelMessages } from '@atlaskit/editor-common/messages';
13
15
  import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
14
16
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
15
17
  import { akEditorContextPanelWidth, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
@@ -48,7 +50,7 @@ const paddingStyles = css({
48
50
  });
49
51
  // Ignored via go/ees005
50
52
  // eslint-disable-next-line @repo/internal/react/no-class-components
51
- export class SwappableContentArea extends React.PureComponent {
53
+ class SwappableContentAreaInner extends React.PureComponent {
52
54
  constructor(...args) {
53
55
  super(...args);
54
56
  _defineProperty(this, "state", {
@@ -134,6 +136,7 @@ export class SwappableContentArea extends React.PureComponent {
134
136
  return jsx(ContextPanelConsumer, null, ({
135
137
  broadcastWidth
136
138
  }) => {
139
+ var _this$props$intl;
137
140
  const contextPanelWidth = visible ? width : 0;
138
141
  broadcastWidth(contextPanelWidth);
139
142
  return jsx("div", {
@@ -142,7 +145,7 @@ export class SwappableContentArea extends React.PureComponent {
142
145
  this.props.customWidth && customPanelWidthStyles, !visible && panelHidden, fg('platform_editor_disable_context_panel_animation') && disablePanelAnimation],
143
146
  "data-testid": "context-panel-panel",
144
147
  "aria-labelledby": "context-panel-title",
145
- "aria-label": "context-panel-panel",
148
+ "aria-label": ((_this$props$intl = this.props.intl) === null || _this$props$intl === void 0 ? void 0 : _this$props$intl.formatMessage(contextPanelMessages.panelLabel)) || '',
146
149
  role: "dialog"
147
150
  }, jsx("div", {
148
151
  "data-testid": "context-panel-content",
@@ -161,15 +164,15 @@ const useContextPanelSharedState = sharedPluginStateHookMigratorFactory(pluginIn
161
164
  }, pluginInjectionApi => {
162
165
  return useSharedPluginStateSelector(pluginInjectionApi, 'contextPanel.contents');
163
166
  });
167
+ export const SwappableContentArea = injectIntl(SwappableContentAreaInner);
164
168
  export function ContextPanel(props) {
165
169
  const contextPanelContents = useContextPanelSharedState(props.editorAPI);
166
170
  const firstContent = contextPanelContents && contextPanelContents.find(Boolean);
167
- return (
168
- // Ignored via go/ees005
169
- // eslint-disable-next-line react/jsx-props-no-spreading
170
- jsx(SwappableContentArea, _extends({}, props, {
171
- editorAPI: props.editorAPI,
172
- pluginContent: firstContent
173
- }))
174
- );
171
+ return jsx(SwappableContentArea
172
+ // Ignored via go/ees005
173
+ // eslint-disable-next-line react/jsx-props-no-spreading
174
+ , _extends({}, props, {
175
+ editorAPI: props.editorAPI,
176
+ pluginContent: firstContent
177
+ }));
175
178
  }
@@ -24,24 +24,38 @@ export const findReplaceStylesNew = css({
24
24
  '.search-match-text': {
25
25
  borderRadius: "var(--ds-space-050, 4px)",
26
26
  padding: `${"var(--ds-space-050, 4px)"} 0`,
27
- border: `1px solid ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
27
+ boxShadow: `
28
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
29
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
30
+ `,
28
31
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
29
32
  color: "var(--ds-text, #172B4D)"
30
33
  },
31
34
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
32
35
  '.search-match-text.selected-search-match': {
36
+ boxShadow: `
37
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
38
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}
39
+ `,
33
40
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
34
41
  },
35
42
  /** Dark mode */
36
43
 
37
44
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
38
45
  '.search-match-text.search-match-dark': {
39
- border: `1px solid ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
46
+ boxShadow: `
47
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
48
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}
49
+ `,
40
50
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
41
51
  color: "var(--ds-text-inverse, #FFFFFF)"
42
52
  },
43
53
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
44
54
  '.search-match-text.selected-search-match.search-match-dark': {
55
+ boxShadow: `
56
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
57
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}
58
+ `,
45
59
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
46
60
  },
47
61
  /** Block match styles */
@@ -59,9 +73,8 @@ export const findReplaceStylesNew = css({
59
73
  `
60
74
  },
61
75
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
62
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
63
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
64
- borderRadius: '3px'
76
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
77
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`
65
78
  }
66
79
  },
67
80
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -74,9 +87,8 @@ export const findReplaceStylesNew = css({
74
87
  `
75
88
  },
76
89
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
77
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
78
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
79
- borderRadius: '3px'
90
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
91
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`
80
92
  }
81
93
  },
82
94
  /** With node selection */
@@ -91,7 +103,7 @@ export const findReplaceStylesNew = css({
91
103
  `
92
104
  },
93
105
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
94
- '.loader-wrapper>a, .lozenge-wrapper': {
106
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
95
107
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
96
108
  boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"} !important`
97
109
  }
@@ -107,7 +119,7 @@ export const findReplaceStylesNew = css({
107
119
  `
108
120
  },
109
121
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
110
- '.loader-wrapper>a, .lozenge-wrapper': {
122
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
111
123
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
112
124
  boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"} !important`
113
125
  }
@@ -124,9 +136,8 @@ export const findReplaceStylesNew = css({
124
136
  `
125
137
  },
126
138
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
127
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
128
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
129
- borderRadius: '3px'
139
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
140
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`
130
141
  }
131
142
  },
132
143
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -139,9 +150,8 @@ export const findReplaceStylesNew = css({
139
150
  `
140
151
  },
141
152
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
142
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
143
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
144
- borderRadius: '3px'
153
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
154
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`
145
155
  }
146
156
  },
147
157
  /** With node selection */
@@ -156,7 +166,7 @@ export const findReplaceStylesNew = css({
156
166
  `
157
167
  },
158
168
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
159
- '.loader-wrapper>a, .lozenge-wrapper': {
169
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
160
170
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
161
171
  boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"} !important`
162
172
  }
@@ -172,7 +182,7 @@ export const findReplaceStylesNew = css({
172
182
  `
173
183
  },
174
184
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
175
- '.loader-wrapper>a, .lozenge-wrapper': {
185
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
176
186
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
177
187
  boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"} !important`
178
188
  }
@@ -185,7 +195,10 @@ export const findReplaceStylesNew = css({
185
195
  '.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
186
196
  borderRadius: "var(--ds-space-050, 4px)",
187
197
  padding: `${"var(--ds-space-050, 4px)"} 0`,
188
- border: `1px solid ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`,
198
+ boxShadow: `
199
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
200
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
201
+ `,
189
202
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
190
203
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
191
204
  '.ak-editor-expand__title-input': {
@@ -194,13 +207,20 @@ export const findReplaceStylesNew = css({
194
207
  },
195
208
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
196
209
  '.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
210
+ boxShadow: `
211
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
212
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}
213
+ `,
197
214
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
198
215
  },
199
216
  /** Dark mode */
200
217
 
201
218
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
202
219
  '.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
203
- border: `1px solid ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`,
220
+ boxShadow: `
221
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
222
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}
223
+ `,
204
224
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
205
225
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
206
226
  '.ak-editor-expand__title-input': {
@@ -209,6 +229,10 @@ export const findReplaceStylesNew = css({
209
229
  },
210
230
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
211
231
  '.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
232
+ boxShadow: `
233
+ inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
234
+ inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}
235
+ `,
212
236
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
213
237
  }
214
238
  });
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "208.4.1";
2
+ export const version = "208.5.1";
@@ -665,7 +665,7 @@ export function ReactEditorView(props) {
665
665
  "data-testid": "react-editor-view-inital-focus-element"
666
666
  }), /*#__PURE__*/React.createElement("div", {
667
667
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
668
- className: (expValEquals('platform_editor_stable_editorview_classname', 'isEnabled', true) ? 'ProseMirror ' : '') + getUAPrefix(),
668
+ className: "ProseMirror ".concat(getUAPrefix()),
669
669
  key: "ProseMirror",
670
670
  ref: handleEditorViewRef,
671
671
  "aria-label": assistiveLabel || props.intl.formatMessage(editorMessages.editorAssistiveLabel)
@@ -17,8 +17,10 @@ import React from 'react';
17
17
 
18
18
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
19
19
  import { css, jsx } from '@emotion/react';
20
+ import { injectIntl } from 'react-intl-next';
20
21
  import Transition from 'react-transition-group/Transition';
21
22
  import { sharedPluginStateHookMigratorFactory, useSharedPluginState } from '@atlaskit/editor-common/hooks';
23
+ import { contextPanelMessages } from '@atlaskit/editor-common/messages';
22
24
  import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
23
25
  import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
24
26
  import { akEditorContextPanelWidth, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
@@ -57,14 +59,14 @@ var paddingStyles = css({
57
59
  });
58
60
  // Ignored via go/ees005
59
61
  // eslint-disable-next-line @repo/internal/react/no-class-components
60
- export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
61
- function SwappableContentArea() {
62
+ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
63
+ function SwappableContentAreaInner() {
62
64
  var _this;
63
- _classCallCheck(this, SwappableContentArea);
65
+ _classCallCheck(this, SwappableContentAreaInner);
64
66
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
65
67
  args[_key] = arguments[_key];
66
68
  }
67
- _this = _callSuper(this, SwappableContentArea, [].concat(args));
69
+ _this = _callSuper(this, SwappableContentAreaInner, [].concat(args));
68
70
  _defineProperty(_this, "state", {
69
71
  mounted: false,
70
72
  currentPluginContent: undefined
@@ -109,8 +111,8 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
109
111
  });
110
112
  return _this;
111
113
  }
112
- _inherits(SwappableContentArea, _React$PureComponent);
113
- return _createClass(SwappableContentArea, [{
114
+ _inherits(SwappableContentAreaInner, _React$PureComponent);
115
+ return _createClass(SwappableContentAreaInner, [{
114
116
  key: "unsetPluginContent",
115
117
  value: function unsetPluginContent() {
116
118
  this.setState({
@@ -140,6 +142,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
140
142
  overflowX: 'hidden'
141
143
  });
142
144
  return jsx(ContextPanelConsumer, null, function (_ref) {
145
+ var _this2$props$intl;
143
146
  var broadcastWidth = _ref.broadcastWidth;
144
147
  var contextPanelWidth = visible ? width : 0;
145
148
  broadcastWidth(contextPanelWidth);
@@ -149,7 +152,7 @@ export var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
149
152
  _this2.props.customWidth && customPanelWidthStyles, !visible && panelHidden, fg('platform_editor_disable_context_panel_animation') && disablePanelAnimation],
150
153
  "data-testid": "context-panel-panel",
151
154
  "aria-labelledby": "context-panel-title",
152
- "aria-label": "context-panel-panel",
155
+ "aria-label": ((_this2$props$intl = _this2.props.intl) === null || _this2$props$intl === void 0 ? void 0 : _this2$props$intl.formatMessage(contextPanelMessages.panelLabel)) || '',
153
156
  role: "dialog"
154
157
  }, jsx("div", {
155
158
  "data-testid": "context-panel-content",
@@ -178,15 +181,15 @@ var useContextPanelSharedState = sharedPluginStateHookMigratorFactory(function (
178
181
  }, function (pluginInjectionApi) {
179
182
  return useSharedPluginStateSelector(pluginInjectionApi, 'contextPanel.contents');
180
183
  });
184
+ export var SwappableContentArea = injectIntl(SwappableContentAreaInner);
181
185
  export function ContextPanel(props) {
182
186
  var contextPanelContents = useContextPanelSharedState(props.editorAPI);
183
187
  var firstContent = contextPanelContents && contextPanelContents.find(Boolean);
184
- return (
185
- // Ignored via go/ees005
186
- // eslint-disable-next-line react/jsx-props-no-spreading
187
- jsx(SwappableContentArea, _extends({}, props, {
188
- editorAPI: props.editorAPI,
189
- pluginContent: firstContent
190
- }))
191
- );
188
+ return jsx(SwappableContentArea
189
+ // Ignored via go/ees005
190
+ // eslint-disable-next-line react/jsx-props-no-spreading
191
+ , _extends({}, props, {
192
+ editorAPI: props.editorAPI,
193
+ pluginContent: firstContent
194
+ }));
192
195
  }
@@ -24,24 +24,26 @@ export var findReplaceStylesNew = css({
24
24
  '.search-match-text': {
25
25
  borderRadius: "var(--ds-space-050, 4px)",
26
26
  padding: "var(--ds-space-050, 4px)".concat(" 0"),
27
- border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
27
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t"),
28
28
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
29
29
  color: "var(--ds-text, #172B4D)"
30
30
  },
31
31
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
32
32
  '.search-match-text.selected-search-match': {
33
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", "\n\t\t"),
33
34
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
34
35
  },
35
36
  /** Dark mode */
36
37
 
37
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
38
39
  '.search-match-text.search-match-dark': {
39
- border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
40
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t"),
40
41
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
41
42
  color: "var(--ds-text-inverse, #FFFFFF)"
42
43
  },
43
44
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
44
45
  '.search-match-text.selected-search-match.search-match-dark': {
46
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t"),
45
47
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
46
48
  },
47
49
  /** Block match styles */
@@ -56,9 +58,8 @@ export var findReplaceStylesNew = css({
56
58
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t\t")
57
59
  },
58
60
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
59
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
60
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
61
- borderRadius: '3px'
61
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
62
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)")
62
63
  }
63
64
  },
64
65
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -68,9 +69,8 @@ export var findReplaceStylesNew = css({
68
69
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", "\n\t\t\t")
69
70
  },
70
71
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
71
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
72
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
73
- borderRadius: '3px'
72
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
73
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)")
74
74
  }
75
75
  },
76
76
  /** With node selection */
@@ -81,7 +81,7 @@ export var findReplaceStylesNew = css({
81
81
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
82
82
  },
83
83
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
84
- '.loader-wrapper>a, .lozenge-wrapper': {
84
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
85
85
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
86
86
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", " !important")
87
87
  }
@@ -93,7 +93,7 @@ export var findReplaceStylesNew = css({
93
93
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
94
94
  },
95
95
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
96
- '.loader-wrapper>a, .lozenge-wrapper': {
96
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
97
97
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
98
98
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", " !important")
99
99
  }
@@ -107,9 +107,8 @@ export var findReplaceStylesNew = css({
107
107
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t\t")
108
108
  },
109
109
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
110
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
111
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)"),
112
- borderRadius: '3px'
110
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
111
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)")
113
112
  }
114
113
  },
115
114
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -119,9 +118,8 @@ export var findReplaceStylesNew = css({
119
118
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t\t")
120
119
  },
121
120
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
122
- '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container': {
123
- boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)"),
124
- borderRadius: '3px'
121
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
122
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)")
125
123
  }
126
124
  },
127
125
  /** With node selection */
@@ -132,7 +130,7 @@ export var findReplaceStylesNew = css({
132
130
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
133
131
  },
134
132
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
135
- '.loader-wrapper>a, .lozenge-wrapper': {
133
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
136
134
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
137
135
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)", " !important")
138
136
  }
@@ -144,7 +142,7 @@ export var findReplaceStylesNew = css({
144
142
  boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
145
143
  },
146
144
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
147
- '.loader-wrapper>a, .lozenge-wrapper': {
145
+ '.loader-wrapper>a, .lozenge-wrapper, .editor-mention-primitive, .date-lozenger-container>span': {
148
146
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
149
147
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-yellow-bolder, #946F00)", " !important")
150
148
  }
@@ -157,7 +155,7 @@ export var findReplaceStylesNew = css({
157
155
  '.search-match-expand-title > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
158
156
  borderRadius: "var(--ds-space-050, 4px)",
159
157
  padding: "var(--ds-space-050, 4px)".concat(" 0"),
160
- border: "1px solid ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"),
158
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtler, #F8E6A0)", "\n\t\t"),
161
159
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
162
160
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
163
161
  '.ak-editor-expand__title-input': {
@@ -166,13 +164,14 @@ export var findReplaceStylesNew = css({
166
164
  },
167
165
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
168
166
  '.search-match-expand-title.selected-search-match > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
167
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-subtler-pressed, #E2B203)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", "\n\t\t"),
169
168
  backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
170
169
  },
171
170
  /** Dark mode */
172
171
 
173
172
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
174
173
  '.search-match-expand-title.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
175
- border: "1px solid ".concat("var(--ds-background-accent-yellow-bolder, #946F00)"),
174
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)", "\n\t\t"),
176
175
  backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
177
176
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
178
177
  '.ak-editor-expand__title-input': {
@@ -181,6 +180,7 @@ export var findReplaceStylesNew = css({
181
180
  },
182
181
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
183
182
  '.search-match-expand-title.selected-search-match.search-match-dark > .ak-editor-expand__title-container > .ak-editor-expand__input-container': {
183
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-yellow-bolder, #946F00)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "\n\t\t"),
184
184
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
185
185
  }
186
186
  });
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "208.4.1";
2
+ export var version = "208.5.1";
@@ -4,6 +4,7 @@
4
4
  */
5
5
  import React from 'react';
6
6
  import { jsx } from '@emotion/react';
7
+ import { type IntlShape } from 'react-intl-next';
7
8
  import type { OptionalPlugin, PublicPluginAPI } from '@atlaskit/editor-common/types';
8
9
  import { type ContextPanelPlugin } from '@atlaskit/editor-plugins/context-panel';
9
10
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -19,23 +20,10 @@ export declare const content: import("@emotion/react").SerializedStyles;
19
20
  type SwappableContentAreaProps = {
20
21
  pluginContent?: React.ReactNode;
21
22
  editorView?: EditorView;
23
+ intl: IntlShape;
22
24
  } & Props;
23
- type State = {
24
- mounted: boolean;
25
- currentPluginContent?: React.ReactNode;
25
+ export declare const SwappableContentArea: React.FC<import("react-intl-next").WithIntlProps<SwappableContentAreaProps>> & {
26
+ WrappedComponent: React.ComponentType<SwappableContentAreaProps>;
26
27
  };
27
- export declare class SwappableContentArea extends React.PureComponent<SwappableContentAreaProps, State> {
28
- state: {
29
- mounted: boolean;
30
- currentPluginContent: undefined;
31
- };
32
- static getDerivedStateFromProps(props: SwappableContentAreaProps, state: State): State | null;
33
- private unsetPluginContent;
34
- focusEditor: () => void;
35
- componentDidMount(): void;
36
- showPluginContent: () => jsx.JSX.Element | undefined;
37
- showProvidedContent: (isVisible: boolean) => jsx.JSX.Element | undefined;
38
- render(): jsx.JSX.Element;
39
- }
40
28
  export declare function ContextPanel(props: Props): jsx.JSX.Element;
41
29
  export {};
@@ -4,6 +4,7 @@
4
4
  */
5
5
  import React from 'react';
6
6
  import { jsx } from '@emotion/react';
7
+ import { type IntlShape } from 'react-intl-next';
7
8
  import type { OptionalPlugin, PublicPluginAPI } from '@atlaskit/editor-common/types';
8
9
  import { type ContextPanelPlugin } from '@atlaskit/editor-plugins/context-panel';
9
10
  import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -21,23 +22,10 @@ export declare const content: import("@emotion/react").SerializedStyles;
21
22
  type SwappableContentAreaProps = {
22
23
  pluginContent?: React.ReactNode;
23
24
  editorView?: EditorView;
25
+ intl: IntlShape;
24
26
  } & Props;
25
- type State = {
26
- mounted: boolean;
27
- currentPluginContent?: React.ReactNode;
27
+ export declare const SwappableContentArea: React.FC<import("react-intl-next").WithIntlProps<SwappableContentAreaProps>> & {
28
+ WrappedComponent: React.ComponentType<SwappableContentAreaProps>;
28
29
  };
29
- export declare class SwappableContentArea extends React.PureComponent<SwappableContentAreaProps, State> {
30
- state: {
31
- mounted: boolean;
32
- currentPluginContent: undefined;
33
- };
34
- static getDerivedStateFromProps(props: SwappableContentAreaProps, state: State): State | null;
35
- private unsetPluginContent;
36
- focusEditor: () => void;
37
- componentDidMount(): void;
38
- showPluginContent: () => jsx.JSX.Element | undefined;
39
- showProvidedContent: (isVisible: boolean) => jsx.JSX.Element | undefined;
40
- render(): jsx.JSX.Element;
41
- }
42
30
  export declare function ContextPanel(props: Props): jsx.JSX.Element;
43
31
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "208.5.0",
3
+ "version": "208.6.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -45,8 +45,8 @@
45
45
  "@atlaskit/analytics-next": "^11.1.0",
46
46
  "@atlaskit/analytics-next-stable-react-context": "1.0.1",
47
47
  "@atlaskit/button": "^23.2.0",
48
- "@atlaskit/css": "^0.11.0",
49
- "@atlaskit/editor-common": "^107.2.0",
48
+ "@atlaskit/css": "^0.12.0",
49
+ "@atlaskit/editor-common": "^107.3.0",
50
50
  "@atlaskit/editor-json-transformer": "^8.24.0",
51
51
  "@atlaskit/editor-performance-metrics": "^2.1.0",
52
52
  "@atlaskit/editor-plugin-quick-insert": "^2.6.0",
@@ -63,7 +63,7 @@
63
63
  "@atlaskit/platform-feature-flags-react": "^0.2.0",
64
64
  "@atlaskit/react-ufo": "^3.14.0",
65
65
  "@atlaskit/task-decision": "^19.2.0",
66
- "@atlaskit/tmp-editor-statsig": "^8.3.0",
66
+ "@atlaskit/tmp-editor-statsig": "^8.4.0",
67
67
  "@atlaskit/tokens": "^5.4.0",
68
68
  "@atlaskit/tooltip": "^20.3.0",
69
69
  "@atlaskit/width-detector": "^5.0.0",
@@ -102,8 +102,8 @@
102
102
  "@atlaskit/media-integration-test-helpers": "workspace:^",
103
103
  "@atlaskit/media-test-helpers": "^37.0.0",
104
104
  "@atlaskit/modal-dialog": "^14.2.0",
105
- "@atlaskit/primitives": "^14.9.0",
106
- "@atlaskit/renderer": "^119.0.0",
105
+ "@atlaskit/primitives": "^14.10.0",
106
+ "@atlaskit/renderer": "^119.1.0",
107
107
  "@atlaskit/section-message": "^8.2.0",
108
108
  "@atlaskit/smart-card": "^38.16.0",
109
109
  "@atlaskit/synchrony-test-helpers": "workspace:^",