@atlaskit/editor-plugin-find-replace 2.10.3 → 2.10.5

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 (10) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/cjs/pm-plugins/utils/index.js +1 -2
  3. package/dist/cjs/ui/styles.js +106 -8
  4. package/dist/es2019/pm-plugins/utils/index.js +2 -3
  5. package/dist/es2019/ui/styles.js +214 -6
  6. package/dist/esm/pm-plugins/utils/index.js +2 -3
  7. package/dist/esm/ui/styles.js +105 -7
  8. package/dist/types/ui/styles.d.ts +2 -1
  9. package/dist/types-ts4.5/ui/styles.d.ts +2 -1
  10. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/editor-plugin-find-replace
2
2
 
3
+ ## 2.10.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [#179882](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/179882)
8
+ [`fe56fd0f3672a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fe56fd0f3672a) -
9
+ [ux] ED-28404 change find and replace match colours from yellow to magenta
10
+
11
+ ## 2.10.4
12
+
13
+ ### Patch Changes
14
+
15
+ - [#178241](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178241)
16
+ [`fcdd6e779f749`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fcdd6e779f749) -
17
+ [ux] [ED-28381] use node selection for matches in the expand title to prevent bugs with findNext
18
+ and findPrevious and fix scrolling to matches in the platform_editor_find_and_replace_improvements
19
+ experience
20
+ - Updated dependencies
21
+
3
22
  ## 2.10.3
4
23
 
5
24
  ### Patch Changes
package/dist/cjs/pm-plugins/utils/index.js CHANGED
@@ -277,8 +277,7 @@ var getSelectionForMatch = exports.getSelectionForMatch = function getSelectionF
277
277
  var offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
278
278
  if (matches[index]) {
279
279
  if (isExpandTitle(matches[index])) {
280
- // create a text selection at the first position inside the expand body
281
- return _state.TextSelection.create(doc, matches[index].start + offset - 2);
280
+ return _state.NodeSelection.create(doc, matches[index].start);
282
281
  }
283
282
  return _state.TextSelection.create(doc, matches[index].start + offset);
284
283
  }
package/dist/cjs/ui/styles.js CHANGED
@@ -4,12 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.selectedSearchMatchClass = exports.selectedBlockSearchMatchClass = exports.searchMatchTextClass = exports.searchMatchExpandTitleClass = exports.searchMatchClass = exports.findReplaceStylesNew = exports.findReplaceStyles = exports.darkModeSearchMatchClass = exports.blockSearchMatchClass = void 0;
7
+ exports.selectedSearchMatchClass = exports.selectedBlockSearchMatchClass = exports.searchMatchTextClass = exports.searchMatchExpandTitleClass = exports.searchMatchClass = exports.findReplaceStylesNewYellow = exports.findReplaceStylesNewMagenta = exports.findReplaceStyles = exports.darkModeSearchMatchClass = exports.blockSearchMatchClass = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _react = require("@emotion/react");
10
10
  var _colors = require("@atlaskit/theme/colors");
11
11
  var _styles = require("@atlaskit/editor-common/styles");
12
- var _css2;
12
+ var _css2, _css3;
13
13
  /* eslint-disable @atlaskit/editor/no-re-export */
14
14
  // Entry file in package.json
15
15
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
@@ -33,21 +33,25 @@ var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)((0, _defineP
33
33
  }), ".".concat(selectedSearchMatchClass), {
34
34
  backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
35
35
  }));
36
- var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css2, ".".concat(searchMatchTextClass), {
36
+ var findReplaceStylesNewYellow = exports.findReplaceStylesNewYellow = (0, _react.css)((_css2 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css2, ".".concat(searchMatchTextClass), {
37
37
  borderRadius: "var(--ds-space-050, 4px)",
38
38
  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"),
39
- backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
39
+ // TODO: ED-28376 - clean up !important later
40
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)".concat(" !important"),
40
41
  color: "var(--ds-text, #172B4D)"
41
42
  }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass), {
42
43
  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"),
43
- backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
44
+ // TODO: ED-28376 - clean up !important later
45
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)".concat(" !important")
44
46
  }), ".".concat(searchMatchTextClass, ".").concat(darkModeSearchMatchClass), {
45
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"),
46
- backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
48
+ // TODO: ED-28376 - clean up !important later
49
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)".concat(" !important"),
47
50
  color: "var(--ds-text-inverse, #FFFFFF)"
48
51
  }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass), {
49
52
  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"),
50
- backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
53
+ // TODO: ED-28376 - clean up !important later
54
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)".concat(" !important")
51
55
  }), ".".concat(blockSearchMatchClass), (0, _defineProperty2.default)({
52
56
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
53
57
  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
@@ -108,7 +112,6 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2
108
112
  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")
109
113
  })), ".".concat(searchMatchExpandTitleClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
110
114
  borderRadius: "var(--ds-space-050, 4px)",
111
- padding: "var(--ds-space-050, 4px)".concat(" 0"),
112
115
  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"),
113
116
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)"
114
117
  }, ".".concat(_styles.expandClassNames.titleInput), {
@@ -124,4 +127,99 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2
124
127
  })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), {
125
128
  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"),
126
129
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
130
+ })));
131
+ var findReplaceStylesNewMagenta = exports.findReplaceStylesNewMagenta = (0, _react.css)((_css3 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css3, ".".concat(searchMatchTextClass), {
132
+ borderRadius: "var(--ds-space-050, 4px)",
133
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
134
+ // TODO: ED-28376 - clean up !important later
135
+ backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)".concat(" !important"),
136
+ color: "var(--ds-text, #172B4D)"
137
+ }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass), {
138
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
139
+ // TODO: ED-28376 - clean up !important later
140
+ backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)".concat(" !important")
141
+ }), ".".concat(searchMatchTextClass, ".").concat(darkModeSearchMatchClass), {
142
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
143
+ // TODO: ED-28376 - clean up !important later
144
+ backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)".concat(" !important"),
145
+ color: "var(--ds-text-inverse, #FFFFFF)"
146
+ }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass), {
147
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
148
+ // TODO: ED-28376 - clean up !important later
149
+ backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)".concat(" !important")
150
+ }), ".".concat(blockSearchMatchClass), (0, _defineProperty2.default)({
151
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
152
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
153
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t\t")
154
+ }
155
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
156
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
157
+ })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), (0, _defineProperty2.default)({
158
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
159
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
160
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t\t")
161
+ }
162
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
163
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
164
+ })), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
165
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
166
+ '.loader-wrapper>div::after': {
167
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
168
+ }
169
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
170
+ // TODO: ED-28376 - will clean up !important later
171
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", " !important")
172
+ })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
173
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
174
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
175
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
176
+ }
177
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
178
+ // TODO: ED-28376 - will clean up !important later
179
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", " !important")
180
+ })), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
181
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
182
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
183
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t\t")
184
+ }
185
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
186
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
187
+ })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
188
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
189
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
190
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t\t")
191
+ }
192
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
193
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
194
+ })), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css3, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
195
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
196
+ '.loader-wrapper>div::after': {
197
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
198
+ }
199
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
200
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", " !important")
201
+ })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
202
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
203
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
204
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
205
+ }
206
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
207
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", " !important")
208
+ })), ".".concat(searchMatchExpandTitleClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
209
+ borderRadius: "var(--ds-space-050, 4px)",
210
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
211
+ backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)"
212
+ }, ".".concat(_styles.expandClassNames.titleInput), {
213
+ color: "var(--ds-text, #172B4D)"
214
+ })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), {
215
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
216
+ backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"
217
+ }), ".".concat(searchMatchExpandTitleClass, ".").concat(darkModeSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
218
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
219
+ backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)"
220
+ }, ".".concat(_styles.expandClassNames.titleInput), {
221
+ color: "var(--ds-text-inverse, #FFFFFF)"
222
+ })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), {
223
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
224
+ backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
127
225
  })));
package/dist/es2019/pm-plugins/utils/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import classnames from 'classnames';
2
2
  import { timestampToString } from '@atlaskit/editor-common/utils';
3
- import { TextSelection } from '@atlaskit/editor-prosemirror/state';
3
+ import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
4
4
  import { Decoration } from '@atlaskit/editor-prosemirror/view';
5
5
  import { isResolvingMentionProvider } from '@atlaskit/mention/resource';
6
6
  import { isPromise, MentionNameStatus } from '@atlaskit/mention/types';
@@ -266,8 +266,7 @@ export const prevIndex = (currentIndex, total) => (currentIndex - 1 + total) % t
266
266
  export const getSelectionForMatch = (selection, doc, index, matches, offset = 0) => {
267
267
  if (matches[index]) {
268
268
  if (isExpandTitle(matches[index])) {
269
- // create a text selection at the first position inside the expand body
270
- return TextSelection.create(doc, matches[index].start + offset - 2);
269
+ return NodeSelection.create(doc, matches[index].start);
271
270
  }
272
271
  return TextSelection.create(doc, matches[index].start + offset);
273
272
  }
package/dist/es2019/ui/styles.js CHANGED
@@ -29,7 +29,7 @@ export const findReplaceStyles = css({
29
29
  backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
30
30
  }
31
31
  });
32
- export const findReplaceStylesNew = css({
32
+ export const findReplaceStylesNewYellow = css({
33
33
  /** Text match styles */
34
34
 
35
35
  /** Light mode */
@@ -41,7 +41,8 @@ export const findReplaceStylesNew = css({
41
41
  inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
42
42
  inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
43
43
  `,
44
- backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
44
+ // TODO: ED-28376 - clean up !important later
45
+ backgroundColor: `${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"} !important`,
45
46
  color: "var(--ds-text, #172B4D)"
46
47
  },
