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

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-find-replace
 
+## 1.3.0
+
+### Minor Changes
+
+- [#106001](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/106001)
+  [`2a3e33b1e7727`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2a3e33b1e7727) -
+  [ux] ECA11Y-75: Remove feature flag and fix tests
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.2.10
 
 ### Patch Changes

package/dist/cjs/styles.js

@@ -8,7 +8,6 @@ exports.selectedSearchMatchClass = exports.searchMatchClass = exports.findReplac
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _css;
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage/preview */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
@@ -16,15 +15,10 @@ var _css;
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4290
 var searchMatchClass = exports.searchMatchClass = 'search-match';
 var selectedSearchMatchClass = exports.selectedSearchMatchClass = 'selected-search-match';
-var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)((_css = {}, (0, _defineProperty2.default)(_css, ".".concat(searchMatchClass), (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? {
+var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)((_css = {}, (0, _defineProperty2.default)(_css, ".".concat(searchMatchClass), {
   borderRadius: '3px',
   backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
   boxShadow: "var(--ds-shadow-raised, ".concat("0 1px 1px 0 ".concat(_colors.N50A, ", 0 0 1px 0 ").concat(_colors.N60A), ")") + ', inset 0 0 0 1px ' + "var(--ds-border-input, ".concat("".concat(_colors.N40A), ")")
-} : {
-  backgroundColor: _colors.B75
-}), (0, _defineProperty2.default)(_css, ".".concat(selectedSearchMatchClass), (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? {
+}), (0, _defineProperty2.default)(_css, ".".concat(selectedSearchMatchClass), {
   backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
-} : {
-  backgroundColor: _colors.B200,
-  color: 'white'
 }), _css));

package/dist/cjs/ui/Find.js

@@ -20,11 +20,7 @@ var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
 var _form = require("@atlaskit/form");
-var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
 var _keyboard = _interopRequireDefault(require("@atlaskit/icon/glyph/emoji/keyboard"));
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
-var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _FindReplaceTooltipButton = require("./FindReplaceTooltipButton");
 var _styles = require("./styles");
@@ -142,10 +138,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
     });
     var formatMessage = props.intl.formatMessage;
     _this.find = formatMessage(_messages.findReplaceMessages.find);
-    _this.closeFindReplaceDialog = formatMessage(_messages.findReplaceMessages.closeFindReplaceDialog);
     _this.noResultsFound = formatMessage(_messages.findReplaceMessages.noResultsFound);
-    _this.findNext = formatMessage(_messages.findReplaceMessages.findNext);
-    _this.findPrevious = formatMessage(_messages.findReplaceMessages.findPrevious);
     _this.matchCase = formatMessage(_messages.findReplaceMessages.matchCase);
 
     // We locally manage the value of the input inside this component in order to support compositions.
@@ -209,97 +202,46 @@ var Find = /*#__PURE__*/function (_React$Component) {
         selectedMatchPosition: count.index + 1,
         totalResultsCount: count.total
       });
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace')) {
-        var elemAfterInput = (0, _react2.jsx)("div", {
-          css: _styles.afterInputSection
-        }, (0, _react2.jsx)("div", {
-          "aria-live": "polite"
-        }, findText && (0, _react2.jsx)("span", {
-          "data-testid": "textfield-count",
-          css: [_styles.countStyles, _styles.countStylesAlternateStyles]
-        }, count.total === 0 ? this.noResultsFound : resultsCount)), (0, _react2.jsx)("div", {
-          css: _styles.matchCaseSection
-        }, (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
-          title: this.matchCase,
-          appearance: "default",
-          icon: _keyboard.default,
-          iconLabel: this.matchCase,
-          iconSize: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? 'small' : undefined,
-          onClick: this.handleMatchCaseClick,
-          isPressed: shouldMatchCase
-        })));
-        return (0, _react2.jsx)("div", {
-          css: [_styles.sectionWrapperStyles, _styles.sectionWrapperStylesAlternate]
-        }, (0, _react2.jsx)("div", {
-          css: _styles.textFieldWrapper
-        }, (0, _react2.jsx)(_form.Label, {
-          htmlFor: "find-text-field"
-        }, this.find), (0, _react2.jsx)(_textfield.default, {
-          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 (0, _react2.jsx)("div", {
-          css: _styles.sectionWrapperStyles
-        }, (0, _react2.jsx)(_textfield.default, {
-          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
-        }), (0, _react2.jsx)("div", {
-          css: _styles.countWrapperStyles,
-          "aria-live": "polite"
-        }, findText && (0, _react2.jsx)("span", {
-          "data-testid": "textfield-count",
-          css: _styles.countStyles
-        }, count.total === 0 ? this.noResultsFound : resultsCount)), (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
-          title: this.matchCase,
-          icon: _keyboard.default,
-          iconLabel: this.matchCase,
-          iconSize: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? 'small' : undefined,
-          onClick: this.handleMatchCaseClick,
-          isPressed: shouldMatchCase
-        }), (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
-          title: this.findNext,
-          icon: _chevronDown.default,
-          iconLabel: this.findNext,
-          keymapDescription: 'Enter',
-          onClick: this.handleFindNextClick,
-          disabled: count.total <= 1
-        }), (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
-          title: this.findPrevious,
-          icon: _chevronUp.default,
-          iconLabel: this.findPrevious,
-          keymapDescription: 'Shift Enter',
-          onClick: this.handleFindPrevClick,
-          disabled: count.total <= 1
-        }), (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
-          title: this.closeFindReplaceDialog,
-          icon: _close.default,
-          iconLabel: this.closeFindReplaceDialog,
-          keymapDescription: 'Escape',
-          onClick: this.clearSearch
-        }));
-      }
+      var elemAfterInput = (0, _react2.jsx)("div", {
+        css: _styles.afterInputSection
+      }, (0, _react2.jsx)("div", {
+        "aria-live": "polite"
+      }, findText && (0, _react2.jsx)("span", {
+        "data-testid": "textfield-count",
+        css: [_styles.countStyles, _styles.countStylesAlternateStyles]
+      }, count.total === 0 ? this.noResultsFound : resultsCount)), (0, _react2.jsx)("div", {
+        css: _styles.matchCaseSection
+      }, (0, _react2.jsx)(_FindReplaceTooltipButton.FindReplaceTooltipButton, {
+        title: this.matchCase,
+        appearance: "default",
+        icon: _keyboard.default,
+        iconLabel: this.matchCase,
+        iconSize: 'small',
+        onClick: this.handleMatchCaseClick,
+        isPressed: shouldMatchCase
+      })));
+      return (0, _react2.jsx)("div", {
+        css: [_styles.sectionWrapperStyles, _styles.sectionWrapperStylesAlternate]
+      }, (0, _react2.jsx)("div", {
+        css: _styles.textFieldWrapper
+      }, (0, _react2.jsx)(_form.Label, {
+        htmlFor: "find-text-field"
+      }, this.find), (0, _react2.jsx)(_textfield.default, {
+        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
+      })));
     }
   }]);
   return Find;

