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

package/dist/esm/ui/Find.js

@@ -17,14 +17,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 var FIND_DEBOUNCE_MS = 100;
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var Find = /*#__PURE__*/function (_React$Component) {
@@ -137,10 +133,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
     });
     var formatMessage = props.intl.formatMessage;
     _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.
@@ -204,97 +197,46 @@ var Find = /*#__PURE__*/function (_React$Component) {
         selectedMatchPosition: count.index + 1,
         totalResultsCount: count.total
       });
-      if (getBooleanFF('platform.editor.a11y-find-replace')) {
-        var 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
-        }));
-      }
+      var 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
+      })));
     }
   }]);
   return Find;

package/dist/esm/ui/FindReplace.js

@@ -12,7 +12,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 /** @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';
@@ -53,11 +52,9 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
       findTyped: false
     });
     _defineProperty(_assertThisInitialized(_this), "setFindTyped", function (value) {
-      if (getBooleanFF('platform.editor.a11y-find-replace')) {
-        _this.setState({
-          findTyped: value
-        });
-      }
+      _this.setState({
+        findTyped: value
+      });
     });
     _defineProperty(_assertThisInitialized(_this), "setFindTextfieldRef", function (findTextfieldRef) {
       _this.findTextfield = findTextfieldRef.current;
@@ -81,18 +78,14 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
   _createClass(FindReplace, [{
     key: "componentDidMount",
     value: function 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);
     }
   }, {
     key: "componentWillUnmount",
     value: function 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);
     }
   }, {
     key: "render",
@@ -113,10 +106,10 @@ var FindReplace = /*#__PURE__*/function (_React$PureComponent) {
         allowMatchCase = _this$props.allowMatchCase,
         shouldMatchCase = _this$props.shouldMatchCase,
         onToggleMatchCase = _this$props.onToggleMatchCase;
-      var focusToolbarButton = getBooleanFF('platform.editor.a11y-find-replace') ? this.props.focusToolbarButton || function () {} : function () {};
+      var focusToolbarButton = this.props.focusToolbarButton || function () {};
       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,
@@ -133,7 +126,7 @@ var FindReplace = /*#__PURE__*/function (_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/esm/ui/FindReplaceToolbarButton.js

@@ -21,7 +21,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
@@ -34,7 +33,6 @@ var wrapper = 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) {
   _inherits(FindReplaceToolbarButton, _React$PureComponent);
@@ -103,17 +101,15 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
             _this2.props.onCancel({
               triggerMethod: TRIGGER_METHOD.KEYBOARD
             });
-            if (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: getBooleanFF('platform.editor.a11y-find-replace') ? dropdownWidthNewDesign : dropdownWidthOldDesign,
+        fitWidth: dropdownWidthNewDesign,
         zIndex: stackBelowOtherEditorFloatingPanels,
         arrowKeyNavigationProviderOptions: {
           type: ArrowKeyNavigationType.MENU,
@@ -135,7 +131,7 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_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/esm/ui/Replace.js

@@ -18,7 +18,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';
@@ -145,7 +144,6 @@ var Replace = /*#__PURE__*/function (_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);
@@ -169,13 +167,11 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
           isComposing: false
         });
       }
-      if (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();
       }
     }
   }, {
@@ -207,7 +203,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       var 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
@@ -216,6 +212,7 @@ var Replace = /*#__PURE__*/function (_React$PureComponent) {
       }, "Replace with"), jsx(Textfield, {
         name: "replace",
         id: "replace-text-field",
+        testId: "replace-field",
         appearance: "standard",
         defaultValue: replaceText,
         ref: this.replaceTextfieldRef,
@@ -230,9 +227,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)))), jsx("div", {
         css: [sectionWrapperStyles, sectionWrapperStylesAlternate, sectionWrapperJustified]
       }, jsx("div", {
@@ -280,30 +277,7 @@ var Replace = /*#__PURE__*/function (_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))));
     }
   }]);
   return Replace;

package/dist/esm/ui/styles.js

@@ -9,6 +9,8 @@ import { fontSize as getFontSize,
 gridSize as getGridSize } from '@atlaskit/theme/constants';
 var fontSize = getFontSize();
 var 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 var ruleStyles = css({
   width: '100%',
   border: 'none',
@@ -17,67 +19,99 @@ export var 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 var 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 ".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
 export var wrapperPaddingStyles = 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
 export 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'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export 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'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export 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)
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var 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: "".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: 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
 export var 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 var 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 var nextPreviousItemStyles = 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
 export var 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: "".concat(relativeFontSizeToBase16(12)),
   flex: '0 0 auto',
   justifyContent: 'center',
@@ -85,17 +119,25 @@ export var 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 var 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 var 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 var orderZeroStyles = 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
 export var orderOneStyles = css({
   order: '1'
 });