@atlaskit/editor-plugin-find-replace 1.2.10 → 1.3.0

package/dist/es2019/ui/Find.js

@@ -9,14 +9,10 @@ import { injectIntl } from 'react-intl-next';
 import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
 import { findReplaceMessages as messages } from '@atlaskit/editor-common/messages';
 import { Label } from '@atlaskit/form';
-import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import MatchCaseIcon from '@atlaskit/icon/glyph/emoji/keyboard';
-import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
-import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Textfield from '@atlaskit/textfield';
 import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
-import { afterInputSection, countStyles, countStylesAlternateStyles, countWrapperStyles, matchCaseSection, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './styles';
+import { afterInputSection, countStyles, countStylesAlternateStyles, matchCaseSection, sectionWrapperStyles, sectionWrapperStylesAlternate, textFieldWrapper } from './styles';
 export const FIND_DEBOUNCE_MS = 100;
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class Find extends React.Component {
@@ -129,10 +125,7 @@ class Find extends React.Component {
       }
     } = props;
     this.find = formatMessage(messages.find);
-    this.closeFindReplaceDialog = formatMessage(messages.closeFindReplaceDialog);
     this.noResultsFound = formatMessage(messages.noResultsFound);
-    this.findNext = formatMessage(messages.findNext);
-    this.findPrevious = formatMessage(messages.findPrevious);
     this.matchCase = formatMessage(messages.matchCase);
 
     // We locally manage the value of the input inside this component in order to support compositions.
@@ -188,97 +181,46 @@ class Find extends React.Component {
       selectedMatchPosition: count.index + 1,
       totalResultsCount: count.total
     });
