@atlaskit/editor-plugin-find-replace 3.1.0 → 3.1.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-find-replace
 
+## 3.1.2
+
+### Patch Changes
+
+- [#183007](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/183007)
+  [`a1cfc7e470ca7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a1cfc7e470ca7) -
+  [ux] ED-28316 wrap find and replace close button to next line if it would overflow
+
+## 3.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.1.0
 
 ### Minor Changes

package/dist/cjs/ui/Replace.js

@@ -18,9 +18,11 @@ var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _form = require("@atlaskit/form");
 var _chevronDownHipchatChevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down"));
 var _chevronUpHipchatChevronUp = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -32,6 +34,44 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var sectionWrapperStyles = (0, _react2.css)({
+  display: 'flex',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > *': {
+    display: 'inline-flex',
+    height: '32px',
+    flex: '0 0 auto'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > [data-ds--text-field--container]': {
+    display: 'flex',
+    flex: '1 1 auto'
+  }
+});
+var sectionWrapperStylesAlternate = (0, _react2.css)({
+  display: 'flex',
+  padding: "var(--ds-space-100, 8px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > *': {
+    height: 'unset'
+  }
+});
+var sectionWrapperJustified = (0, _react2.css)({
+  justifyContent: 'space-between',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(14)
+});
+var sectionWrapperFlexWrap = (0, _react2.css)({
+  flexWrap: 'wrap-reverse',
+  gap: "var(--ds-space-075, 6px)"
+});
+var orderOneStyles = (0, _react2.css)({
+  order: '1'
+});
+var orderOneStylesNew = (0, _react2.css)({
+  order: '1',
+  marginLeft: 'auto'
+});
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var Replace = /*#__PURE__*/function (_React$PureComponent) {
   function Replace(props) {
@@ -221,7 +261,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
         numberOfMatches: replaceCount
       });
       return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
-        css: [_uiStyles.sectionWrapperStyles, _uiStyles.sectionWrapperStylesAlternate]
+        css: [sectionWrapperStyles, sectionWrapperStylesAlternate]
       }, (0, _react2.jsx)("div", {
         css: _uiStyles.textFieldWrapper
       }, (0, _react2.jsx)(_form.Label, {
@@ -251,9 +291,9 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       // Ignored via go/ees005
       // eslint-disable-next-line require-unicode-regexp
       resultsReplace.replace(/ /, "\xA0") : resultsReplace)))), (0, _react2.jsx)("div", {
-        css: [_uiStyles.sectionWrapperStyles, _uiStyles.sectionWrapperStylesAlternate, _uiStyles.sectionWrapperJustified]
+        css: (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified, sectionWrapperFlexWrap] : [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified]
       }, (0, _react2.jsx)("div", {
-        css: _uiStyles.orderOneStyles
+        css: (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? orderOneStylesNew : orderOneStyles
       }, (0, _react2.jsx)("div", {
         css: _uiStyles.nextPreviousItemStyles
       }, (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {

package/dist/cjs/ui/ReplaceNext.js

@@ -15,6 +15,7 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _form = require("@atlaskit/form");
 var _chevronDownHipchatChevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down"));
 var _chevronUpHipchatChevronUp = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -33,9 +34,17 @@ var actionButtonParentInlineStyles = (0, _primitives.xcss)({
   justifyContent: 'space-between',
   flexDirection: 'row-reverse'
 });
+var actionButtonParentInlineStylesNew = (0, _primitives.xcss)({
+  justifyContent: 'space-between',
+  flexDirection: 'row-reverse',
+  flexWrap: 'wrap'
+});
 var actionButtonInlineStyles = (0, _primitives.xcss)({
   gap: 'space.075'
 });
+var closeButtonInlineStyles = (0, _primitives.xcss)({
+  marginRight: 'auto'
+});
 var Replace = function Replace(_ref) {
   var canReplace = _ref.canReplace,
     initialReplaceText = _ref.replaceText,
@@ -212,7 +221,7 @@ var Replace = function Replace(_ref) {
   }, fakeSuccessReplacementMessageUpdate ? resultsReplace.replace(/ /, "\xA0") : resultsReplace)), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: actionButtonContainerStyles
   }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
-    xcss: [actionButtonInlineStyles, actionButtonParentInlineStyles]
+    xcss: (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? [actionButtonInlineStyles, actionButtonParentInlineStylesNew] : [actionButtonInlineStyles, actionButtonParentInlineStyles]
   }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
     xcss: actionButtonInlineStyles
   }, /*#__PURE__*/_react.default.createElement(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
@@ -250,7 +259,13 @@ var Replace = function Replace(_ref) {
     id: "replaceAll-button",
     onClick: handleReplaceAllClick,
     isDisabled: (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? count.totalReplaceable === 0 : !canReplace
-  }, replaceAll)), /*#__PURE__*/_react.default.createElement(_new.default, {
+  }, replaceAll)), (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_find_and_replace_improvements_1') ? /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+    xcss: closeButtonInlineStyles
+  }, /*#__PURE__*/_react.default.createElement(_new.default, {
+    appearance: "subtle",
+    testId: closeFindReplaceDialog,
+    onClick: clearSearch
+  }, closeFindReplaceDialog)) : /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "subtle",
     testId: closeFindReplaceDialog,
     onClick: clearSearch

package/dist/es2019/ui/Replace.js

@@ -7,19 +7,59 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Fragment } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
 import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
+import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { Label, ValidMessage } from '@atlaskit/form';
 import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Inline, xcss } from '@atlaskit/primitives';
 import Textfield from '@atlaskit/textfield';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
-import { nextPreviousItemStyles, orderOneStyles, orderZeroStyles, sectionWrapperJustified, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './ui-styles';
+import { nextPreviousItemStyles, orderZeroStyles, textFieldWrapper } from './ui-styles';
+const sectionWrapperStyles = css({
+  display: 'flex',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > *': {
+    display: 'inline-flex',
+    height: '32px',
+    flex: '0 0 auto'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > [data-ds--text-field--container]': {
+    display: 'flex',
+    flex: '1 1 auto'
+  }
+});
+const sectionWrapperStylesAlternate = css({
+  display: 'flex',
+  padding: "var(--ds-space-100, 8px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > *': {
+    height: 'unset'
+  }
+});
+const sectionWrapperJustified = css({
+  justifyContent: 'space-between',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  fontSize: relativeFontSizeToBase16(14)
+});
+const sectionWrapperFlexWrap = css({
+  flexWrap: 'wrap-reverse',
+  gap: "var(--ds-space-075, 6px)"
+});
+const orderOneStyles = css({
+  order: '1'
+});
+const orderOneStylesNew = css({
+  order: '1',
+  marginLeft: 'auto'
+});
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class Replace extends React.PureComponent {
   constructor(props) {
@@ -232,9 +272,9 @@ class Replace extends React.PureComponent {
     // Ignored via go/ees005
     // eslint-disable-next-line require-unicode-regexp
     resultsReplace.replace(/ /, '\u00a0') : resultsReplace)))), jsx("div", {
-      css: [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified]
+      css: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified, sectionWrapperFlexWrap] : [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified]
     }, jsx("div", {
-      css: orderOneStyles
+      css: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? orderOneStylesNew : orderOneStyles
     }, jsx("div", {
       css: nextPreviousItemStyles
     }, jsx(FindReplaceTooltipButton, {

package/dist/es2019/ui/ReplaceNext.js

@@ -6,6 +6,7 @@ import { findReplaceMessages as messages } from '@atlaskit/editor-common/message
 import { ValidMessage } from '@atlaskit/form';
 import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Text, xcss } from '@atlaskit/primitives';
 import Textfield from '@atlaskit/textfield';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -23,9 +24,17 @@ const actionButtonParentInlineStyles = xcss({
   justifyContent: 'space-between',
   flexDirection: 'row-reverse'
 });
+const actionButtonParentInlineStylesNew = xcss({
+  justifyContent: 'space-between',
+  flexDirection: 'row-reverse',
+  flexWrap: 'wrap'
+});
 const actionButtonInlineStyles = xcss({
   gap: 'space.075'
 });
+const closeButtonInlineStyles = xcss({
+  marginRight: 'auto'
+});
 const Replace = ({
   canReplace,
   replaceText: initialReplaceText,
@@ -182,7 +191,7 @@ const Replace = ({
   }, fakeSuccessReplacementMessageUpdate ? resultsReplace.replace(/ /u, '\u00a0') : resultsReplace)), /*#__PURE__*/React.createElement(Box, {
     xcss: actionButtonContainerStyles
   }, /*#__PURE__*/React.createElement(Inline, {
-    xcss: [actionButtonInlineStyles, actionButtonParentInlineStyles]
+    xcss: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? [actionButtonInlineStyles, actionButtonParentInlineStylesNew] : [actionButtonInlineStyles, actionButtonParentInlineStyles]
   }, /*#__PURE__*/React.createElement(Inline, {
     xcss: actionButtonInlineStyles
   }, /*#__PURE__*/React.createElement(FindReplaceTooltipButton, {
@@ -216,7 +225,13 @@ const Replace = ({
     id: "replaceAll-button",
     onClick: handleReplaceAllClick,
     isDisabled: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? count.totalReplaceable === 0 : !canReplace
-  }, replaceAll)), /*#__PURE__*/React.createElement(Button, {
+  }, replaceAll)), expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? /*#__PURE__*/React.createElement(Inline, {
+    xcss: closeButtonInlineStyles
+  }, /*#__PURE__*/React.createElement(Button, {
+    appearance: "subtle",
+    testId: closeFindReplaceDialog,
+    onClick: clearSearch
+  }, closeFindReplaceDialog)) : /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",
     testId: closeFindReplaceDialog,
     onClick: clearSearch

package/dist/esm/ui/Replace.js

@@ -14,19 +14,59 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React, { Fragment } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
 import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
+import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { Label, ValidMessage } from '@atlaskit/form';
 import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Inline, xcss } from '@atlaskit/primitives';
 import Textfield from '@atlaskit/textfield';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
-import { nextPreviousItemStyles, orderOneStyles, orderZeroStyles, sectionWrapperJustified, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './ui-styles';
+import { nextPreviousItemStyles, orderZeroStyles, textFieldWrapper } from './ui-styles';
+var sectionWrapperStyles = css({
+  display: 'flex',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > *': {
+    display: 'inline-flex',
+    height: '32px',
+    flex: '0 0 auto'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > [data-ds--text-field--container]': {
+    display: 'flex',
+    flex: '1 1 auto'
+  }
+});
+var sectionWrapperStylesAlternate = css({
+  display: 'flex',
+  padding: "var(--ds-space-100, 8px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '& > *': {
+    height: 'unset'
+  }
+});
+var sectionWrapperJustified = css({
+  justifyContent: 'space-between',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  fontSize: relativeFontSizeToBase16(14)
+});
+var sectionWrapperFlexWrap = css({
+  flexWrap: 'wrap-reverse',
+  gap: "var(--ds-space-075, 6px)"
+});
+var orderOneStyles = css({
+  order: '1'
+});
+var orderOneStylesNew = css({
+  order: '1',
+  marginLeft: 'auto'
+});
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var Replace = /*#__PURE__*/function (_React$PureComponent) {
   function Replace(props) {
@@ -246,9 +286,9 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       // Ignored via go/ees005
       // eslint-disable-next-line require-unicode-regexp
       resultsReplace.replace(/ /, "\xA0") : resultsReplace)))), jsx("div", {
-        css: [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified]
+        css: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified, sectionWrapperFlexWrap] : [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified]
       }, jsx("div", {
-        css: orderOneStyles
+        css: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? orderOneStylesNew : orderOneStyles
       }, jsx("div", {
         css: nextPreviousItemStyles
       }, jsx(FindReplaceTooltipButton, {

package/dist/esm/ui/ReplaceNext.js

@@ -7,6 +7,7 @@ import { findReplaceMessages as messages } from '@atlaskit/editor-common/message
 import { ValidMessage } from '@atlaskit/form';
 import ChevronDownIcon from '@atlaskit/icon/core/migration/chevron-down--hipchat-chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/core/migration/chevron-up--hipchat-chevron-up';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Text, xcss } from '@atlaskit/primitives';
 import Textfield from '@atlaskit/textfield';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -24,9 +25,17 @@ var actionButtonParentInlineStyles = xcss({
   justifyContent: 'space-between',
   flexDirection: 'row-reverse'
 });
+var actionButtonParentInlineStylesNew = xcss({
+  justifyContent: 'space-between',
+  flexDirection: 'row-reverse',
+  flexWrap: 'wrap'
+});
 var actionButtonInlineStyles = xcss({
   gap: 'space.075'
 });
+var closeButtonInlineStyles = xcss({
+  marginRight: 'auto'
+});
 var Replace = function Replace(_ref) {
   var canReplace = _ref.canReplace,
     initialReplaceText = _ref.replaceText,
@@ -203,7 +212,7 @@ var Replace = function Replace(_ref) {
   }, fakeSuccessReplacementMessageUpdate ? resultsReplace.replace(/ /, "\xA0") : resultsReplace)), /*#__PURE__*/React.createElement(Box, {
     xcss: actionButtonContainerStyles
   }, /*#__PURE__*/React.createElement(Inline, {
-    xcss: [actionButtonInlineStyles, actionButtonParentInlineStyles]
+    xcss: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? [actionButtonInlineStyles, actionButtonParentInlineStylesNew] : [actionButtonInlineStyles, actionButtonParentInlineStyles]
   }, /*#__PURE__*/React.createElement(Inline, {
     xcss: actionButtonInlineStyles
   }, /*#__PURE__*/React.createElement(FindReplaceTooltipButton, {
@@ -241,7 +250,13 @@ var Replace = function Replace(_ref) {
     id: "replaceAll-button",
     onClick: handleReplaceAllClick,
     isDisabled: expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? count.totalReplaceable === 0 : !canReplace
-  }, replaceAll)), /*#__PURE__*/React.createElement(Button, {
+  }, replaceAll)), expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && fg('platform_editor_find_and_replace_improvements_1') ? /*#__PURE__*/React.createElement(Inline, {
+    xcss: closeButtonInlineStyles
+  }, /*#__PURE__*/React.createElement(Button, {
+    appearance: "subtle",
+    testId: closeFindReplaceDialog,
+    onClick: clearSearch
+  }, closeFindReplaceDialog)) : /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",
     testId: closeFindReplaceDialog,
     onClick: clearSearch

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-find-replace",
-	"version": "3.1.0",
+	"version": "3.1.2",
 	"description": "find replace plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -47,8 +47,8 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.10.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.1.0",
+		"@atlaskit/theme": "^19.0.0",
+		"@atlaskit/tmp-editor-statsig": "^9.3.0",
 		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@babel/runtime": "^7.0.0",