@atlaskit/editor-core 210.2.0 → 210.2.2

package/dist/es2019/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -323,6 +323,159 @@ export const smartCardStylesWithSearchMatch = css({
   }
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export const smartCardStylesWithSearchMatchAndBlockMenuDangerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+  [`.${SmartCardSharedCssClassName.INLINE_CARD_CONTAINER}`]: {
+    maxWidth: 'calc(100% - 20px)',
+    verticalAlign: 'top',
+    wordBreak: 'break-all',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.card-with-comment': {
+      background: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
+      borderBottom: `2px solid ${"var(--ds-border-accent-yellow, #B38600)"}`,
+      boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.card': {
+      paddingLeft: "var(--ds-space-025, 2px)",
+      paddingRight: "var(--ds-space-025, 2px)",
+      paddingTop: "var(--ds-space-100, 0.5em)",
+      paddingBottom: "var(--ds-space-100, 0.5em)",
+      marginBottom: "var(--ds-space-negative-100, -0.5em)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+      [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a:focus`]: [
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+      boxShadowSelectionStyles,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+      hideNativeBrowserTextSelectionStyles]
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    [`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    hideNativeBrowserTextSelectionStyles],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    [`&.ak-editor-selected-node:not(.search-match-block):not(.danger) .${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]:
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    boxShadowSelectionStyles],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+    [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: {
+      // EDM-1717: box-shadow Safari fix start
+      zIndex: 1,
+      position: 'relative'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+      [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > a`]: {
+        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`,
+        // EDM-1717: box-shadow Safari fix start
+        zIndex: 2
+        // EDM-1717: box-shadow Safari fix end
+      }
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+  [`.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
+    display: 'block',
+    margin: '0.75rem 0 0',
+    maxWidth: `${8 * 95}px`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    [`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    boxShadowSelectionStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    hideNativeBrowserTextSelectionStyles, {
+      borderRadius: "var(--ds-border-radius-200, 8px)"
+    }],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+      [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"} !important`
+      }
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+  [`.${SmartCardSharedCssClassName.DATASOURCE_CONTAINER}.${SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER}`]: {
+    maxWidth: '100%',
+    display: 'flex',
+    justifyContent: 'center',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+    [`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: {
+      cursor: 'pointer',
+      backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
+      borderRadius: "var(--ds-border-radius-200, 8px)",
+      border: `1px solid ${"var(--ds-border, #091E4224)"}`,
+      overflow: 'hidden'
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.ak-editor-selected-node': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+      [`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: [
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+      boxShadowSelectionStyles,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+      hideNativeBrowserTextSelectionStyles, {
+        'input::selection': {
+          backgroundColor: "var(--ds-background-selected-hovered, #CCE0FF)"
+        },
+        'input::-moz-selection': {
+          backgroundColor: "var(--ds-background-selected-hovered, #CCE0FF)"
+        }
+      }]
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+      [`.${DATASOURCE_INNER_CONTAINER_CLASSNAME}`]: {
+        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"}`
+      }
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+  [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+    [`.${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]: {
+      cursor: 'pointer',
+      '&::after': {
+        transition: 'box-shadow 0s'
+      }
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    [`&.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]: [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    hideNativeBrowserTextSelectionStyles],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    [`&.ak-editor-selected-node:not(.search-match-block) .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div::after`]:
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    boxShadowSelectionStyles],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.danger': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.media-card-frame::after': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+        boxShadow: `0 0 0 1px ${"var(--ds-border-danger, #E2483D)"} !important`,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+        background: `${"var(--ds-background-danger, #FFECEB)"} !important`
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '.richMedia-resize-handle-right::after, .richMedia-resize-handle-left::after': {
+        background: "var(--ds-border-danger, #E2483D)"
+      }
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+  [`.${FLOATING_TOOLBAR_LINKPICKER_CLASSNAME}`]: {
+    padding: 0
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values

package/dist/es2019/ui/EditorContentContainer/styles/statusStyles.js

@@ -164,6 +164,18 @@ export const statusStylesMixin_fg_platform_component_visual_refresh_with_search_
   }
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const statusDangerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.statusView-content-wrap:not(.search-match-block)': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.ak-editor-selected-node.danger .status-lozenge-span > span': {
+      boxShadow: `0 0 0 2px ${"var(--ds-border-danger, #E2483D)"}`
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    }
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const statusStylesMixin_without_fg_platform_component_visual_refresh = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/es2019/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
 
-import { blanketSelectionStyles, boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
+import { blanketSelectionStyles, boxShadowSelectionStyles, dangerBackgroundStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
 const akEditorLineHeight = 1.714;
 const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
 export const TaskDecisionSharedCssClassName = {
@@ -169,6 +169,14 @@ export const decisionStyles = css({
   }
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const decisionDangerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-nested-selectors
+  [`.${akEditorSelectedNodeClassName}.danger > [data-decision-wrapper], ol[data-node-type='decisionList'].${akEditorSelectedNodeClassName}.danger`]:
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+  [dangerBackgroundStyles, dangerBorderStyles]
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const decisionIconWithVisualRefresh = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "210.1.8";
+export const version = "210.2.1";

package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js

@@ -14,6 +14,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+import { expValNoExposure } from '@atlaskit/tmp-editor-statsig/expVal';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { aiPanelBaseFirefoxStyles, aiPanelBaseStyles, aiPanelDarkFirefoxStyles, aiPanelDarkStyles } from './styles/aiPanel';
 import { annotationStyles } from './styles/annotationStyles';
@@ -26,10 +27,10 @@ import { codeBlockStyles, codeBgColorStyles, firstCodeBlockWithNoMargin, firstCo
 import { codeMarkStyles } from './styles/codeMarkStyles';
 import { commentEditorStyles } from './styles/commentEditorStyles';
 import { cursorStyles } from './styles/cursorStyles';
-import { dateStyles, dateVanillaStyles } from './styles/dateStyles';
+import { dangerDateStyles, dateStyles, dateVanillaStyles } from './styles/dateStyles';
 import { editorUGCTokensDefault, editorUGCTokensRefreshed } from './styles/editorUGCTokenStyles';
 import { embedCardStyles } from './styles/embedCardStyles';
-import { emojiStyles, emojiStylesWithSelectorFixes } from './styles/emoji';
+import { emojiDangerStyles, emojiStyles, emojiStylesWithSelectorFixes } from './styles/emoji';
 import { expandStyles, expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes, expandStylesMixin_fg_platform_visual_refresh_icons, expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes } from './styles/expandStyles';
 import { extensionStyles } from './styles/extensionStyles';
 import { findReplaceStyles, findReplaceStylesNew } from './styles/findReplaceStyles';
@@ -43,21 +44,21 @@ import { InlineNodeViewSharedStyles } from './styles/inlineNodeViewSharedStyles'
 import { layoutBaseStyles, layoutBaseStylesAdvanced, layoutBaseStylesFixesUnderNestedDnDFG, layoutColumnMartinTopFixesNew, layoutColumnMartinTopFixesOld, layoutColumnResponsiveStyles, layoutColumnStylesAdvanced, layoutColumnStylesNotAdvanced, layoutResponsiveBaseStyles, layoutResponsiveStylesForView, layoutSectionStylesAdvanced, layoutSectionStylesNotAdvanced, layoutSelectedStylesAdvanced, layoutSelectedStylesForViewAdvanced, layoutSelectedStylesForViewNotAdvanced, layoutSelectedStylesNotAdvanced, layoutStylesForView } from './styles/layout';
 import { hyperLinkFloatingToolbarStyles, linkLegacyIconStylesFix, linkStyles } from './styles/link';
 import { listsStyles, listsStylesSafariFix } from './styles/list';
-import { mediaAlignmentStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
-import { mentionsStyles, mentionsSelectionStyles, mentionNodeStyles, mentionsStylesMixin_platform_editor_centre_mention_padding, mentionsSelectionStylesWithSearchMatch } from './styles/mentions';
+import { mediaAlignmentStyles, mediaDangerStyles, mediaGroupStyles, mediaStyles } from './styles/mediaStyles';
+import { mentionsStyles, mentionsSelectionStyles, mentionNodeStyles, mentionsStylesMixin_platform_editor_centre_mention_padding, mentionsSelectionStylesWithSearchMatch, mentionDangerStyles } from './styles/mentions';
 import { panelStyles, panelStylesMixin, panelStylesMixin_fg_platform_editor_add_border_for_nested_panel, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
 import { paragraphStylesOld, paragraphStylesUGCRefreshed } from './styles/paragraphStyles';
 import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderTextStylesMixin_fg_platform_editor_system_fake_text_highlight_colour, placeholderWrapStyles } from './styles/placeholderStyles';
 import { pragmaticResizerStyles, pragmaticResizerStylesNew, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter, resizerStyles } from './styles/resizerStyles';
-import { ruleStyles } from './styles/rule';
+import { dangerRuleStyles, ruleStyles } from './styles/rule';
 import { scrollbarStyles } from './styles/scrollbarStyles';
 import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeStyles } from './styles/selectionStyles';
 import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
 import { shadowStyles } from './styles/shadowStyles';
-import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
-import { statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
+import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
+import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
 import { tableCommentEditorStyles, tableLayoutFixes } from './styles/tableStyles';
-import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles, taskItemStylesWithBlockTaskItem } from './styles/tasksAndDecisionsStyles';
+import { decisionStyles, tasksAndDecisionsStyles, decisionIconWithVisualRefresh, decisionIconWithoutVisualRefresh, taskItemStyles, taskItemStylesWithBlockTaskItem, decisionDangerStyles } from './styles/tasksAndDecisionsStyles';
 import { telepointerColorAndCommonStyle, telepointerStyle } from './styles/telepointerStyles';
 import { textColorStyles } from './styles/textColorStyles';
 import { textHighlightStyle } from './styles/textHighlightStyles';
@@ -231,7 +232,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     statusStylesMixin_without_fg_platform_component_visual_refresh,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
+    annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) ?
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    smartCardStylesWithSearchMatchAndBlockMenuDangerStyles :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     smartCardStylesWithSearchMatch :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -357,7 +360,23 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     fg('confluence_floating_toolbar_animation') && selectionToolbarAnimationStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    fg('platform_editor_vanilla_codebidi_warning') && codeBidiWarningStyles],
+    fg('platform_editor_vanilla_codebidi_warning') && codeBidiWarningStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    expValNoExposure('platform_editor_block_menu', 'isEnabled', true) && [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    dangerDateStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    emojiDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    mentionDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    decisionDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    statusDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    dangerRuleStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    mediaDangerStyles]],
     "data-editor-scroll-container": isScrollable ? 'true' : undefined,
     "data-testid": "editor-content-container"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop

package/dist/esm/ui/EditorContentContainer/styles/dateStyles.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { css } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
 
-import { boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
+import { boxShadowSelectionStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
 export var DateSharedCssClassName = {
   DATE_WRAPPER: "date-lozenger-container",
   DATE_CONTAINER: 'dateView-content-wrap'
@@ -40,4 +40,9 @@ boxShadowSelectionStyles,
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
 hideNativeBrowserTextSelectionStyles]))), '.danger', _defineProperty({}, ".".concat(DateSharedCssClassName.DATE_CONTAINER, ".ak-editor-selected-node .").concat(DateSharedCssClassName.DATE_WRAPPER, " > span"), {
   boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
-})));
+})));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var dangerDateStyles = css(_defineProperty({}, ".".concat(DateSharedCssClassName.DATE_CONTAINER, ".ak-editor-selected-node.danger .").concat(DateSharedCssClassName.DATE_WRAPPER, " > span"),
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+[dangerBorderStyles]));