-    if (getBooleanFF('platform.editor.a11y-find-replace')) {
-      const elemAfterInput = jsx("div", {
-        css: afterInputSection
-      }, jsx("div", {
-        "aria-live": "polite"
-      }, findText && jsx("span", {
-        "data-testid": "textfield-count",
-        css: [countStyles, countStylesAlternateStyles]
-      }, count.total === 0 ? this.noResultsFound : resultsCount)), jsx("div", {
-        css: matchCaseSection
-      }, jsx(FindReplaceTooltipButton, {
-        title: this.matchCase,
-        appearance: "default",
-        icon: MatchCaseIcon,
-        iconLabel: this.matchCase,
-        iconSize: getBooleanFF('platform.editor.a11y-find-replace') ? 'small' : undefined,
-        onClick: this.handleMatchCaseClick,
-        isPressed: shouldMatchCase
-      })));
-      return jsx("div", {
-        css: [sectionWrapperStyles, sectionWrapperStylesAlternate]
-      }, jsx("div", {
-        css: textFieldWrapper
-      }, jsx(Label, {
-        htmlFor: "find-text-field"
-      }, this.find), jsx(Textfield, {
-        name: "find",
-        id: "find-text-field",
-        appearance: "standard",
-        value: this.state.localFindText,
-        ref: this.findTextfieldRef,
-        autoComplete: "off",
-        onChange: this.handleFindChange,
-        onKeyDown: this.handleFindKeyDown,
-        onKeyUp: this.handleFindKeyUp,
-        onBlur: this.props.onFindBlur,
-        onCompositionStart: this.handleCompositionStart,
-        onCompositionEnd: this.handleCompositionEnd,
-        elemAfterInput: elemAfterInput
-      })));
-    } else {
-      return jsx("div", {
-        css: sectionWrapperStyles
-      }, jsx(Textfield, {
-        name: "find",
-        appearance: "none",
-        placeholder: this.find,
-        value: this.state.localFindText,
-        ref: this.findTextfieldRef,
-        autoComplete: "off",
-        onChange: this.handleFindChange,
-        onKeyDown: this.handleFindKeyDown,
-        onKeyUp: this.handleFindKeyUp,
-        onBlur: this.props.onFindBlur,
-        onCompositionStart: this.handleCompositionStart,
-        onCompositionEnd: this.handleCompositionEnd
-      }), jsx("div", {
-        css: countWrapperStyles,
-        "aria-live": "polite"
-      }, findText && jsx("span", {
-        "data-testid": "textfield-count",
-        css: countStyles
-      }, count.total === 0 ? this.noResultsFound : resultsCount)), jsx(FindReplaceTooltipButton, {
-        title: this.matchCase,
-        icon: MatchCaseIcon,
-        iconLabel: this.matchCase,
-        iconSize: getBooleanFF('platform.editor.a11y-find-replace') ? 'small' : undefined,
-        onClick: this.handleMatchCaseClick,
-        isPressed: shouldMatchCase
-      }), jsx(FindReplaceTooltipButton, {
-        title: this.findNext,
-        icon: ChevronDownIcon,
-        iconLabel: this.findNext,
-        keymapDescription: 'Enter',
-        onClick: this.handleFindNextClick,
-        disabled: count.total <= 1
-      }), jsx(FindReplaceTooltipButton, {
-        title: this.findPrevious,
-        icon: ChevronUpIcon,
-        iconLabel: this.findPrevious,
-        keymapDescription: 'Shift Enter',
-        onClick: this.handleFindPrevClick,
-        disabled: count.total <= 1
-      }), jsx(FindReplaceTooltipButton, {
-        title: this.closeFindReplaceDialog,
-        icon: EditorCloseIcon,
-        iconLabel: this.closeFindReplaceDialog,
-        keymapDescription: 'Escape',
-        onClick: this.clearSearch
-      }));
-    }
+    const elemAfterInput = jsx("div", {
+      css: afterInputSection
+    }, jsx("div", {
+      "aria-live": "polite"
+    }, findText && jsx("span", {
+      "data-testid": "textfield-count",
+      css: [countStyles, countStylesAlternateStyles]
+    }, count.total === 0 ? this.noResultsFound : resultsCount)), jsx("div", {
+      css: matchCaseSection
+    }, jsx(FindReplaceTooltipButton, {
+      title: this.matchCase,
+      appearance: "default",
+      icon: MatchCaseIcon,
+      iconLabel: this.matchCase,
+      iconSize: 'small',
+      onClick: this.handleMatchCaseClick,
+      isPressed: shouldMatchCase
+    })));
+    return jsx("div", {
+      css: [sectionWrapperStyles, sectionWrapperStylesAlternate]
+    }, jsx("div", {
+      css: textFieldWrapper
+    }, jsx(Label, {
+      htmlFor: "find-text-field"
+    }, this.find), jsx(Textfield, {
+      name: "find",
+      id: "find-text-field",
+      testId: "find-field",
+      appearance: "standard",
+      value: this.state.localFindText,
+      ref: this.findTextfieldRef,
+      autoComplete: "off",
+      onChange: this.handleFindChange,
+      onKeyDown: this.handleFindKeyDown,
+      onKeyUp: this.handleFindKeyUp,
+      onBlur: this.props.onFindBlur,
+      onCompositionStart: this.handleCompositionStart,
+      onCompositionEnd: this.handleCompositionEnd,
+      elemAfterInput: elemAfterInput
+    })));
   }
 }
 export default injectIntl(Find);

package/dist/es2019/ui/FindReplace.js

@@ -4,7 +4,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import Find from './Find';
 import Replace from './Replace';
 import { ruleStyles, wrapperPaddingStyles, wrapperStyles } from './styles';