47
48
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -50,7 +51,8 @@ export const findReplaceStylesNew = css({
50
51
  inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
51
52
  inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}
52
53
  `,
53
- backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
54
+ // TODO: ED-28376 - clean up !important later
55
+ backgroundColor: `${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"} !important`
54
56
  },
55
57
  /** Dark mode */
56
58
 
@@ -60,7 +62,8 @@ export const findReplaceStylesNew = css({
60
62
  inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
61
63
  inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}
62
64
  `,
63
- backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
65
+ // TODO: ED-28376 - clean up !important later
66
+ backgroundColor: `${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"} !important`,
64
67
  color: "var(--ds-text-inverse, #FFFFFF)"
65
68
  },
66
69
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -69,7 +72,8 @@ export const findReplaceStylesNew = css({
69
72
  inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
70
73
  inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}
71
74
  `,
72
- backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
75
+ // TODO: ED-28376 - clean up !important later
76
+ backgroundColor: `${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"} !important`
73
77
  },
74
78
  /** Block match styles */
75
79
 
@@ -189,7 +193,6 @@ export const findReplaceStylesNew = css({
189
193
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
190
194
  [`.${searchMatchExpandTitleClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
191
195
  borderRadius: "var(--ds-space-050, 4px)",
192
- padding: `${"var(--ds-space-050, 4px)"} 0`,
193
196
  boxShadow: `
194
197
  inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
195
198
  inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
@@ -230,4 +233,209 @@ export const findReplaceStylesNew = css({
230
233
  `,
231
234
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
232
235
  }
236
+ });
237
+ export const findReplaceStylesNewMagenta = css({
238
+ /** Text match styles */
239
+
240
+ /** Light mode */
241
+
242
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
243
+ [`.${searchMatchTextClass}`]: {
244
+ borderRadius: "var(--ds-space-050, 4px)",
245
+ boxShadow: `
246
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
247
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}
248
+ `,
249
+ // TODO: ED-28376 - clean up !important later
250
+ backgroundColor: `${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"} !important`,
251
+ color: "var(--ds-text, #172B4D)"
252
+ },
253
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
254
+ [`.${searchMatchTextClass}.${selectedSearchMatchClass}`]: {
255
+ boxShadow: `
256
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
257
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}
258
+ `,
259
+ // TODO: ED-28376 - clean up !important later
260
+ backgroundColor: `${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"} !important`
261
+ },
262
+ /** Dark mode */
263
+
264
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
265
+ [`.${searchMatchTextClass}.${darkModeSearchMatchClass}`]: {
266
+ boxShadow: `
267
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
268
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}
269
+ `,
270
+ // TODO: ED-28376 - clean up !important later
271
+ backgroundColor: `${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"} !important`,
272
+ color: "var(--ds-text-inverse, #FFFFFF)"
273
+ },
274
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
275
+ [`.${searchMatchTextClass}.${selectedSearchMatchClass}.${darkModeSearchMatchClass}`]: {
276
+ boxShadow: `
277
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
278
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}
279
+ `,
280
+ // TODO: ED-28376 - clean up !important later
281
+ backgroundColor: `${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"} !important`
282
+ },
283
+ /** Block match styles */
284
+
285
+ /** Light mode */
286
+
287
+ /** Without node selection */
288
+ [`.${blockSearchMatchClass}`]: {
289
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
290
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
291
+ boxShadow: `
292
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
293
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}
294
+ `
295
+ },
296
+ [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
297
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"}`
298
+ }
299
+ },
300
+ [`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}`]: {
301
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
302
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
303
+ boxShadow: `
304
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
305
+ inset 0 0 0 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}
306
+ `
307
+ },
308
+ [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
309
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"}`
310
+ }
311
+ },
312
+ /** With node selection */
313
+ [`.${blockSearchMatchClass}.ak-editor-selected-node`]: {
314
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
315
+ '.loader-wrapper>div::after': {
316
+ boxShadow: `
317
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
318
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"},
319
+ 0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
320
+ `
321
+ },
322
+ [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
323
+ // TODO: ED-28376 - will clean up !important later
324
+ boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"} !important`
325
+ }
326
+ },
327
+ [`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}.ak-editor-selected-node`]: {
328
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
329
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
330
+ boxShadow: `
331
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
332
+ inset 0 0 0 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"},
333
+ 0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
334
+ `
335
+ },
336
+ [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
337
+ // TODO: ED-28376 - will clean up !important later
338
+ boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"} !important`
339
+ }
340
+ },
341
+ /** Dark mode */
342
+ /** Without node selection */
343
+ [`.${blockSearchMatchClass}.${darkModeSearchMatchClass}`]: {
344
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
345
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
346
+ boxShadow: `
347
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
348
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}
349
+ `
350
+ },
351
+ [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
352
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}`
353
+ }
354
+ },
355
+ [`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}.${darkModeSearchMatchClass}`]: {
356
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
357
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
358
+ boxShadow: `
359
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
360
+ inset 0 0 0 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}
361
+ `
362
+ },
363
+ [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
364
+ boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"}`
365
+ }
366
+ },
367
+ /** With node selection */
368
+ [`.${blockSearchMatchClass}.${darkModeSearchMatchClass}.ak-editor-selected-node`]: {
369
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
370
+ '.loader-wrapper>div::after': {
371
+ boxShadow: `
372
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
373
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"},
374
+ 0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
375
+ `
376
+ },
377
+ [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
378
+ boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"} !important`
379
+ }
380
+ },
381
+ [`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}.${darkModeSearchMatchClass}.ak-editor-selected-node`]: {
382
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
383
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
384
+ boxShadow: `
385
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
386
+ inset 0 0 0 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"},
387
+ 0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
388
+ `
389
+ },
390
+ [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
391
+ boxShadow: `0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}, 0px 0px 0px 4px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"} !important`
392
+ }
393
+ },
394
+ /** Expand title match styles */
395
+
396
+ /** Light mode */
397
+
398
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
399
+ [`.${searchMatchExpandTitleClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
400
+ borderRadius: "var(--ds-space-050, 4px)",
401
+ boxShadow: `
402
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
403
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"}
404
+ `,
405
+ backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)",
406
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
407
+ [`.${expandClassNames.titleInput}`]: {
408
+ color: "var(--ds-text, #172B4D)"
409
+ }
410
+ },
411
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
412
+ [`.${searchMatchExpandTitleClass}.${selectedSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
413
+ boxShadow: `
414
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"},
415
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"}
416
+ `,
417
+ backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"
418
+ },
419
+ /** Dark mode */
420
+
421
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
422
+ [`.${searchMatchExpandTitleClass}.${darkModeSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
423
+ boxShadow: `
424
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
425
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-pressed, #50253F)"}
426
+ `,
427
+ backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)",
428
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
429
+ [`.${expandClassNames.titleInput}`]: {
430
+ color: "var(--ds-text-inverse, #FFFFFF)"
431
+ }
432
+ },
433
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
434
+ [`.${searchMatchExpandTitleClass}.${selectedSearchMatchClass}.${darkModeSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
435
+ boxShadow: `
436
+ inset 0 0 0 1px ${"var(--ds-background-accent-magenta-bolder, #AE4787)"},
437
+ inset 0 0 0 5px ${"var(--ds-background-accent-magenta-bolder-hovered, #943D73)"}
438
+ `,
439
+ backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
440
+ }
233
441
  });