package/dist/esm/ui/EditorContentContainer/styles/emoji.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { css } from '@emotion/react';
 import { defaultEmojiHeight, EmojiSharedCssClassName } from '@atlaskit/editor-common/emoji';
 import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-import { blanketSelectionStyles, boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
+import { blanketSelectionStyles, boxShadowSelectionStyles, dangerBackgroundStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
 var emojiSelectionStyles = css({
   borderRadius: '2px'
 });
@@ -49,4 +49,9 @@ blanketSelectionStyles,
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
 boxShadowSelectionStyles,
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-hideNativeBrowserTextSelectionStyles])));
+hideNativeBrowserTextSelectionStyles])));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var emojiDangerStyles = css(_defineProperty({}, ".ProseMirror .".concat(akEditorSelectedNodeClassName, ".danger"), _defineProperty({}, ".".concat(EmojiSharedCssClassName.EMOJI_SPRITE, ", .").concat(EmojiSharedCssClassName.EMOJI_IMAGE), [
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+[dangerBorderStyles, dangerBackgroundStyles]])));

package/dist/esm/ui/EditorContentContainer/styles/mediaStyles.js

@@ -6,6 +6,7 @@ import { INLINE_IMAGE_WRAPPER_CLASS_NAME } from '@atlaskit/editor-common/media-i
 import { MediaSharedClassNames, richMediaClassName } from '@atlaskit/editor-common/styles';
 import { akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorSelectedBorderBoldSize, akEditorSelectedBoxShadow, akEditorSelectedNodeClassName, akEditorWrappedNodeZIndex } from '@atlaskit/editor-shared-styles';
 import { fileCardImageViewSelector, inlinePlayerClassName, newFileExperienceClassName } from '@atlaskit/media-card';