@@ -37,11 +36,9 @@ class FindReplace extends React.PureComponent {
       findTyped: false
     });
     _defineProperty(this, "setFindTyped", value => {
-      if (getBooleanFF('platform.editor.a11y-find-replace')) {
-        this.setState({
-          findTyped: value
-        });
-      }
+      this.setState({
+        findTyped: value
+      });
     });
     _defineProperty(this, "setFindTextfieldRef", findTextfieldRef => {
       this.findTextfield = findTextfieldRef.current;
@@ -62,16 +59,12 @@ class FindReplace extends React.PureComponent {
     this.modalRef = /*#__PURE__*/React.createRef();
   }
   componentDidMount() {
-    if (getBooleanFF('platform.editor.a11y-find-replace')) {
-      // eslint-disable-next-line
-      window.addEventListener('keydown', this.handleTabNavigation);
-    }
+    // eslint-disable-next-line
+    window.addEventListener('keydown', this.handleTabNavigation);
   }
   componentWillUnmount() {
-    if (getBooleanFF('platform.editor.a11y-find-replace')) {
-      // eslint-disable-next-line
-      window.removeEventListener('keydown', this.handleTabNavigation);
-    }
+    // eslint-disable-next-line
+    window.removeEventListener('keydown', this.handleTabNavigation);
   }
   render() {
     const {
@@ -91,10 +84,10 @@ class FindReplace extends React.PureComponent {
       shouldMatchCase,
       onToggleMatchCase
     } = this.props;
-    const focusToolbarButton = getBooleanFF('platform.editor.a11y-find-replace') ? this.props.focusToolbarButton || (() => {}) : () => {};
+    const focusToolbarButton = this.props.focusToolbarButton || (() => {});
     return jsx("div", {
       ref: this.modalRef,
-      css: getBooleanFF('platform.editor.a11y-find-replace') ? [wrapperStyles, wrapperPaddingStyles] : wrapperStyles
+      css: [wrapperStyles, wrapperPaddingStyles]
     }, jsx(Find, {
       allowMatchCase: allowMatchCase,
       shouldMatchCase: shouldMatchCase,
@@ -111,7 +104,7 @@ class FindReplace extends React.PureComponent {
       onArrowDown: this.setFocusToReplace,
       findTyped: this.state.findTyped,
       setFindTyped: this.setFindTyped
-    }), !getBooleanFF('platform.editor.a11y-find-replace') && jsx("hr", {
+    }), jsx("hr", {
       css: ruleStyles,
       id: "replace-hr-element"
     }), jsx(Replace, {

package/dist/es2019/ui/FindReplaceToolbarButton.js

@@ -11,7 +11,6 @@ import { findReplaceMessages as messages } from '@atlaskit/editor-common/message
 import { ArrowKeyNavigationType, Dropdown, TOOLBAR_BUTTON, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { akEditorFloatingPanelZIndex, akEditorMobileMaxWidth } from '@atlaskit/editor-shared-styles';
 import EditorSearchIcon from '@atlaskit/icon/glyph/editor/search';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import FindReplace from './FindReplace';
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
@@ -35,7 +34,6 @@ const wrapper = css({
   flexDirection: 'column'
 });
 const dropdownWidthNewDesign = 382;
-const dropdownWidthOldDesign = 352;
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class FindReplaceToolbarButton extends React.PureComponent {
   constructor(...args) {
@@ -96,17 +94,15 @@ class FindReplaceToolbarButton extends React.PureComponent {
           this.props.onCancel({
             triggerMethod: TRIGGER_METHOD.KEYBOARD
           });
-          if (getBooleanFF('platform.editor.a11y-find-replace')) {
-            if (this.state.openedByClick && this.toolbarButtonRef.current) {
-              this.toolbarButtonRef.current.focus();
-            }
-            this.setState({
-              openedByClick: false
-            });
+          if (this.state.openedByClick && this.toolbarButtonRef.current) {
+            this.toolbarButtonRef.current.focus();
           }
+          this.setState({
+            openedByClick: false
+          });
         }
       },
-      fitWidth: getBooleanFF('platform.editor.a11y-find-replace') ? dropdownWidthNewDesign : dropdownWidthOldDesign,
+      fitWidth: dropdownWidthNewDesign,
       zIndex: stackBelowOtherEditorFloatingPanels,
       arrowKeyNavigationProviderOptions: {
         type: ArrowKeyNavigationType.MENU,
@@ -128,7 +124,7 @@ class FindReplaceToolbarButton extends React.PureComponent {
         "aria-haspopup": true,
         "aria-label": keymap ? tooltip(keymap, title) : title,
         "aria-keyshortcuts": getAriaKeyshortcuts(keymap),
-        ref: getBooleanFF('platform.editor.a11y-find-replace') ? this.toolbarButtonRef : null
+        ref: this.toolbarButtonRef
       })
     }, jsx("div", {
       css: wrapper

package/dist/es2019/ui/Replace.js

@@ -10,7 +10,6 @@ import { findReplaceMessages as messages } from '@atlaskit/editor-common/message
 import { Label, ValidMessage } from '@atlaskit/form';
 import ChevronDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-down';
 import ChevronUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-up';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Inline, xcss } from '@atlaskit/primitives';
 import Textfield from '@atlaskit/textfield';
 import { FindReplaceTooltipButton } from './FindReplaceTooltipButton';
@@ -131,7 +130,6 @@ class Replace extends React.PureComponent {
       fakeSuccessReplacementMessageUpdate: false,
       replaceCount: 0
     };
-    this.replaceWith = formatMessage(messages.replaceWith);
     this.replace = formatMessage(messages.replace);
     this.replaceAll = formatMessage(messages.replaceAll);
     this.findNext = formatMessage(messages.findNext);
@@ -153,13 +151,11 @@ class Replace extends React.PureComponent {
         isComposing: false
       });
     }
-    if (getBooleanFF('platform.editor.a11y-find-replace')) {
-      const findTextField = document.getElementById('find-text-field');
-      const replaceButton = document.getElementById('replace-button');
-      const replaceAllButton = document.getElementById('replaceAll-button');
-      if (((replaceButton === null || replaceButton === void 0 ? void 0 : replaceButton.tabIndex) === -1 || (replaceAllButton === null || replaceAllButton === void 0 ? void 0 : replaceAllButton.tabIndex) === -1) && findTextField) {
-        findTextField.focus();
-      }
+    const findTextField = document.getElementById('find-text-field');
+    const replaceButton = document.getElementById('replace-button');
+    const replaceAllButton = document.getElementById('replaceAll-button');
+    if (((replaceButton === null || replaceButton === void 0 ? void 0 : replaceButton.tabIndex) === -1 || (replaceAllButton === null || replaceAllButton === void 0 ? void 0 : replaceAllButton.tabIndex) === -1) && findTextField) {
+      findTextField.focus();
     }
   }
   triggerSuccessReplacementMessageUpdate(currentReplaceCount) {
@@ -191,7 +187,7 @@ class Replace extends React.PureComponent {
     const resultsReplace = formatMessage(messages.replaceSuccess, {
       numberOfMatches: replaceCount
     });
-    return getBooleanFF('platform.editor.a11y-find-replace') ? jsx(Fragment, null, jsx("div", {
+    return jsx(Fragment, null, jsx("div", {
       css: [sectionWrapperStyles, sectionWrapperStylesAlternate]
     }, jsx("div", {
       css: textFieldWrapper
@@ -200,6 +196,7 @@ class Replace extends React.PureComponent {
     }, "Replace with"), jsx(Textfield, {
       name: "replace",
       id: "replace-text-field",
+      testId: "replace-field",
       appearance: "standard",
       defaultValue: replaceText,
       ref: this.replaceTextfieldRef,
@@ -214,9 +211,9 @@ class Replace extends React.PureComponent {
       testId: "message-success-replacement"
     },
     /*
-              Replacement needed to trigger the SR announcement if message hasn't changed. e.g Replace button clicked twice.
-              '\u00a0' is value for &nbsp
-              */
+    Replacement needed to trigger the SR announcement if message hasn't changed. e.g Replace button clicked twice.
+    '\u00a0' is value for &nbsp
+    */
     this.state.fakeSuccessReplacementMessageUpdate ? resultsReplace.replace(/ /, '\u00a0') : resultsReplace)))), jsx("div", {
       css: [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified]
     }, jsx("div", {
@@ -264,30 +261,7 @@ class Replace extends React.PureComponent {
       appearance: "subtle",
       testId: this.closeFindReplaceDialog,
       onClick: this.clearSearch
-    }, this.closeFindReplaceDialog)))) : jsx("div", {
-      css: sectionWrapperStyles
-    }, jsx(Textfield, {
-      name: "replace",
-      appearance: "none",
-      placeholder: this.replaceWith,
-      defaultValue: replaceText,
-      ref: this.replaceTextfieldRef,
-      autoComplete: "off",
-      onChange: this.handleReplaceChange,
-      onKeyDown: this.handleReplaceKeyDown,
-      onCompositionStart: this.handleCompositionStart,
-      onCompositionEnd: this.handleCompositionEnd
-    }), jsx(Inline, {
-      space: "space.050"
-    }, jsx(Button, {
-      testId: this.replace,
-      onClick: this.handleReplaceClick,
-      isDisabled: !canReplace
-    }, this.replace), jsx(Button, {
-      testId: this.replaceAll,
-      onClick: this.handleReplaceAllClick,
-      isDisabled: !canReplace
-    }, this.replaceAll)));
+    }, this.closeFindReplaceDialog))));
   }
 }
 export default injectIntl(Replace);

package/dist/es2019/ui/styles.js

@@ -9,6 +9,8 @@ import { fontSize as getFontSize,
 gridSize as getGridSize } from '@atlaskit/theme/constants';
 const fontSize = getFontSize();
 const gridSize = getGridSize();
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const ruleStyles = css({
   width: '100%',
   border: 'none',
@@ -17,67 +19,99 @@ export const ruleStyles = css({
   height: '1px',
   borderRadius: '1px'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const wrapperStyles = css({
   display: 'flex',
   flexDirection: 'column',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '> *:not(#replace-hr-element)': {
     margin: `0px ${"var(--ds-space-050, 4px)"}`
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const wrapperPaddingStyles = css({
   padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"}`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export 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'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export 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'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export 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)
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const textFieldWrapper = css({
   flex: '1 100%',
   flexWrap: 'wrap',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '#find-text-field, #replace-text-field': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: `${gridSize * 4.5 / fontSize}em`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   label: {
+    // 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),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     lineHeight: `${gridSize * 2}px`
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const afterInputSection = css({
   display: 'flex',
   flex: '0 0 auto',
   alignItems: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const matchCaseSection = css({
   paddingRight: "var(--ds-space-100, 8px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   button: {
     width: '20px',
     height: '20px'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const nextPreviousItemStyles = css({
   padding: `0px ${"var(--ds-space-025, 2px)"}`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const countStyles = css({
   color: `${"var(--ds-text-subtlest, #626F86)"}`,
+  // 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(12)}`,
   flex: '0 0 auto',
   justifyContent: 'center',
@@ -85,17 +119,25 @@ export const countStyles = css({
   marginLeft: "var(--ds-space-050, 4px)",
   marginRight: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const countStylesAlternateStyles = css({
   display: 'inline-flex',
   height: '32px'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const countWrapperStyles = css({
   alignItems: 'center'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const orderZeroStyles = css({
   order: '0',
   marginInline: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-025, 2px)"}`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const orderOneStyles = css({
   order: '1'
 });

package/dist/esm/styles.js

@@ -6,19 +6,13 @@ var _css;
 
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4290
 import { css } from '@emotion/react';
-import { B200, B75, N40A, N50A, N60A } from '@atlaskit/theme/colors';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { N40A, N50A, N60A } from '@atlaskit/theme/colors';
 export var searchMatchClass = 'search-match';
 export var selectedSearchMatchClass = 'selected-search-match';
-export var findReplaceStyles = css((_css = {}, _defineProperty(_css, ".".concat(searchMatchClass), getBooleanFF('platform.editor.a11y-find-replace') ? {
+export var findReplaceStyles = css((_css = {}, _defineProperty(_css, ".".concat(searchMatchClass), {
   borderRadius: '3px',
   backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
   boxShadow: "var(--ds-shadow-raised, ".concat("0 1px 1px 0 ".concat(N50A, ", 0 0 1px 0 ").concat(N60A), ")") + ', inset 0 0 0 1px ' + "var(--ds-border-input, ".concat("".concat(N40A), ")")
-} : {
-  backgroundColor: B75
-}), _defineProperty(_css, ".".concat(selectedSearchMatchClass), getBooleanFF('platform.editor.a11y-find-replace') ? {
+}), _defineProperty(_css, ".".concat(selectedSearchMatchClass), {
   backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
-} : {
-  backgroundColor: B200,
-  color: 'white'
 }), _css));