package/dist/esm/pm-plugins/utils/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import classnames from 'classnames';
3
3
  import { timestampToString } from '@atlaskit/editor-common/utils';
4
- import { TextSelection } from '@atlaskit/editor-prosemirror/state';
4
+ import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
5
5
  import { Decoration } from '@atlaskit/editor-prosemirror/view';
6
6
  import { isResolvingMentionProvider } from '@atlaskit/mention/resource';
7
7
  import { isPromise, MentionNameStatus } from '@atlaskit/mention/types';
@@ -266,8 +266,7 @@ export var getSelectionForMatch = function getSelectionForMatch(selection, doc,
266
266
  var offset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
267
267
  if (matches[index]) {
268
268
  if (isExpandTitle(matches[index])) {
269
- // create a text selection at the first position inside the expand body
270
- return TextSelection.create(doc, matches[index].start + offset - 2);
269
+ return NodeSelection.create(doc, matches[index].start);
271
270
  }
272
271
  return TextSelection.create(doc, matches[index].start + offset);
273
272
  }
package/dist/esm/ui/styles.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- var _css2;
2
+ var _css2, _css3;
3
3
  /* eslint-disable @atlaskit/editor/no-re-export */
4
4
  // Entry file in package.json
5
5
 
@@ -28,21 +28,25 @@ export var findReplaceStyles = css(_defineProperty(_defineProperty({}, ".".conca
28
28
  }), ".".concat(selectedSearchMatchClass), {
29
29
  backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
30
30
  }));
