@atlaskit/editor-plugin-find-replace 3.1.3 → 3.1.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 (19) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/pm-plugins/utils/index.js +7 -4
  3. package/dist/cjs/ui/FindReplaceDropdown.js +2 -0
  4. package/dist/cjs/ui/Replace.js +1 -0
  5. package/dist/cjs/ui/ReplaceNext.js +2 -0
  6. package/dist/cjs/ui/styles.js +6 -101
  7. package/dist/es2019/pm-plugins/utils/index.js +6 -3
  8. package/dist/es2019/ui/FindReplaceDropdown.js +1 -0
  9. package/dist/es2019/ui/Replace.js +1 -0
  10. package/dist/es2019/ui/ReplaceNext.js +1 -0
  11. package/dist/es2019/ui/styles.js +2 -207
  12. package/dist/esm/pm-plugins/utils/index.js +7 -4
  13. package/dist/esm/ui/FindReplaceDropdown.js +1 -0
  14. package/dist/esm/ui/Replace.js +1 -0
  15. package/dist/esm/ui/ReplaceNext.js +1 -0
  16. package/dist/esm/ui/styles.js +5 -100
  17. package/dist/types/ui/styles.d.ts +2 -3
  18. package/dist/types-ts4.5/ui/styles.d.ts +2 -3
  19. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/editor-plugin-find-replace
2
2
 