+import { dangerBorderStyles } from './selectionStyles';
 var wrappedMediaBreakoutPoint = 410;
 
 /**
@@ -223,6 +224,14 @@ export var mediaStyles = css((_css = {
   boxShadow: 'none'
 })));
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var mediaDangerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': _defineProperty({}, ".mediaInlineView-content-wrap.".concat(akEditorSelectedNodeClassName, ".danger .").concat(INLINE_IMAGE_WRAPPER_CLASS_NAME),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+  [dangerBorderStyles])
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var mediaGroupStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/esm/ui/EditorContentContainer/styles/mentions.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { css } from '@emotion/react';
 import { MentionSharedCssClassName } from '@atlaskit/editor-common/mention';
 import { akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-import { backgroundSelectionStyles, boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
+import { backgroundSelectionStyles, boxShadowSelectionStyles, dangerBackgroundStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
 
 /* need to specify dark text colour because personal mentions
 (in dark blue) have white text by default */
@@ -142,4 +142,16 @@ export var mentionsSelectionStylesWithSearchMatch = css(_defineProperty(_defineP
   [
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
   boxShadowSelectionStyles]
+}));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var mentionDangerStyles = css(_defineProperty({}, ".".concat(akEditorSelectedNodeClassName, ":not(.search-match-block).danger"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '> .editor-mention-primitive, > .editor-mention-primitive.mention-self, > .editor-mention-primitive.mention-restricted':
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values,
+  [
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  dangerBorderStyles,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+  dangerBackgroundStyles]
 }));