31
- export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, ".".concat(searchMatchTextClass), {
31
+ export var findReplaceStylesNewYellow = css((_css2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, ".".concat(searchMatchTextClass), {
32
32
  borderRadius: "var(--ds-space-050, 4px)",
33
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-subtler, #F8E6A0)", "\n\t\t"),
34
- backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
34
+ // TODO: ED-28376 - clean up !important later
35
+ backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)".concat(" !important"),
35
36
  color: "var(--ds-text, #172B4D)"
36
37
  }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass), {
37
38
  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"),
38
- backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
39
+ // TODO: ED-28376 - clean up !important later
40
+ backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)".concat(" !important")
39
41
  }), ".".concat(searchMatchTextClass, ".").concat(darkModeSearchMatchClass), {
40
42
  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"),
41
- backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
43
+ // TODO: ED-28376 - clean up !important later
44
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)".concat(" !important"),
42
45
  color: "var(--ds-text-inverse, #FFFFFF)"
43
46
  }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass), {
44
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-hovered, #7F5F01)", "\n\t\t"),
45
- backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
48
+ // TODO: ED-28376 - clean up !important later
49
+ backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)".concat(" !important")
46
50
  }), ".".concat(blockSearchMatchClass), _defineProperty({
47
51
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
48
52
  '[data-smart-link-container="true"], .loader-wrapper>div::after': {
@@ -103,7 +107,6 @@ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProper
103
107
  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")
104
108
  })), ".".concat(searchMatchExpandTitleClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
105
109
  borderRadius: "var(--ds-space-050, 4px)",
106
- padding: "var(--ds-space-050, 4px)".concat(" 0"),
107
110
  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"),
108
111
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)"
109
112
  }, ".".concat(expandClassNames.titleInput), {
@@ -119,4 +122,99 @@ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProper
119
122
  })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), {
120
123
  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"),
121
124
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
125
+ })));
126
+ export var findReplaceStylesNewMagenta = css((_css3 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".".concat(searchMatchTextClass), {
127
+ borderRadius: "var(--ds-space-050, 4px)",
128
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
129
+ // TODO: ED-28376 - clean up !important later
130
+ backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)".concat(" !important"),
131
+ color: "var(--ds-text, #172B4D)"
132
+ }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass), {
133
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
134
+ // TODO: ED-28376 - clean up !important later
135
+ backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)".concat(" !important")
136
+ }), ".".concat(searchMatchTextClass, ".").concat(darkModeSearchMatchClass), {
137
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
138
+ // TODO: ED-28376 - clean up !important later
139
+ backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)".concat(" !important"),
140
+ color: "var(--ds-text-inverse, #FFFFFF)"
141
+ }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass), {
142
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
143
+ // TODO: ED-28376 - clean up !important later
144
+ backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)".concat(" !important")
145
+ }), ".".concat(blockSearchMatchClass), _defineProperty({
146
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
147
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
148
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t\t")
149
+ }
150
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
151
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
152
+ })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), _defineProperty({
153
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
154
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
155
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t\t")
156
+ }
157
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
158
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)")
159
+ })), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
160
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
161
+ '.loader-wrapper>div::after': {
162
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
163
+ }
164
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
165
+ // TODO: ED-28376 - will clean up !important later
166
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", " !important")
167
+ })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
168
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
169
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
170
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
171
+ }
172
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
173
+ // TODO: ED-28376 - will clean up !important later
174
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", " !important")
175
+ })), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
176
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
177
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
178
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t\t")
179
+ }
180
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
181
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
182
+ })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
183
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
184
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
185
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t\t")
186
+ }
187
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
188
+ boxShadow: "0px 0px 0px 4px ".concat("var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)")
189
+ })), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
190
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
191
+ '.loader-wrapper>div::after': {
192
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
193
+ }
194
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
195
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", " !important")
196
+ })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
197
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
198
+ '[data-smart-link-container="true"], .loader-wrapper>div::after': {
199
+ boxShadow: "\n\t\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\t\tinset 0 0 0 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ",\n\t\t\t0 0 0 1px ", "var(--ds-border-selected, #0C66E4)", "\n\t\t\t")
200
+ }
201
+ }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
202
+ boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)", ", 0px 0px 0px 4px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", ", 0px 0px 0px 5px ", "var(--ds-background-accent-magenta-bolder, #AE4787)", " !important")
203
+ })), ".".concat(searchMatchExpandTitleClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
204
+ borderRadius: "var(--ds-space-050, 4px)",
205
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtler, #FDD0EC)", "\n\t\t"),
206
+ backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)"
207
+ }, ".".concat(expandClassNames.titleInput), {
208
+ color: "var(--ds-text, #172B4D)"
209
+ })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), {
210
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-subtler-pressed, #E774BB)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)", "\n\t\t"),
211
+ backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"
212
+ }), ".".concat(searchMatchExpandTitleClass, ".").concat(darkModeSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
213
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-pressed, #50253F)", "\n\t\t"),
214
+ backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)"
215
+ }, ".".concat(expandClassNames.titleInput), {
216
+ color: "var(--ds-text-inverse, #FFFFFF)"
217
+ })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), {
218
+ boxShadow: "\n\t\tinset 0 0 0 1px ".concat("var(--ds-background-accent-magenta-bolder, #AE4787)", ",\n\t\tinset 0 0 0 5px ", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "\n\t\t"),
219
+ backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
122
220
  })));
