@atlaskit/editor-common 82.8.0 → 82.8.2

package/dist/es2019/styles/shared/media-single.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 const richMediaClassName = 'rich-media-item';
 const wrappedMediaBreakoutPoint = 410;

package/dist/es2019/styles/shared/panel.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { PanelType } from '@atlaskit/adf-schema';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';

package/dist/es2019/styles/shared/paragraph.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { akEditorLineHeight, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 

package/dist/es2019/styles/shared/plugins.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766

package/dist/es2019/styles/shared/resizer.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { akEditorDeleteIconColor } from '@atlaskit/editor-shared-styles';
 import { B200, B50, N60 } from '@atlaskit/theme/colors';

package/dist/es2019/styles/shared/rule.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { akEditorLineHeight } from '@atlaskit/editor-shared-styles';
 import { N30A } from '@atlaskit/theme/colors';

package/dist/es2019/styles/shared/shadow.js

@@ -1,5 +1,6 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { akEditorShadowZIndex } from '@atlaskit/editor-shared-styles';
 import { N40A } from '@atlaskit/theme/colors';

package/dist/es2019/styles/shared/smartCard.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';

package/dist/es2019/styles/shared/table.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { tableCellContentDomSelector, tableCellSelector, tableHeaderSelector, tablePrefixSelector } from '@atlaskit/adf-schema';
 import { akEditorBreakoutPadding, akEditorFullWidthLayoutWidth, akEditorSelectedNodeClassName, akEditorTableBorder, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorWideLayoutWidth, overflowShadow } from '@atlaskit/editor-shared-styles';

package/dist/es2019/styles/shared/tableCell.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { tableBackgroundColorNames } from '@atlaskit/adf-schema';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';

package/dist/es2019/styles/shared/task-decision.js

@@ -1,4 +1,5 @@
 /* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { akEditorLineHeight, akEditorTableCellMinWidth } from '@atlaskit/editor-shared-styles';
 export const TaskDecisionSharedCssClassName = {

package/dist/es2019/styles/shared/text-color.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766

package/dist/es2019/styles/shared/unsupported-content.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 export const UnsupportedSharedCssClassName = {

package/dist/es2019/styles/shared/whitespace.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 const whitespaceSharedStyles = css({
   wordWrap: 'break-word',

package/dist/es2019/table/SortingIcon.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { N20, N30 } from '@atlaskit/theme/colors';

package/dist/es2019/ui/BaseTheme/index.js

@@ -1,4 +1,6 @@
 import React, { useMemo } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { ThemeProvider } from '@emotion/react';
 import { akEditorDefaultLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { fontSize } from '@atlaskit/theme/constants';

package/dist/es2019/ui/Caption/index.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { N200, N400 } from '@atlaskit/theme/colors';

package/dist/es2019/ui/DropList/index.js

@@ -2,12 +2,14 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 
 import { Component } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "82.8.0";
+const packageVersion = "82.8.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui/Expand/index.js

@@ -2,6 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 
 import React, { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { defineMessages } from 'react-intl-next';
 import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';

package/dist/es2019/ui/FloatingToolbar/Separator.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
 const separator = css({

package/dist/es2019/ui/FloatingToolbar/SmallerEditIcon.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import EditIcon from '@atlaskit/icon/glyph/edit';
 const editIconStyles = css({

package/dist/es2019/ui/MediaSingle/index.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { akEditorMediaResizeHandlerPaddingWide, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';

package/dist/es2019/ui/MediaSingle/link.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766

package/dist/es2019/ui/MediaSingle/styled.js

@@ -1,6 +1,8 @@
 /** @jsx jsx */
 
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { akEditorDefaultLayoutWidth, akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { nonWrappedLayouts } from '../../utils';

package/dist/es2019/ui/Messages/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
 import ErrorIcon from '@atlaskit/icon/glyph/error';

package/dist/es2019/ui/MultiBodiedExtension/index.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 // Wraps the navigation bar and extensionFrames
 const mbeExtensionContainer = css({

package/dist/es2019/ui/PanelTextInput/index.js

@@ -2,6 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 
 import { PureComponent } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { browser } from '../../utils';
 import { panelTextInput, panelTextInputWithCustomWidth } from './styles';

package/dist/es2019/ui/PanelTextInput/styles.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { B100, N100, N30, N400 } from '@atlaskit/theme/colors';

package/dist/es2019/ui/ResizerLegacy/styled.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { MediaSingleDimensionHelper } from '../MediaSingle/styled';
 

package/dist/es2019/ui/UnsupportedBlock/index.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React, { useCallback, useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';

package/dist/es2019/ui/UnsupportedInline/index.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React, { useCallback, useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';

package/dist/es2019/ui/WidthProvider/index.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React, { Fragment } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
 import { WidthObserver } from '@atlaskit/width-detector';

package/dist/es2019/ui/clear-next-sibling-margin-top.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 
 // We use !important to ensure next sibling gets the margin reset no matter what

package/dist/es2019/ui-color/ColorPalette/Color/index.js

@@ -1,6 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React, { PureComponent } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';

package/dist/es2019/ui-color/ColorPalette/Color/styles.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { N0, N50, N900 } from '@atlaskit/theme/colors';
 /** this is not new usage - old code extracted from editor-core */

package/dist/es2019/ui-color/ColorPalette/Palettes/highlightColorPalette.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { backgroundColorPalette } from '@atlaskit/adf-schema';
 import Icon from '@atlaskit/icon';

package/dist/es2019/ui-color/ColorPalette/index.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import chromatism from 'chromatism';
 import { injectIntl } from 'react-intl-next';

package/dist/es2019/ui-color/ColorPalette/styles.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const colorPaletteWrapper = css({

package/dist/es2019/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js

@@ -1,5 +1,4 @@
 import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const hasEnabledItems = list => list.some(item => item.getAttribute('aria-disabled') !== 'true');
 
 /**
@@ -63,6 +62,7 @@ export const MenuArrowKeyNavigationProvider = ({
      * @param event
      */
     const handleKeyDown = event => {
+      var _wrapperRef$current;
       const targetElement = event.target;
 
       // Tab key on menu items can be handled in the parent components of dropdown menus with KeydownHandlerContext
@@ -77,16 +77,8 @@ export const MenuArrowKeyNavigationProvider = ({
       if (!focusableElements || (focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements.length) === 0) {
         return;
       }
-      if (getBooleanFF('platform.editor.explicit-html-element-check')) {
-        var _wrapperRef$current;
-        if (targetElement instanceof HTMLElement && !((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
-          setCurrentSelectedItemIndex(-1);
-        }
-      } else {
-        var _wrapperRef$current2;
-        if (!((_wrapperRef$current2 = wrapperRef.current) !== null && _wrapperRef$current2 !== void 0 && _wrapperRef$current2.contains(targetElement))) {
-          setCurrentSelectedItemIndex(-1);
-        }
+      if (targetElement instanceof HTMLElement && !((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
+        setCurrentSelectedItemIndex(-1);
       }
       switch (event.key) {
         case 'ArrowDown':
@@ -113,47 +105,21 @@ export const MenuArrowKeyNavigationProvider = ({
         // ArrowLeft/Right on the menu should close the menus
         // then logic to retain the focus can be handled in the parent components with KeydownHandlerContext
         case 'ArrowLeft':
-          // Filter out the events from outside the menu
-          if (getBooleanFF('platform.editor.explicit-html-element-check')) {
-            if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
-              return;
-            }
-          } else {
-            if (!(targetElement !== null && targetElement !== void 0 && targetElement.closest('.custom-key-handler-wrapper'))) {
-              return;
-            }
+          if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
+            return;
           }
           handleClose(event);
-          if (getBooleanFF('platform.editor.explicit-html-element-check')) {
-            if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
-              keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleArrowLeft();
-            }
-          } else {
-            if (!(targetElement !== null && targetElement !== void 0 && targetElement.closest('[data-testid="editor-floating-toolbar"]'))) {
-              keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleArrowLeft();
-            }
+          if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
+            keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleArrowLeft();
           }
           break;
         case 'ArrowRight':
-          // Filter out the events from outside the menu
-          if (getBooleanFF('platform.editor.explicit-html-element-check')) {
-            if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
-              return;
-            }
-          } else {
-            if (!targetElement.closest('.custom-key-handler-wrapper')) {
-              return;
-            }
+          if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
+            return;
           }
           handleClose(event);
-          if (getBooleanFF('platform.editor.explicit-html-element-check')) {
-            if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
-              keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleArrowRight();
-            }
-          } else {
-            if (!targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
-              keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleArrowRight();
-            }
+          if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
+            keyDownHandlerContext === null || keyDownHandlerContext === void 0 ? void 0 : keyDownHandlerContext.handleArrowRight();
           }
           break;
         case 'Escape':

package/dist/es2019/ui-menu/ColorPickerButton/index.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button';

package/dist/es2019/ui-menu/DropdownContainer/index.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { useContext } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { ArrowKeyNavigationType } from '../ArrowKeyNavigationProvider/types';
 import DropdownComponent from '../Dropdown';

package/dist/es2019/ui-menu/DropdownMenu/index.js

@@ -3,10 +3,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 
 import React, { PureComponent, useContext } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { CustomItem, MenuGroup, Section } from '@atlaskit/menu';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B100, N70, N900 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { DropdownMenuSharedCssClassName } from '../../styles';
@@ -272,11 +273,7 @@ export function DropdownMenuItem({
     }, item.content);
   }
   const _handleSubmenuActive = event => {
-    if (getBooleanFF('platform.editor.explicit-html-element-check')) {
-      setSubmenuActive(Boolean(event.target instanceof HTMLElement && event.target.closest(`.${DropdownMenuSharedCssClassName.SUBMENU}`)));
-    } else {
-      setSubmenuActive(!!event.target.closest(`.${DropdownMenuSharedCssClassName.SUBMENU}`));
-    }
+    setSubmenuActive(Boolean(event.target instanceof HTMLElement && event.target.closest(`.${DropdownMenuSharedCssClassName.SUBMENU}`)));
   };
   const dropListItem = jsx("div", {
     css: () => buttonStyles(item.isActive, submenuActive),

package/dist/es2019/ui-menu/ToolbarArrowKeyNavigationProvider/index.js

@@ -2,8 +2,9 @@
 /* eslint-disable no-console */
 
 import React, { useCallback, useLayoutEffect, useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { fullPageMessages as messages } from '../../messages';
 import { EDIT_AREA_ID } from '../../ui';
 /*
@@ -109,31 +110,14 @@ export const ToolbarArrowKeyNavigationProvider = ({
      * @param event
      */
     const handleKeyDown = event => {
+      var _document$querySelect, _document$querySelect2, _wrapperRef$current;
       // To trap the focus inside the horizontal toolbar for left and right arrow keys
       const targetElement = event.target;
-
-      // To filter out the events outside the child component
-      if (getBooleanFF('platform.editor.explicit-html-element-check')) {
-        if (targetElement instanceof HTMLElement && !targetElement.closest(`${childComponentSelector}`)) {
-          return;
-        }
-      } else {
-        if (!(targetElement !== null && targetElement !== void 0 && targetElement.closest(`${childComponentSelector}`))) {
-          return;
-        }
+      if (targetElement instanceof HTMLElement && !targetElement.closest(`${childComponentSelector}`)) {
+        return;
       }
-
-      // The key events are from child components such as dropdown menus / popups are ignored
-      if (getBooleanFF('platform.editor.explicit-html-element-check')) {
-        var _document$querySelect, _document$querySelect2;
-        if (targetElement instanceof HTMLElement && (_document$querySelect = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect !== void 0 && _document$querySelect.contains(targetElement) || targetElement instanceof HTMLElement && (_document$querySelect2 = document.querySelector('[data-test-id="color-picker-menu"]')) !== null && _document$querySelect2 !== void 0 && _document$querySelect2.contains(targetElement) || event.key === 'ArrowUp' || event.key === 'ArrowDown' || disableArrowKeyNavigation) {
-          return;
-        }
-      } else {
-        var _document$querySelect3, _document$querySelect4;
-        if ((_document$querySelect3 = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect3 !== void 0 && _document$querySelect3.contains(targetElement) || (_document$querySelect4 = document.querySelector('[data-test-id="color-picker-menu"]')) !== null && _document$querySelect4 !== void 0 && _document$querySelect4.contains(targetElement) || event.key === 'ArrowUp' || event.key === 'ArrowDown' || disableArrowKeyNavigation) {
-          return;
-        }
+      if (targetElement instanceof HTMLElement && (_document$querySelect = document.querySelector('[data-role="droplistContent"], [data-test-id="color-picker-menu"], [data-emoji-picker-container="true"]')) !== null && _document$querySelect !== void 0 && _document$querySelect.contains(targetElement) || targetElement instanceof HTMLElement && (_document$querySelect2 = document.querySelector('[data-test-id="color-picker-menu"]')) !== null && _document$querySelect2 !== void 0 && _document$querySelect2.contains(targetElement) || event.key === 'ArrowUp' || event.key === 'ArrowDown' || disableArrowKeyNavigation) {
+        return;
       }
       const menuWrapper = document.querySelector('.menu-key-handler-wrapper');
       if (menuWrapper) {
@@ -144,23 +128,10 @@ export const ToolbarArrowKeyNavigationProvider = ({
       if (!filteredFocusableElements || (filteredFocusableElements === null || filteredFocusableElements === void 0 ? void 0 : filteredFocusableElements.length) === 0) {
         return;
       }
-
-      // This is kind of hack to reset the current focused toolbar item
-      // to handle some use cases such as Tab in/out of main toolbar
-      if (getBooleanFF('platform.editor.explicit-html-element-check')) {
-        var _wrapperRef$current;
-        if (targetElement instanceof HTMLElement && !((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
-          selectedItemIndex.current = -1;
-        } else {
-          selectedItemIndex.current = targetElement instanceof HTMLElement && filteredFocusableElements.indexOf(targetElement) > -1 ? filteredFocusableElements.indexOf(targetElement) : selectedItemIndex.current;
-        }
+      if (targetElement instanceof HTMLElement && !((_wrapperRef$current = wrapperRef.current) !== null && _wrapperRef$current !== void 0 && _wrapperRef$current.contains(targetElement))) {
+        selectedItemIndex.current = -1;
       } else {
-        var _wrapperRef$current2;
-        if (!((_wrapperRef$current2 = wrapperRef.current) !== null && _wrapperRef$current2 !== void 0 && _wrapperRef$current2.contains(targetElement))) {
-          selectedItemIndex.current = -1;
-        } else {
-          selectedItemIndex.current = filteredFocusableElements.indexOf(targetElement) > -1 ? filteredFocusableElements.indexOf(targetElement) : selectedItemIndex.current;
-        }
+        selectedItemIndex.current = targetElement instanceof HTMLElement && filteredFocusableElements.indexOf(targetElement) > -1 ? filteredFocusableElements.indexOf(targetElement) : selectedItemIndex.current;
       }
 
       // do not scroll to focused element for sticky toolbar when navigating with arrows to avoid unnesessary scroll jump

package/dist/es2019/ui-menu/ToolbarButton/index.js

@@ -3,6 +3,8 @@
 // and notify about the change in #team-fc-editor-ai-dev channel.
 /** @jsx jsx */
 import React, { useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { FabricChannel } from '@atlaskit/analytics-listeners';
 import Tooltip from '@atlaskit/tooltip';

package/dist/esm/card/LinkToolbarButtonGroup.js

@@ -2,6 +2,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["disabled"];
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { ButtonGroup } from '@atlaskit/button';
 import { FloatingToolbarButton as Button } from '../ui';

package/dist/esm/collab/index.js

@@ -1,5 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { avatarColors, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { getGlobalTheme } from '@atlaskit/tokens';

package/dist/esm/element-browser/ViewMore.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import { useEffect, useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { ButtonItem, Section } from '@atlaskit/menu';
 var itemBefore = css({

package/dist/esm/element-browser/components/CategoryList.js

@@ -8,6 +8,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @jsx jsx */
 import React, { Fragment, memo, useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/custom-theme-button';

package/dist/esm/element-browser/components/ElementBrowserLoader.js

@@ -1,5 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Loadable from 'react-loadable';
 import Spinner from '@atlaskit/spinner';

package/dist/esm/element-browser/components/ElementList/ElementList.js

@@ -4,6 +4,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["items", "mode", "selectedItemIndex", "focusedItemIndex", "columnCount", "setColumnCount", "createAnalyticsEvent", "emptyStateHandler", "selectedCategory", "selectedCategoryIndex", "searchTerm", "setFocusedCategoryIndex", "setFocusedItemIndex"];
 /** @jsx jsx */
 import React, { Fragment, memo, useCallback, useEffect, useMemo, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { Grid } from 'react-virtualized';
 import { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';

package/dist/esm/element-browser/components/ElementList/EmptyState.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button';

package/dist/esm/element-browser/components/ElementList/NotFoundIllustration.js

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var imageContainer = css({
   width: '120px',

package/dist/esm/element-browser/components/ElementSearch.js

@@ -1,6 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @jsx jsx */
 import React, { memo, useLayoutEffect, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';