@atlaskit/editor-plugin-find-replace 2.10.4 → 2.10.6

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 (12) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/ui/Find.js +10 -1
  3. package/dist/cjs/ui/styles.js +98 -4
  4. package/dist/es2019/ui/Find.js +10 -1
  5. package/dist/es2019/ui/styles.js +206 -2
  6. package/dist/esm/ui/Find.js +10 -1
  7. package/dist/esm/ui/styles.js +97 -3
  8. package/dist/types/findReplacePluginType.d.ts +1 -1
  9. package/dist/types/ui/styles.d.ts +2 -1
  10. package/dist/types-ts4.5/findReplacePluginType.d.ts +1 -1
  11. package/dist/types-ts4.5/ui/styles.d.ts +2 -1
  12. package/package.json +8 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-plugin-find-replace
2
2
 
3
+ ## 2.10.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [#181675](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/181675)
8
+ [`11c3b472ce0f2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/11c3b472ce0f2) -
9
+ [ux] ED-28203 update icon for find and replace match case button
10
+
11
+ ## 2.10.5
12
+
13
+ ### Patch Changes
14
+
15
+ - [#179882](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/179882)
16
+ [`fe56fd0f3672a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fe56fd0f3672a) -
17
+ [ux] ED-28404 change find and replace match colours from yellow to magenta
18
+
3
19
  ## 2.10.4
4
20
 
5
21
  ### Patch Changes
package/dist/cjs/ui/Find.js CHANGED
@@ -19,8 +19,12 @@ var _reactIntlNext = require("react-intl-next");
19
19
  var _analytics = require("@atlaskit/editor-common/analytics");
20
20
  var _messages = require("@atlaskit/editor-common/messages");
21
21
  var _form = require("@atlaskit/form");
22
+ var _textLetterCase = _interopRequireDefault(require("@atlaskit/icon-lab/core/text-letter-case"));
22
23
  var _textStyleEmojiKeyboard = _interopRequireDefault(require("@atlaskit/icon/core/migration/text-style--emoji-keyboard"));
24
+ var _textStyle = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/text-style"));
25
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
23
26
  var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
27
+ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
24
28
  var _FindReplaceTooltipButton = require("./FindReplaceTooltipButton");
25
29
  var _uiStyles = require("./ui-styles");
26
30
  function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -137,7 +141,12 @@ var Find = /*#__PURE__*/function (_React$Component) {
137
141
  }
138
142
  });
139
143
  (0, _defineProperty2.default)(_this, "matchCaseIconEle", function () {
140
- return (0, _react2.jsx)(_textStyleEmojiKeyboard.default, {
144
+ return (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? (0, _react2.jsx)(_textLetterCase.default, {
145
+ LEGACY_size: 'small',
146
+ LEGACY_fallbackIcon: _textStyle.default,
147
+ label: _this.matchCase,
148
+ size: "small"
149
+ }) : (0, _react2.jsx)(_textStyleEmojiKeyboard.default, {
141
150
  LEGACY_size: 'small',
142
151
  label: _this.matchCase
143
152
  });
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,7 +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 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
39
  // TODO: ED-28376 - clean up !important later
@@ -112,7 +112,6 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2
112
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
113
  })), ".".concat(searchMatchExpandTitleClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), (0, _defineProperty2.default)({
114
114
  borderRadius: "var(--ds-space-050, 4px)",
115
- padding: "var(--ds-space-050, 4px)".concat(" 0"),
116
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"),
117
116
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)"
118
117
  }, ".".concat(_styles.expandClassNames.titleInput), {
@@ -128,4 +127,99 @@ var findReplaceStylesNew = exports.findReplaceStylesNew = (0, _react.css)((_css2
128
127
  })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(_styles.expandClassNames.titleContainer, " > .").concat(_styles.expandClassNames.inputContainer), {
129
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"),
130
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)"
131
225
  })));
package/dist/es2019/ui/Find.js CHANGED
@@ -14,8 +14,12 @@ import { injectIntl } from 'react-intl-next';
14
14
  import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
15
15
  import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
16
16
  import { Label } from '@atlaskit/form';
17
+ import TextLetterCaseIcon from '@atlaskit/icon-lab/core/text-letter-case';
17
18
  import MatchCaseIcon from '@atlaskit/icon/core/migration/text-style--emoji-keyboard';
19
+ import EditorTextStyleIcon from '@atlaskit/icon/glyph/editor/text-style';
20
+ import { fg } from '@atlaskit/platform-feature-flags';
18
21
  import Textfield from '@atlaskit/textfield';
22
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
19
23
  import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
20
24
  import { afterInputSection, countStyles, countStylesAlternateStyles, matchCaseSection, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './ui-styles';
21
25
  export const FIND_DEBOUNCE_MS = 100;
@@ -125,7 +129,12 @@ class Find extends React.Component {
125
129
  }
126
130
  });