package/dist/types/ui/styles.d.ts CHANGED
@@ -6,4 +6,5 @@ export declare const selectedBlockSearchMatchClass = "search-match-block-selecte
6
6
  export declare const darkModeSearchMatchClass = "search-match-dark";
7
7
  export declare const searchMatchExpandTitleClass = "search-match-expand-title";
8
8
  export declare const findReplaceStyles: import("@emotion/react").SerializedStyles;
9
- export declare const findReplaceStylesNew: import("@emotion/react").SerializedStyles;
9
+ export declare const findReplaceStylesNewYellow: import("@emotion/react").SerializedStyles;
10
+ export declare const findReplaceStylesNewMagenta: import("@emotion/react").SerializedStyles;
package/dist/types-ts4.5/ui/styles.d.ts CHANGED
@@ -6,4 +6,5 @@ export declare const selectedBlockSearchMatchClass = "search-match-block-selecte
6
6
  export declare const darkModeSearchMatchClass = "search-match-dark";
7
7
  export declare const searchMatchExpandTitleClass = "search-match-expand-title";
8
8
  export declare const findReplaceStyles: import("@emotion/react").SerializedStyles;
9
- export declare const findReplaceStylesNew: import("@emotion/react").SerializedStyles;
9
+ export declare const findReplaceStylesNewYellow: import("@emotion/react").SerializedStyles;
10
+ export declare const findReplaceStylesNewMagenta: import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-find-replace",
3
- "version": "2.10.3",
3
+ "version": "2.10.5",
4
4
  "description": "find replace plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -35,7 +35,7 @@
35
35
  "@atlaskit/button": "^23.2.0",
36
36
  "@atlaskit/editor-common": "^107.3.0",
37
37
  "@atlaskit/editor-plugin-analytics": "^2.3.0",
38
- "@atlaskit/editor-plugin-card": "^6.6.0",
38
+ "@atlaskit/editor-plugin-card": "^6.7.0",
39
39
  "@atlaskit/editor-plugin-mentions": "^4.7.0",
40
40
  "@atlaskit/editor-plugin-primary-toolbar": "^3.2.0",
41
41
  "@atlaskit/editor-prosemirror": "7.0.0",
@@ -47,7 +47,7 @@
47
47
  "@atlaskit/primitives": "^14.10.0",
48
48
  "@atlaskit/textfield": "^8.0.0",
49
49
  "@atlaskit/theme": "^18.0.0",
50
- "@atlaskit/tmp-editor-statsig": "^8.4.0",
50
+ "@atlaskit/tmp-editor-statsig": "^8.5.0",
51
51
  "@atlaskit/tokens": "^5.4.0",
52
52
  "@atlaskit/tooltip": "^20.3.0",
53
53
  "@babel/runtime": "^7.0.0",