package/dist/cjs/ui/FindReplace.js

@@ -14,7 +14,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _Find = _interopRequireDefault(require("./Find"));
 var _Replace = _interopRequireDefault(require("./Replace"));
 var _styles = require("./styles");
@@ -57,11 +56,9 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
       findTyped: false
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setFindTyped", function (value) {
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace')) {
-        _this.setState({
-          findTyped: value
-        });
-      }
+      _this.setState({
+        findTyped: value
+      });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setFindTextfieldRef", function (findTextfieldRef) {
       _this.findTextfield = findTextfieldRef.current;
@@ -85,18 +82,14 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
   (0, _createClass2.default)(FindReplace, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace')) {
-        // eslint-disable-next-line
-        window.addEventListener('keydown', this.handleTabNavigation);
-      }
+      // eslint-disable-next-line
+      window.addEventListener('keydown', this.handleTabNavigation);
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace')) {
-        // eslint-disable-next-line
-        window.removeEventListener('keydown', this.handleTabNavigation);
-      }
+      // eslint-disable-next-line
+      window.removeEventListener('keydown', this.handleTabNavigation);
     }
   }, {
     key: "render",
@@ -117,10 +110,10 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         allowMatchCase = _this$props.allowMatchCase,
         shouldMatchCase = _this$props.shouldMatchCase,
         onToggleMatchCase = _this$props.onToggleMatchCase;
-      var focusToolbarButton = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? this.props.focusToolbarButton || function () {} : function () {};
+      var focusToolbarButton = this.props.focusToolbarButton || function () {};
       return (0, _react2.jsx)("div", {
         ref: this.modalRef,
-        css: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? [_styles.wrapperStyles, _styles.wrapperPaddingStyles] : _styles.wrapperStyles
+        css: [_styles.wrapperStyles, _styles.wrapperPaddingStyles]
       }, (0, _react2.jsx)(_Find.default, {
         allowMatchCase: allowMatchCase,
         shouldMatchCase: shouldMatchCase,
@@ -137,7 +130,7 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         onArrowDown: this.setFocusToReplace,
         findTyped: this.state.findTyped,
         setFindTyped: this.setFindTyped
-      }), !(0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') && (0, _react2.jsx)("hr", {
+      }), (0, _react2.jsx)("hr", {
         css: _styles.ruleStyles,
         id: "replace-hr-element"
       }), (0, _react2.jsx)(_Replace.default, {

package/dist/cjs/ui/FindReplaceToolbarButton.js

@@ -23,7 +23,6 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/search"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _FindReplace = _interopRequireDefault(require("./FindReplace"));
 var _templateObject;
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
@@ -40,7 +39,6 @@ var wrapper = (0, _react2.css)({
   flexDirection: 'column'
 });
 var dropdownWidthNewDesign = 382;
-var dropdownWidthOldDesign = 352;
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(FindReplaceToolbarButton, _React$PureComponent);
@@ -109,17 +107,15 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
             _this2.props.onCancel({
               triggerMethod: _analytics.TRIGGER_METHOD.KEYBOARD
             });
-            if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace')) {
-              if (_this2.state.openedByClick && _this2.toolbarButtonRef.current) {
-                _this2.toolbarButtonRef.current.focus();
-              }
-              _this2.setState({
-                openedByClick: false
-              });
+            if (_this2.state.openedByClick && _this2.toolbarButtonRef.current) {
+              _this2.toolbarButtonRef.current.focus();
             }
+            _this2.setState({
+              openedByClick: false
+            });
           }
         },
-        fitWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? dropdownWidthNewDesign : dropdownWidthOldDesign,
+        fitWidth: dropdownWidthNewDesign,
         zIndex: stackBelowOtherEditorFloatingPanels,
         arrowKeyNavigationProviderOptions: {
           type: _uiMenu.ArrowKeyNavigationType.MENU,
@@ -141,7 +137,7 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
           "aria-haspopup": true,
           "aria-label": keymap ? (0, _keymaps.tooltip)(keymap, title) : title,
           "aria-keyshortcuts": (0, _keymaps.getAriaKeyshortcuts)(keymap),
-          ref: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? this.toolbarButtonRef : null
+          ref: this.toolbarButtonRef
         })
       }, (0, _react2.jsx)("div", {
         css: wrapper

package/dist/cjs/ui/Replace.js

@@ -22,7 +22,6 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _form = require("@atlaskit/form");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
 var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _FindReplaceTooltipButton = require("./FindReplaceTooltipButton");
@@ -153,7 +152,6 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       fakeSuccessReplacementMessageUpdate: false,
       replaceCount: 0
     };
-    _this.replaceWith = formatMessage(_messages.findReplaceMessages.replaceWith);
     _this.replace = formatMessage(_messages.findReplaceMessages.replace);
     _this.replaceAll = formatMessage(_messages.findReplaceMessages.replaceAll);
     _this.findNext = formatMessage(_messages.findReplaceMessages.findNext);
@@ -177,13 +175,11 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
           isComposing: false
         });
       }
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace')) {
-        var findTextField = document.getElementById('find-text-field');
-        var replaceButton = document.getElementById('replace-button');
-        var 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();
-        }
+      var findTextField = document.getElementById('find-text-field');
+      var replaceButton = document.getElementById('replace-button');
+      var 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();
       }
     }
   }, {
@@ -215,7 +211,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       var resultsReplace = formatMessage(_messages.findReplaceMessages.replaceSuccess, {
         numberOfMatches: replaceCount
       });
-      return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-find-replace') ? (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
+      return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", {
         css: [_styles.sectionWrapperStyles, _styles.sectionWrapperStylesAlternate]
       }, (0, _react2.jsx)("div", {
         css: _styles.textFieldWrapper
@@ -224,6 +220,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       }, "Replace with"), (0, _react2.jsx)(_textfield.default, {
         name: "replace",
         id: "replace-text-field",
+        testId: "replace-field",
         appearance: "standard",
         defaultValue: replaceText,
         ref: this.replaceTextfieldRef,
@@ -238,9 +235,9 @@ var Replace = /*#__PURE__*/function (_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(/ /, "\xA0") : resultsReplace)))), (0, _react2.jsx)("div", {
         css: [_styles.sectionWrapperStyles, _styles.sectionWrapperStylesAlternate, _styles.sectionWrapperJustified]
       }, (0, _react2.jsx)("div", {
@@ -288,30 +285,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
         appearance: "subtle",
         testId: this.closeFindReplaceDialog,
         onClick: this.clearSearch
-      }, this.closeFindReplaceDialog)))) : (0, _react2.jsx)("div", {
-        css: _styles.sectionWrapperStyles
-      }, (0, _react2.jsx)(_textfield.default, {
-        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
-      }), (0, _react2.jsx)(_primitives.Inline, {
-        space: "space.050"
-      }, (0, _react2.jsx)(_new.default, {
-        testId: this.replace,
-        onClick: this.handleReplaceClick,
-        isDisabled: !canReplace
-      }, this.replace), (0, _react2.jsx)(_new.default, {
-        testId: this.replaceAll,
-        onClick: this.handleReplaceAllClick,
-        isDisabled: !canReplace
-      }, this.replaceAll)));
+      }, this.closeFindReplaceDialog))));
     }
   }]);
   return Replace;