127
131
  _defineProperty(this, "matchCaseIconEle", () => {
128
- return jsx(MatchCaseIcon, {
132
+ return expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? jsx(TextLetterCaseIcon, {
133
+ LEGACY_size: 'small',
134
+ LEGACY_fallbackIcon: EditorTextStyleIcon,
135
+ label: this.matchCase,
136
+ size: "small"
137
+ }) : jsx(MatchCaseIcon, {
129
138
  LEGACY_size: 'small',
130
139
  label: this.matchCase
131
140
  });
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 */
@@ -193,7 +193,6 @@ export const findReplaceStylesNew = css({
193
193
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
194
194
  [`.${searchMatchExpandTitleClass} > .${expandClassNames.titleContainer} > .${expandClassNames.inputContainer}`]: {
195
195
  borderRadius: "var(--ds-space-050, 4px)",
196
- padding: `${"var(--ds-space-050, 4px)"} 0`,
197
196
  boxShadow: `
198
197
  inset 0 0 0 1px ${"var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"},
199
198
  inset 0 0 0 5px ${"var(--ds-background-accent-yellow-subtler, #F8E6A0)"}
@@ -234,4 +233,209 @@ export const findReplaceStylesNew = css({
234
233
  `,
235
234
  backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
236
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
+ }
237
441
  });
package/dist/esm/ui/Find.js CHANGED
@@ -21,8 +21,12 @@ import { injectIntl } from 'react-intl-next';
21
21
  import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
22
22
  import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
23
23
  import { Label } from '@atlaskit/form';
24
+ import TextLetterCaseIcon from '@atlaskit/icon-lab/core/text-letter-case';
24
25
  import MatchCaseIcon from '@atlaskit/icon/core/migration/text-style--emoji-keyboard';
26
+ import EditorTextStyleIcon from '@atlaskit/icon/glyph/editor/text-style';
27
+ import { fg } from '@atlaskit/platform-feature-flags';
25
28
  import Textfield from '@atlaskit/textfield';
29
+ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
26
30
  import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
27
31
  import { afterInputSection, countStyles, countStylesAlternateStyles, matchCaseSection, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './ui-styles';
28
32
  export var FIND_DEBOUNCE_MS = 100;
@@ -134,7 +138,12 @@ var Find = /*#__PURE__*/function (_React$Component) {
134
138
  }
135
139
  });
136
140
  _defineProperty(_this, "matchCaseIconEle", function () {
137
- return jsx(MatchCaseIcon, {
141
+ return expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? jsx(TextLetterCaseIcon, {
142
+ LEGACY_size: 'small',
143
+ LEGACY_fallbackIcon: EditorTextStyleIcon,
144
+ label: _this.matchCase,
145
+ size: "small"
146
+ }) : jsx(MatchCaseIcon, {
138
147
  LEGACY_size: 'small',
139
148
  label: _this.matchCase
140
149
  });
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,7 +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 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
34
  // TODO: ED-28376 - clean up !important later
@@ -107,7 +107,6 @@ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProper
107
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
108
  })), ".".concat(searchMatchExpandTitleClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), _defineProperty({
109
109
  borderRadius: "var(--ds-space-050, 4px)",
110
- padding: "var(--ds-space-050, 4px)".concat(" 0"),
111
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"),
112
111
  backgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)"
113
112
  }, ".".concat(expandClassNames.titleInput), {
@@ -123,4 +122,99 @@ export var findReplaceStylesNew = css((_css2 = {}, _defineProperty(_defineProper
123
122
  })), ".".concat(searchMatchExpandTitleClass, ".").concat(selectedSearchMatchClass, ".").concat(darkModeSearchMatchClass, " > .").concat(expandClassNames.titleContainer, " > .").concat(expandClassNames.inputContainer), {
124
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"),
125
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)"
126
220
  })));
package/dist/types/findReplacePluginType.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
2
+ import { type TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
3
3
  import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
4
4
  import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
5
5
  import type { CardPlugin } from '@atlaskit/editor-plugin-card';
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/findReplacePluginType.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
2
+ import { type TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
3
3
  import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
4
4
  import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
5
5
  import type { CardPlugin } from '@atlaskit/editor-plugin-card';
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.4",
3
+ "version": "2.10.6",
4
4
  "description": "find replace plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -33,21 +33,22 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/button": "^23.2.0",
36
- "@atlaskit/editor-common": "^107.3.0",
36
+ "@atlaskit/editor-common": "^107.6.0",
37
37
  "@atlaskit/editor-plugin-analytics": "^2.3.0",
38
- "@atlaskit/editor-plugin-card": "^6.6.0",
38
+ "@atlaskit/editor-plugin-card": "^6.8.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",
42
42
  "@atlaskit/editor-shared-styles": "^3.4.0",
43
43
  "@atlaskit/form": "^12.0.0",
44
44
  "@atlaskit/icon": "^27.2.0",
45
+ "@atlaskit/icon-lab": "^5.1.0",
45
46
  "@atlaskit/mention": "^24.2.0",
46
47
  "@atlaskit/platform-feature-flags": "^1.1.0",
47
48
  "@atlaskit/primitives": "^14.10.0",
48
49
  "@atlaskit/textfield": "^8.0.0",
49
50
  "@atlaskit/theme": "^18.0.0",
50
- "@atlaskit/tmp-editor-statsig": "^8.5.0",
51
+ "@atlaskit/tmp-editor-statsig": "^8.7.0",
51
52
  "@atlaskit/tokens": "^5.4.0",
52
53
  "@atlaskit/tooltip": "^20.3.0",
53
54
  "@babel/runtime": "^7.0.0",
@@ -119,6 +120,9 @@
119
120
  },
120
121
  "editor_a11y_refactor_find_replace_style": {
121
122
  "type": "boolean"
123
+ },
124
+ "platform_editor_find_and_replace_improvements_1": {
125
+ "type": "boolean"
122
126
  }
123
127
  }
124
128
  }