package/dist/esm/ui/EditorContentContainer/styles/rule.js

@@ -18,4 +18,9 @@ export var ruleStyles = css(_defineProperty({
 }, ".ProseMirror hr.".concat(akEditorSelectedNodeClassName), {
   outline: 'none',
   backgroundColor: "var(--ds-border-selected, #0C66E4)"
+}));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var dangerRuleStyles = css(_defineProperty({}, ".ProseMirror hr.".concat(akEditorSelectedNodeClassName, ".danger"), {
+  backgroundColor: "var(--ds-border-danger, #E2483D)"
 }));

package/dist/esm/ui/EditorContentContainer/styles/selectionStyles.js

@@ -108,4 +108,14 @@ export var selectedNodeStyles = css({
   '.ProseMirror-selectednode:empty': {
     outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var dangerBorderStyles = css({
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var dangerBackgroundStyles = css({
+  backgroundColor: "var(--ds-background-danger, #FFECEB)"
 });

package/dist/esm/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -221,6 +221,107 @@ boxShadowSelectionStyles]), '&.danger', {
   padding: 0
 }));
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var smartCardStylesWithSearchMatchAndBlockMenuDangerStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.INLINE_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  maxWidth: 'calc(100% - 20px)',
+  verticalAlign: 'top',
+  wordBreak: 'break-all',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.card-with-comment': {
+    background: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
+    borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, #B38600)"),
+    boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.card': _defineProperty({
+    paddingLeft: "var(--ds-space-025, 2px)",
+    paddingRight: "var(--ds-space-025, 2px)",
+    paddingTop: "var(--ds-space-100, 0.5em)",
+    paddingBottom: "var(--ds-space-100, 0.5em)",
+    marginBottom: "var(--ds-space-negative-100, -0.5em)"
+  }, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a:focus"), [
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+  boxShadowSelectionStyles,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+  hideNativeBrowserTextSelectionStyles])
+}, "&.ak-editor-selected-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), [
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+hideNativeBrowserTextSelectionStyles]), "&.ak-editor-selected-node:not(.search-match-block):not(.danger) .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"),
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+[
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+boxShadowSelectionStyles]), ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), {
+  // EDM-1717: box-shadow Safari fix start
+  zIndex: 1,
+  position: 'relative'
+}), '&.danger', _defineProperty({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a"), {
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)"),
+  // EDM-1717: box-shadow Safari fix start
+  zIndex: 2
+  // EDM-1717: box-shadow Safari fix end
+}))), ".".concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), _defineProperty(_defineProperty({
+  display: 'block',
+  margin: '0.75rem 0 0',
+  maxWidth: "".concat(8 * 95, "px")
+}, "&.ak-editor-selected-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), [
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+boxShadowSelectionStyles,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+hideNativeBrowserTextSelectionStyles, {
+  borderRadius: "var(--ds-border-radius-200, 8px)"
+}]), '&.danger', _defineProperty({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)", " !important")
+}))), ".".concat(SmartCardSharedCssClassName.DATASOURCE_CONTAINER, ".").concat(SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty({
+  maxWidth: '100%',
+  display: 'flex',
+  justifyContent: 'center'
+}, ".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME), {
+  cursor: 'pointer',
+  backgroundColor: "var(--ds-background-neutral-subtle, #00000000)",
+  borderRadius: "var(--ds-border-radius-200, 8px)",
+  border: "1px solid ".concat("var(--ds-border, #091E4224)"),
+  overflow: 'hidden'
+}), '&.ak-editor-selected-node', _defineProperty({}, ".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME), [
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+boxShadowSelectionStyles,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+hideNativeBrowserTextSelectionStyles, {
+  'input::selection': {
+    backgroundColor: "var(--ds-background-selected-hovered, #CCE0FF)"
+  },
+  'input::-moz-selection': {
+    backgroundColor: "var(--ds-background-selected-hovered, #CCE0FF)"
+  }
+}])), '&.danger', _defineProperty({}, ".".concat(DATASOURCE_INNER_CONTAINER_CLASSNAME), {
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)")
+}))), ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"), {
+  cursor: 'pointer',
+  '&::after': {
+    transition: 'box-shadow 0s'
+  }
+}), "&.ak-editor-selected-node .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"), [
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+hideNativeBrowserTextSelectionStyles]), "&.ak-editor-selected-node:not(.search-match-block) .".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div::after"),
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+[
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+boxShadowSelectionStyles]), '&.danger', {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.media-card-frame::after': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-danger, #E2483D)", " !important"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+    background: "var(--ds-background-danger, #FFECEB)".concat(" !important")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.richMedia-resize-handle-right::after, .richMedia-resize-handle-left::after': {
+    background: "var(--ds-border-danger, #E2483D)"
+  }
+})), ".".concat(FLOATING_TOOLBAR_LINKPICKER_CLASSNAME), {
+  padding: 0
+}));
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = css(_defineProperty({}, "@container editor-area (max-width: ".concat(akEditorFullPageNarrowBreakout, "px)"), _defineProperty(_defineProperty({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), {
   marginTop: "var(--ds-space-150, 0.75rem)"

package/dist/esm/ui/EditorContentContainer/styles/statusStyles.js

@@ -164,6 +164,18 @@ export var statusStylesMixin_fg_platform_component_visual_refresh_with_search_ma
   }
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var statusDangerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.statusView-content-wrap:not(.search-match-block)': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '&.ak-editor-selected-node.danger .status-lozenge-span > span': {
+      boxShadow: "0 0 0 2px ".concat("var(--ds-border-danger, #E2483D)")
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    }
+  }
+});
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var statusStylesMixin_without_fg_platform_component_visual_refresh = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/esm/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _css;
 import { css } from '@emotion/react'; // eslint-disable-line @atlaskit/ui-styling-standard/use-compiled
 