package/dist/cjs/ui/styles.js

@@ -14,6 +14,8 @@ var _constants = require("@atlaskit/theme/constants");
 
 var fontSize = (0, _constants.fontSize)();
 var gridSize = (0, _constants.gridSize)();
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var ruleStyles = exports.ruleStyles = (0, _react.css)({
   width: '100%',
   border: 'none',
@@ -22,67 +24,99 @@ var ruleStyles = exports.ruleStyles = (0, _react.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
 var wrapperStyles = exports.wrapperStyles = (0, _react.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 ".concat("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
 var wrapperPaddingStyles = exports.wrapperPaddingStyles = (0, _react.css)({
   padding: "var(--ds-space-050, 4px)".concat(" ", "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
 var sectionWrapperStyles = exports.sectionWrapperStyles = (0, _react.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
 var sectionWrapperStylesAlternate = exports.sectionWrapperStylesAlternate = (0, _react.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
 var sectionWrapperJustified = exports.sectionWrapperJustified = (0, _react.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)
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var textFieldWrapper = exports.textFieldWrapper = (0, _react.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: "".concat(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: (0, _editorSharedStyles.relativeFontSizeToBase16)(14),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     lineHeight: "".concat(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
 var afterInputSection = exports.afterInputSection = (0, _react.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
 var matchCaseSection = exports.matchCaseSection = (0, _react.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
 var nextPreviousItemStyles = exports.nextPreviousItemStyles = (0, _react.css)({
   padding: "0px ".concat("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
 var countStyles = exports.countStyles = (0, _react.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: "".concat((0, _editorSharedStyles.relativeFontSizeToBase16)(12)),
   flex: '0 0 auto',
   justifyContent: 'center',
@@ -90,17 +124,25 @@ var countStyles = exports.countStyles = (0, _react.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
 var countStylesAlternateStyles = exports.countStylesAlternateStyles = (0, _react.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
 var countWrapperStyles = exports.countWrapperStyles = (0, _react.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
 var orderZeroStyles = exports.orderZeroStyles = (0, _react.css)({
   order: '0',
   marginInline: "var(--ds-space-050, 4px)".concat(" ", "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
 var orderOneStyles = exports.orderOneStyles = (0, _react.css)({
   order: '1'
 });

package/dist/es2019/styles.js

@@ -4,22 +4,16 @@
 
 // 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 const searchMatchClass = 'search-match';
 export const selectedSearchMatchClass = 'selected-search-match';
 export const findReplaceStyles = css({
-  [`.${searchMatchClass}`]: getBooleanFF('platform.editor.a11y-find-replace') ? {
+  [`.${searchMatchClass}`]: {
     borderRadius: '3px',
     backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
     boxShadow: `var(--ds-shadow-raised, ${`0 1px 1px 0 ${N50A}, 0 0 1px 0 ${N60A}`})` + ', inset 0 0 0 1px ' + `var(--ds-border-input, ${`${N40A}`})`
-  } : {
-    backgroundColor: B75
   },
-  [`.${selectedSearchMatchClass}`]: getBooleanFF('platform.editor.a11y-find-replace') ? {
+  [`.${selectedSearchMatchClass}`]: {
     backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
-  } : {
-    backgroundColor: B200,
-    color: 'white'
   }
 });