3
+ ## 3.1.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [#186324](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/186324)
8
+ [`71cfee4b93d26`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/71cfee4b93d26) -
9
+ ED-28529 fix scroll to closest match if there are no forward matches for find and replace
10
+ - Updated dependencies
11
+
12
+ ## 3.1.4
13
+
14
+ ### Patch Changes
15
+
16
+ - [#185513](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/185513)
17
+ [`ee3b4336e4aa9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee3b4336e4aa9) -
18
+ ED-28408 clean up fg platform_editor_find_and_replace_magenta_match
19
+
3
20
  ## 3.1.3
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/pm-plugins/utils/index.js CHANGED
@@ -250,15 +250,18 @@ function findMatches(_ref2) {
250
250
  return matches;
251
251
  }
252
252
  function findClosestMatch(selectionPos, matches) {
253
- var forwardMatchIndex = Math.max(matches.findIndex(function (match) {
253
+ var forwardMatchIndex = matches.findIndex(function (match) {
254
254
  return match.start >= selectionPos;
255
- }), 0);
256
- if (forwardMatchIndex === 0) {
255
+ });
256
+ if (forwardMatchIndex === -1) {
257
+ // if there are no forward matches, it must be the last match
258
+ return matches.length > 0 ? matches.length - 1 : 0;
259
+ } else if (forwardMatchIndex === 0) {
257
260
  return forwardMatchIndex;
258
261
  }
259
262
  var backwardMatchIndex = forwardMatchIndex - 1;
260
263
  var forwardMatchPos = matches[forwardMatchIndex].start;
261
- var backwardMatchPos = matches[backwardMatchIndex].end;
264
+ var backwardMatchPos = matches[backwardMatchIndex].start;
262
265
  if (forwardMatchPos - selectionPos < selectionPos - backwardMatchPos) {
263
266
  return forwardMatchIndex;
264
267
  } else {
package/dist/cjs/ui/FindReplaceDropdown.js CHANGED
@@ -13,6 +13,8 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
13
13
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
14
14
  var _primitives = require("@atlaskit/primitives");
15
15
  var _FindReplace = _interopRequireDefault(require("./FindReplace"));
16
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
17
+
16
18
  var findReplaceWrapperStyles = (0, _primitives.xcss)({
17
19
  display: 'flex',
18
20
  flexDirection: 'column'
package/dist/cjs/ui/Replace.js CHANGED
@@ -34,6 +34,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
34
34
  * @jsxRuntime classic
35
35
  * @jsx jsx
36
36
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
37
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
37
38
  var sectionWrapperStyles = (0, _react2.css)({
38
39
  display: 'flex',
39
40
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
package/dist/cjs/ui/ReplaceNext.js CHANGED
@@ -21,6 +21,8 @@ var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
21
21
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
22
22
  var _FindReplaceTooltipButton = require("./FindReplaceTooltipButton");
23
23
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
24
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
25
+
24
26
  var replaceContainerStyles = (0, _primitives.xcss)({
25
27
  padding: 'space.100'
26
28
  });
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.findReplaceStylesNewYellow = exports.findReplaceStylesNewMagentaNoImportant = exports.findReplaceStylesNewMagenta = exports.findReplaceStyles = exports.darkModeSearchMatchClass = exports.blockSearchMatchClass = void 0;
7
+ exports.selectedSearchMatchClass = exports.selectedBlockSearchMatchClass = exports.searchMatchTextClass = exports.searchMatchExpandTitleClass = exports.searchMatchClass = exports.findReplaceStylesNewNoImportant = exports.findReplaceStylesNew = 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, _css3, _css4;
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,102 +33,7 @@ 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 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
- borderRadius: "var(--ds-space-050, 4px)",
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
- // TODO: ED-28376 - clean up !important later
40
- backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)".concat(" !important"),
41
- color: "var(--ds-text, #172B4D)"
42
- }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass), {
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"),
44
- // TODO: ED-28376 - clean up !important later
45
- backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)".concat(" !important")
46
- }), ".".concat(searchMatchTextClass, ".").concat(darkModeSearchMatchClass), {
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"),
48
- // TODO: ED-28376 - clean up !important later
49
- backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)".concat(" !important"),
50
- color: "var(--ds-text-inverse, #FFFFFF)"
51
- }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass), {
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"),
53
- // TODO: ED-28376 - clean up !important later
54
- backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)".concat(" !important")
55
- }), ".".concat(blockSearchMatchClass), (0, _defineProperty2.default)({
56
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
57
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
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")
59
- }
60
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
61
- 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
- })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), (0, _defineProperty2.default)({
63
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
64
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
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 4px ", "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)", "\n\t\t\t")
66
- }
67
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
68
- 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)")
69
- })), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
70
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
71
- '.loader-wrapper>div::after': {
72
- 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")
73
- }
74
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
75
- // TODO: ED-28376 - will clean up !important later
76
- 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")
77
- })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
78
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
79
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
80
- 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")
81
- }
82
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
83
- // TODO: ED-28376 - will clean up !important later
84
- 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")
85
- })), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
86
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
87
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
88
- 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")
89
- }
90
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
91
- 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)")
92
- })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), (0, _defineProperty2.default)({
93
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
94
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
95
- 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")
96
- }
97
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
98
- 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)")
99
- })), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css2, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
100
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
101
- '.loader-wrapper>div::after': {
102
- 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")
103
- }
104
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
105
- 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")
106
- })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
107
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
108
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
109
- 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")
110
- }
111
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
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")
113
- })), ".".concat(searchMatchExpandTitleClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
114
- borderRadius: "var(--ds-space-050, 4px)",
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"),
116
- backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)"
117
- }, ".".concat(_styles.expandClassNames.titleInput), {
118
- color: "var(--ds-text, #172B4D)"
119
- })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), {
120
- 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"),
121
- backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
122
- }), ".".concat(searchMatchExpandTitleClass, ".").concat(darkModeSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
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-pressed, #533F04)", "\n\t\t"),
124
- backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)"
125
- }, ".".concat(_styles.expandClassNames.titleInput), {
126
- color: "var(--ds-text-inverse, #FFFFFF)"
127
- })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), {
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"),
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), {
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), {
132
37
  borderRadius: "var(--ds-space-050, 4px)",
133
38
  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
39
  // TODO: ED-28376 - clean up !important later
@@ -191,7 +96,7 @@ var findReplaceStylesNewMagenta = exports.findReplaceStylesNewMagenta = (0, _rea
191
96
  }
192
97
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
193
98
  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)({
99
+ })), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css2, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), (0, _defineProperty2.default)({
195
100
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
196
101
  '.loader-wrapper>div::after': {
197
102
  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")
@@ -223,7 +128,7 @@ var findReplaceStylesNewMagenta = exports.findReplaceStylesNewMagenta = (0, _rea
223
128
  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
129
  backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
225
130
  })));
226
- var findReplaceStylesNewMagentaNoImportant = exports.findReplaceStylesNewMagentaNoImportant = (0, _react.css)((_css4 = {}, (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)(_css4, ".".concat(searchMatchTextClass), {
131
+ var findReplaceStylesNewNoImportant = exports.findReplaceStylesNewNoImportant = (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), {
227
132
  borderRadius: "var(--ds-space-050, 4px)",
228
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"),
229
134
  // we need to use !important here as we need to override inline selection styles
@@ -282,7 +187,7 @@ var findReplaceStylesNewMagentaNoImportant = exports.findReplaceStylesNewMagenta
282
187
  }
283
188
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
284
189
  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)")
285
- })), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css4, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node, .").concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".mentionView-content-wrap.ak-editor-selected-node"), (0, _defineProperty2.default)({
190
+ })), (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, .").concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".mentionView-content-wrap.ak-editor-selected-node"), (0, _defineProperty2.default)({
286
191
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
287
192
  '.loader-wrapper>div::after': {
288
193
  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")
package/dist/es2019/pm-plugins/utils/index.js CHANGED
@@ -247,13 +247,16 @@ export function findMatches({
247
247
  return matches;
248
248
  }
249
249
  export function findClosestMatch(selectionPos, matches) {
250
- const forwardMatchIndex = Math.max(matches.findIndex(match => match.start >= selectionPos), 0);
251
- if (forwardMatchIndex === 0) {
250
+ const forwardMatchIndex = matches.findIndex(match => match.start >= selectionPos);
251
+ if (forwardMatchIndex === -1) {
252
+ // if there are no forward matches, it must be the last match
253
+ return matches.length > 0 ? matches.length - 1 : 0;
254
+ } else if (forwardMatchIndex === 0) {
252
255
  return forwardMatchIndex;
253
256
  }
254
257
  const backwardMatchIndex = forwardMatchIndex - 1;
255
258
  const forwardMatchPos = matches[forwardMatchIndex].start;
256
- const backwardMatchPos = matches[backwardMatchIndex].end;
259
+ const backwardMatchPos = matches[backwardMatchIndex].start;
257
260
  if (forwardMatchPos - selectionPos < selectionPos - backwardMatchPos) {
258
261
  return forwardMatchIndex;
259
262
  } else {
package/dist/es2019/ui/FindReplaceDropdown.js CHANGED
@@ -4,6 +4,7 @@ import { injectIntl } from 'react-intl-next';
4
4
  import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
5
5
  import { ArrowKeyNavigationType, Dropdown } from '@atlaskit/editor-common/ui-menu';
6
6
  import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
7
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
7
8
  import { Box, xcss } from '@atlaskit/primitives';
8
9
  import FindReplace from './FindReplace';
9
10
  const findReplaceWrapperStyles = xcss({
package/dist/es2019/ui/Replace.js CHANGED
@@ -17,6 +17,7 @@ import { Label, ValidMessage } from '@atlaskit/form';
17
17
  import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down';
18
18
  import ChevronUpIcon from '@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up';
19
19
  import { fg } from '@atlaskit/platform-feature-flags';
20
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
20
21
  import { Inline, xcss } from '@atlaskit/primitives';
21
22
  import Textfield from '@atlaskit/textfield';
22
23
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
package/dist/es2019/ui/ReplaceNext.js CHANGED
@@ -7,6 +7,7 @@ import { ValidMessage } from '@atlaskit/form';
7
7
  import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down';
8
8
  import ChevronUpIcon from '@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up';
9
9
  import { fg } from '@atlaskit/platform-feature-flags';
10
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
10
11
  import { Box, Inline, Text, xcss } from '@atlaskit/primitives';
11
12
  import Textfield from '@atlaskit/textfield';
12
13
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
package/dist/es2019/ui/styles.js CHANGED
@@ -29,212 +29,7 @@ export const findReplaceStyles = css({
29
29
  backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
30
30
  }
31
31
  });
32
- export const findReplaceStylesNewYellow = css({
33
- /** Text match styles */
34
-
35
- /** Light mode */
36
-
37
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
38
- [`.${searchMatchTextClass}`]: {
39
- borderRadius: "var(--ds-space-050, 4px)",
40
- boxShadow: `
41
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
42
- inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
43
- `,
44
- // TODO: ED-28376 - clean up !important later
45
- backgroundColor: `${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"} !important`,
46
- color: "var(--ds-text, #172B4D)"
47
- },
48
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
49
- [`.${searchMatchTextClass}.${selectedSearchMatchClass}`]: {
50
- boxShadow: `
51
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
52
- inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}
53
- `,
54
- // TODO: ED-28376 - clean up !important later
55
- backgroundColor: `${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"} !important`
56
- },
57
- /** Dark mode */
58
-
59
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
60
- [`.${searchMatchTextClass}.${darkModeSearchMatchClass}`]: {
61
- boxShadow: `
62
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
63
- inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}
64
- `,
65
- // TODO: ED-28376 - clean up !important later
66
- backgroundColor: `${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"} !important`,
67
- color: "var(--ds-text-inverse, #FFFFFF)"
68
- },
69
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
70
- [`.${searchMatchTextClass}.${selectedSearchMatchClass}.${darkModeSearchMatchClass}`]: {
71
- boxShadow: `
72
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
73
- inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}
74
- `,
75
- // TODO: ED-28376 - clean up !important later
76
- backgroundColor: `${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"} !important`
77
- },
78
- /** Block match styles */
79
-
80
- /** Light mode */
81
-
82
- /** Without node selection */
83
- [`.${blockSearchMatchClass}`]: {
84
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
85
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
86
- boxShadow: `
87
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
88
- inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
89
- `
90
- },
91
- [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
92
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"}`
93
- }
94
- },
95
- [`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}`]: {
96
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
97
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
98
- boxShadow: `
99
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
100
- inset 0 0 0 4px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}
101
- `
102
- },
103
- [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
104
- 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)"}`
105
- }
106
- },
107
- /** With node selection */
108
- [`.${blockSearchMatchClass}.ak-editor-selected-node`]: {
109
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
110
- '.loader-wrapper>div::after': {
111
- boxShadow: `
112
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
113
- inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"},
114
- 0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
115
- `
116
- },
117
- [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
118
- // TODO: ED-28376 - will clean up !important later
119
- 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`
120
- }
121
- },
122
- [`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}.ak-editor-selected-node`]: {
123
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
124
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
125
- boxShadow: `
126
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
127
- inset 0 0 0 4px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"},
128
- 0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
129
- `
130
- },
131
- [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
132
- // TODO: ED-28376 - will clean up !important later
133
- 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`
134
- }
135
- },
136
- /** Dark mode */
137
- /** Without node selection */
138
- [`.${blockSearchMatchClass}.${darkModeSearchMatchClass}`]: {
139
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
140
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
141
- boxShadow: `
142
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
143
- inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}
144
- `
145
- },
146
- [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
147
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`
148
- }
149
- },
150
- [`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}.${darkModeSearchMatchClass}`]: {
151
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
152
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
153
- boxShadow: `
154
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
155
- inset 0 0 0 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}
156
- `
157
- },
158
- [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
159
- boxShadow: `0px 0px 0px 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}, 0px 0px 0px 5px ${"var(--ds-background-accent-yellow-bolder, #946F00)"}`
160
- }
161
- },
162
- /** With node selection */
163
- [`.${blockSearchMatchClass}.${darkModeSearchMatchClass}.ak-editor-selected-node`]: {
164
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
165
- '.loader-wrapper>div::after': {
166
- boxShadow: `
167
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
168
- inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"},
169
- 0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
170
- `
171
- },
172
- [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
173
- 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`
174
- }
175
- },
176
- [`.${blockSearchMatchClass}.${selectedBlockSearchMatchClass}.${darkModeSearchMatchClass}.ak-editor-selected-node`]: {
177
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
178
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
179
- boxShadow: `
180
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
181
- inset 0 0 0 4px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"},
182
- 0 0 0 1px ${"var(--ds-border-selected, #0C66E4)"}
183
- `
184
- },
185
- [`${inlineCardSelector}, ${statusSelector}, ${mentionSelector}, ${dateSelector}`]: {
186
- 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`
187
- }
188
- },
189
- /** Expand title match styles */
190
-
191
- /** Light mode */
192
-
193
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
194
- [`.${searchMatchExpandTitleClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
195
- borderRadius: "var(--ds-space-050, 4px)",
196
- boxShadow: `
197
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
198
- inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
199
- `,
200
- backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
201
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
202
- [`.${expandClassNames.titleInput}`]: {
203
- color: "var(--ds-text, #172B4D)"
204
- }
205
- },
206
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
207
- [`.${searchMatchExpandTitleClass}.${selectedSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
208
- boxShadow: `
209
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
210
- inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"}
211
- `,
212
- backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
213
- },
214
- /** Dark mode */
215
-
216
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
217
- [`.${searchMatchExpandTitleClass}.${darkModeSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
218
- boxShadow: `
219
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
220
- inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-pressed, #533F04)"}
221
- `,
222
- backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)",
223
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
224
- [`.${expandClassNames.titleInput}`]: {
225
- color: "var(--ds-text-inverse, #FFFFFF)"
226
- }
227
- },
228
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
229
- [`.${searchMatchExpandTitleClass}.${selectedSearchMatchClass}.${darkModeSearchMatchClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
230
- boxShadow: `
231
- inset 0 0 0 1px ${"var(--ds-background-accent-yellow-bolder, #946F00)"},
232
- inset 0 0 0 5px ${"var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"}
233
- `,
234
- backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
235
- }
236
- });
237
- export const findReplaceStylesNewMagenta = css({
32
+ export const findReplaceStylesNew = css({
238
33
  /** Text match styles */
239
34
 
240
35
  /** Light mode */
@@ -439,7 +234,7 @@ export const findReplaceStylesNewMagenta = css({
439
234
  backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
440
235
  }
441
236
  });
442
- export const findReplaceStylesNewMagentaNoImportant = css({
237
+ export const findReplaceStylesNewNoImportant = css({
443
238
  /** Text match styles */
444
239
 
445
240
  /** Light mode */
package/dist/esm/pm-plugins/utils/index.js CHANGED
@@ -237,15 +237,18 @@ export function findMatches(_ref2) {
237
237
  return matches;
238
238
  }
239
239
  export function findClosestMatch(selectionPos, matches) {
240
- var forwardMatchIndex = Math.max(matches.findIndex(function (match) {
240
+ var forwardMatchIndex = matches.findIndex(function (match) {
241
241
  return match.start >= selectionPos;
242
- }), 0);
243
- if (forwardMatchIndex === 0) {
242
+ });
243
+ if (forwardMatchIndex === -1) {
244
+ // if there are no forward matches, it must be the last match
245
+ return matches.length > 0 ? matches.length - 1 : 0;
246
+ } else if (forwardMatchIndex === 0) {
244
247
  return forwardMatchIndex;
245
248
  }
246
249
  var backwardMatchIndex = forwardMatchIndex - 1;
247
250
  var forwardMatchPos = matches[forwardMatchIndex].start;
248
- var backwardMatchPos = matches[backwardMatchIndex].end;
251
+ var backwardMatchPos = matches[backwardMatchIndex].start;
249
252
  if (forwardMatchPos - selectionPos < selectionPos - backwardMatchPos) {
250
253
  return forwardMatchIndex;
251
254
  } else {
package/dist/esm/ui/FindReplaceDropdown.js CHANGED
@@ -4,6 +4,7 @@ import { injectIntl } from 'react-intl-next';
4
4
  import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
5
5
  import { ArrowKeyNavigationType, Dropdown } from '@atlaskit/editor-common/ui-menu';
6
6
  import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
7
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
7
8
  import { Box, xcss } from '@atlaskit/primitives';
8
9
  import FindReplace from './FindReplace';
9
10
  var findReplaceWrapperStyles = xcss({
package/dist/esm/ui/Replace.js CHANGED
@@ -24,6 +24,7 @@ import { Label, ValidMessage } from '@atlaskit/form';
24
24
  import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down';
25
25
  import ChevronUpIcon from '@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up';
26
26
  import { fg } from '@atlaskit/platform-feature-flags';
27
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
27
28
  import { Inline, xcss } from '@atlaskit/primitives';
28
29
  import Textfield from '@atlaskit/textfield';
29
30
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
package/dist/esm/ui/ReplaceNext.js CHANGED
@@ -8,6 +8,7 @@ import { ValidMessage } from '@atlaskit/form';
8
8
  import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down';
9
9
  import ChevronUpIcon from '@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up';
10
10
  import { fg } from '@atlaskit/platform-feature-flags';
11
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
11
12
  import { Box, Inline, Text, xcss } from '@atlaskit/primitives';
12
13
  import Textfield from '@atlaskit/textfield';
13
14
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
package/dist/esm/ui/styles.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- var _css2, _css3, _css4;
2
+ var _css2, _css3;
3
3
  /* eslint-disable @atlaskit/editor/no-re-export */
4
4
  // Entry file in package.json
5
5
 
@@ -28,102 +28,7 @@ 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 findReplaceStylesNewYellow = css((_css2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, ".".concat(searchMatchTextClass), {
32
- borderRadius: "var(--ds-space-050, 4px)",
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
- // TODO: ED-28376 - clean up !important later
35
- backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)".concat(" !important"),
36
- color: "var(--ds-text, #172B4D)"
37
- }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass), {
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"),
39
- // TODO: ED-28376 - clean up !important later
40
- backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)".concat(" !important")
41
- }), ".".concat(searchMatchTextClass, ".").concat(darkModeSearchMatchClass), {
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"),
43
- // TODO: ED-28376 - clean up !important later
44
- backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)".concat(" !important"),
45
- color: "var(--ds-text-inverse, #FFFFFF)"
46
- }), ".".concat(searchMatchTextClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass), {
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"),
48
- // TODO: ED-28376 - clean up !important later
49
- backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)".concat(" !important")
50
- }), ".".concat(blockSearchMatchClass), _defineProperty({
51
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
52
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
53
- 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")
54
- }
55
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
56
- 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)")
57
- })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass), _defineProperty({
58
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
59
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
60
- 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")
61
- }
62
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
63
- 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)")
64
- })), ".".concat(blockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
65
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
66
- '.loader-wrapper>div::after': {
67
- 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")
68
- }
69
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
70
- // TODO: ED-28376 - will clean up !important later
71
- 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")
72
- })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
73
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
74
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
75
- 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")
76
- }
77
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
78
- // TODO: ED-28376 - will clean up !important later
79
- 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")
80
- })), ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
81
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
82
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
83
- 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")
84
- }
85
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
86
- 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)")
87
- })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass), _defineProperty({
88
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
89
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
90
- 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")
91
- }
92
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
93
- 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)")
94
- })), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
95
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
96
- '.loader-wrapper>div::after': {
97
- 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")
98
- }
99
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
100
- 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")
101
- })), ".".concat(blockSearchMatchClass, ".").concat(selectedBlockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
102
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
103
- '[data-smart-link-container="true"], .loader-wrapper>div::after': {
104
- 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")
105
- }
106
- }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
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")
108
- })), ".".concat(searchMatchExpandTitleClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
109
- borderRadius: "var(--ds-space-050, 4px)",
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"),
111
- backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)"
112
- }, ".".concat(expandClassNames.titleInput), {
113
- color: "var(--ds-text, #172B4D)"
114
- })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), {
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-subtlest-pressed, #F5CD47)", "\n\t\t"),
116
- backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
117
- }), ".".concat(searchMatchExpandTitleClass, ".").concat(darkModeSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
118
- 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"),
119
- backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)"
120
- }, ".".concat(expandClassNames.titleInput), {
121
- color: "var(--ds-text-inverse, #FFFFFF)"
122
- })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), {
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"),
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), {
31
+ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, ".".concat(searchMatchTextClass), {
127
32
  borderRadius: "var(--ds-space-050, 4px)",
128
33
  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
34
  // TODO: ED-28376 - clean up !important later
@@ -186,7 +91,7 @@ export var findReplaceStylesNewMagenta = css((_css3 = {}, _defineProperty(_defin
186
91
  }
187
92
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
188
93
  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({
94
+ })), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css2, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node"), _defineProperty({
190
95
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
191
96
  '.loader-wrapper>div::after': {
192
97
  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")
@@ -218,7 +123,7 @@ export var findReplaceStylesNewMagenta = css((_css3 = {}, _defineProperty(_defin
218
123
  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
124
  backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
220
125
  })));
221
- export var findReplaceStylesNewMagentaNoImportant = css((_css4 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css4, ".".concat(searchMatchTextClass), {
126
+ export var findReplaceStylesNewNoImportant = css((_css3 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".".concat(searchMatchTextClass), {
222
127
  borderRadius: "var(--ds-space-050, 4px)",
223
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"),
224
129
  // we need to use !important here as we need to override inline selection styles
@@ -277,7 +182,7 @@ export var findReplaceStylesNewMagentaNoImportant = css((_css4 = {}, _defineProp
277
182
  }
278
183
  }, "".concat(inlineCardSelector, ", ").concat(statusSelector, ", ").concat(mentionSelector, ", ").concat(dateSelector), {
279
184
  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)")
280
- })), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css4, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node, .").concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".mentionView-content-wrap.ak-editor-selected-node"), _defineProperty({
185
+ })), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css3, ".".concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".ak-editor-selected-node, .").concat(blockSearchMatchClass, ".").concat(darkModeSearchMatchClass, ".mentionView-content-wrap.ak-editor-selected-node"), _defineProperty({
281
186
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
282
187
  '.loader-wrapper>div::after': {
283
188
  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")
package/dist/types/ui/styles.d.ts CHANGED
@@ -6,6 +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 findReplaceStylesNewYellow: import("@emotion/react").SerializedStyles;
10
- export declare const findReplaceStylesNewMagenta: import("@emotion/react").SerializedStyles;
11
- export declare const findReplaceStylesNewMagentaNoImportant: import("@emotion/react").SerializedStyles;
9
+ export declare const findReplaceStylesNew: import("@emotion/react").SerializedStyles;
10
+ export declare const findReplaceStylesNewNoImportant: import("@emotion/react").SerializedStyles;
package/dist/types-ts4.5/ui/styles.d.ts CHANGED
@@ -6,6 +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 findReplaceStylesNewYellow: import("@emotion/react").SerializedStyles;
10
- export declare const findReplaceStylesNewMagenta: import("@emotion/react").SerializedStyles;
11
- export declare const findReplaceStylesNewMagentaNoImportant: import("@emotion/react").SerializedStyles;
9
+ export declare const findReplaceStylesNew: import("@emotion/react").SerializedStyles;
10
+ export declare const findReplaceStylesNewNoImportant: import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-find-replace",
3
- "version": "3.1.3",
3
+ "version": "3.1.5",
4
4
  "description": "find replace plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -37,7 +37,7 @@
37
37
  "@atlaskit/editor-plugin-card": "^7.0.0",
38
38
  "@atlaskit/editor-plugin-expand": "^4.1.0",
39
39
  "@atlaskit/editor-plugin-mentions": "^5.1.0",
40
- "@atlaskit/editor-plugin-primary-toolbar": "^4.0.0",
40
+ "@atlaskit/editor-plugin-primary-toolbar": "^4.1.0",
41
41
  "@atlaskit/editor-prosemirror": "7.0.0",
42
42
  "@atlaskit/editor-shared-styles": "^3.4.0",
43
43
  "@atlaskit/form": "^12.0.0",
@@ -48,7 +48,7 @@
48
48
  "@atlaskit/primitives": "^14.10.0",
49
49
  "@atlaskit/textfield": "^8.0.0",
50
50
  "@atlaskit/theme": "^19.0.0",
51
- "@atlaskit/tmp-editor-statsig": "^9.4.0",
51
+ "@atlaskit/tmp-editor-statsig": "^9.7.0",
52
52
  "@atlaskit/tokens": "^5.5.0",
53
53
  "@atlaskit/tooltip": "^20.3.0",
54
54
  "@babel/runtime": "^7.0.0",
@@ -68,7 +68,7 @@
68
68
  "react-dom": "^18.2.0"
69
69
  },
70
70
  "peerDependencies": {
71
- "@atlaskit/editor-common": "^107.7.0",
71
+ "@atlaskit/editor-common": "^107.8.0",
72
72
  "react": "^18.2.0",
73
73
  "react-intl-next": "npm:react-intl@^5.18.1"
74
74
  },