-import { blanketSelectionStyles, boxShadowSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
+import { blanketSelectionStyles, boxShadowSelectionStyles, dangerBackgroundStyles, dangerBorderStyles, hideNativeBrowserTextSelectionStyles } from './selectionStyles';
 var akEditorLineHeight = 1.714;
 var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
 export var TaskDecisionSharedCssClassName = {
@@ -136,6 +136,11 @@ hideNativeBrowserTextSelectionStyles]), '.danger', _defineProperty({}, ".".conca
   flex: '1 1 auto'
 })));
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var decisionDangerStyles = css(_defineProperty({}, ".".concat(akEditorSelectedNodeClassName, ".danger > [data-decision-wrapper], ol[data-node-type='decisionList'].").concat(akEditorSelectedNodeClassName, ".danger"),
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+[dangerBackgroundStyles, dangerBorderStyles]));
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var decisionIconWithVisualRefresh = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "210.1.8";
+export var version = "210.2.1";

package/dist/types/ui/EditorContentContainer/styles/dateStyles.d.ts

@@ -4,3 +4,4 @@ export declare const DateSharedCssClassName: {
 };
 export declare const dateVanillaStyles: import("@emotion/react").SerializedStyles;
 export declare const dateStyles: import("@emotion/react").SerializedStyles;
+export declare const dangerDateStyles: import("@emotion/react").SerializedStyles;

package/dist/types/ui/EditorContentContainer/styles/emoji.d.ts

@@ -1,2 +1,3 @@
 export declare const emojiStyles: import("@emotion/react").SerializedStyles;
 export declare const emojiStylesWithSelectorFixes: import("@emotion/react").SerializedStyles;
+export declare const emojiDangerStyles: import("@emotion/react").SerializedStyles;

package/dist/types/ui/EditorContentContainer/styles/mediaStyles.d.ts

@@ -1,3 +1,4 @@
 export declare const mediaStyles: import("@emotion/react").SerializedStyles;
+export declare const mediaDangerStyles: import("@emotion/react").SerializedStyles;
 export declare const mediaGroupStyles: import("@emotion/react").SerializedStyles;
 export declare const mediaAlignmentStyles: import("@emotion/react").SerializedStyles;

package/dist/types/ui/EditorContentContainer/styles/mentions.d.ts

@@ -3,3 +3,4 @@ export declare const mentionNodeStyles: import("@emotion/react").SerializedStyle
 export declare const mentionsStylesMixin_platform_editor_centre_mention_padding: import("@emotion/react").SerializedStyles;
 export declare const mentionsSelectionStyles: import("@emotion/react").SerializedStyles;
 export declare const mentionsSelectionStylesWithSearchMatch: import("@emotion/react").SerializedStyles;
+export declare const mentionDangerStyles: import("@emotion/react").SerializedStyles;

package/dist/types/ui/EditorContentContainer/styles/rule.d.ts

@@ -1 +1,2 @@
 export declare const ruleStyles: import("@emotion/react").SerializedStyles;
+export declare const dangerRuleStyles: import("@emotion/react").SerializedStyles;

package/dist/types/ui/EditorContentContainer/styles/selectionStyles.d.ts

@@ -9,3 +9,5 @@ export declare const hideSelectionStyles: import("@emotion/react").SerializedSty
  */
 export declare const hideCursorWhenHideSelectionStyles: import("@emotion/react").SerializedStyles;
 export declare const selectedNodeStyles: import("@emotion/react").SerializedStyles;
+export declare const dangerBorderStyles: import("@emotion/react").SerializedStyles;
+export declare const dangerBackgroundStyles: import("@emotion/react").SerializedStyles;

package/dist/types/ui/EditorContentContainer/styles/smartCardStyles.d.ts

@@ -10,6 +10,7 @@ export declare const SmartCardSharedCssClassName: {
 export declare const editorControlsSmartCardStyles: import("@emotion/react").SerializedStyles;
 export declare const smartCardStyles: import("@emotion/react").SerializedStyles;
 export declare const smartCardStylesWithSearchMatch: import("@emotion/react").SerializedStyles;
+export declare const smartCardStylesWithSearchMatchAndBlockMenuDangerStyles: import("@emotion/react").SerializedStyles;
 export declare const smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness: import("@emotion/react").SerializedStyles;
 export declare const smartLinksInLivePagesStyles: import("@emotion/react").SerializedStyles;
 export declare const linkingVisualRefreshV1Styles: import("@emotion/react").SerializedStyles;