@atlaskit/editor-core 214.1.5 → 214.1.7

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-core
 
+## 214.1.7
+
+### Patch Changes
+
+- [`bcc75f68099a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bcc75f68099a1) -
+  upgrade browser util in editor-core
+- Updated dependencies
+
+## 214.1.6
+
+### Patch Changes
+
+- [`4141e6d6c0258`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4141e6d6c0258) -
+  [ux] ED-29125 Add danger styles for media group, tables with numbered columns and nested panels
+- Updated dependencies
+
 ## 214.1.5
 
 ### Patch Changes

package/dist/cjs/ui/Appearance/FullPage/FullPage.js

@@ -40,6 +40,7 @@ var useShowKeyline = function useShowKeyline(contentAreaRef) {
     if (!((_contentAreaRef$curre = contentAreaRef.current) !== null && _contentAreaRef$curre !== void 0 && _contentAreaRef$curre.contentArea)) {
       return;
     }
+    var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
     var intersection = new IntersectionObserver(function (_ref) {
       var _ref2 = (0, _slicedToArray2.default)(_ref, 1),
         entry = _ref2[0];
@@ -50,7 +51,7 @@ var useShowKeyline = function useShowKeyline(contentAreaRef) {
       // to differences in IntersectionObserver behaviour between browsers.
       // By lowering the threshold a little it gives Safari more
       // time to catch these events.
-      threshold: _browser.browser.safari ? 0.98 : 1
+      threshold: browser.safari ? 0.98 : 1
     });
     intersection.observe(contentAreaRef.current.contentArea);
     return function () {

package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js

@@ -107,6 +107,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     '--ak-editor--large-gutter-padding': "".concat((0, _editorSharedStyles.akEditorGutterPaddingDynamic)(), "px")
   };
+  var browser = (0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) ? (0, _browser.getBrowserInfo)() : _browser.browser;
   return (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: className,
@@ -305,7 +306,7 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _link.linkStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _browser.browser.safari && _list.listsStylesSafariFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes') ?
+    browser.safari && _list.listsStylesSafariFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) ? (0, _platformFeatureFlags.fg)('platform_editor_breakout_resizing_width_changes') ?
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _resizerStyles.pragmaticResizerStylesNew :
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -391,7 +392,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     _rule.dangerRuleStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
-    _mediaStyles.mediaDangerStyles]],
+    _mediaStyles.mediaDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _panelStyles.nestedPanelDangerStyles]],
     "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/cjs/ui/EditorContentContainer/styles/mediaStyles.js

@@ -233,8 +233,8 @@ var mediaStyles = exports.mediaStyles = (0, _react.css)((_css = {
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var mediaDangerStyles = exports.mediaDangerStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '.ProseMirror': (0, _defineProperty2.default)({}, ".mediaInlineView-content-wrap.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, ".danger .").concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+  '.ProseMirror': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".mediaInlineView-content-wrap.".concat(_editorSharedStyles.akEditorSelectedNodeClassName, ".danger"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, " .".concat(_mediaInline.INLINE_IMAGE_WRAPPER_CLASS_NAME), [_selectionStyles.dangerBorderStyles]), '>span> span[role="button"]', [_selectionStyles.dangerBorderStyles])), ".mediaGroupView-content-wrap.danger #newFileExperienceWrapper",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
   [_selectionStyles.dangerBorderStyles])
 });
 

package/dist/cjs/ui/EditorContentContainer/styles/panelStyles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.panelViewStyles = exports.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes = exports.panelStylesMixin = exports.panelStyles = exports.nestedPanelBorderStylesMixin = void 0;
+exports.panelViewStyles = exports.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes = exports.panelStylesMixin = exports.panelStyles = exports.nestedPanelDangerStyles = exports.nestedPanelBorderStylesMixin = void 0;
 var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 
@@ -296,4 +296,60 @@ var panelViewStyles = exports.panelViewStyles = (0, _react.css)({
   '.panelView-content-wrap': {
     boxSizing: 'border-box'
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var nestedPanelDangerStyles = exports.nestedPanelDangerStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    /* Danger when nested node */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.danger .ak-editor-panel': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="info"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="info"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: "var(--ds-icon-danger, #C9372C)"
+        }
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="note"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="note"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: "var(--ds-icon-danger, #C9372C)"
+        }
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="success"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="success"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: "var(--ds-icon-danger, #C9372C)"
+        }
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="warning"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="warning"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: "var(--ds-icon-danger, #C9372C)"
+        }
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="error"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="error"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: "var(--ds-icon-danger, #C9372C)"
+        }
+      }
+    }
+  }
 });

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "214.1.4";
+var version = exports.version = "214.1.6";

package/dist/es2019/ui/Appearance/FullPage/FullPage.js

@@ -6,7 +6,7 @@ import React, { useEffect, useMemo, useRef, useState } 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 '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
@@ -26,6 +26,7 @@ const useShowKeyline = contentAreaRef => {
     if (!((_contentAreaRef$curre = contentAreaRef.current) !== null && _contentAreaRef$curre !== void 0 && _contentAreaRef$curre.contentArea)) {
       return;
     }
+    const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
     const intersection = new IntersectionObserver(([entry]) => {
       setShowKeyline(!entry.isIntersecting && entry.boundingClientRect.top < entry.intersectionRect.top);
     }, {

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

@@ -8,7 +8,7 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, useTheme } from '@emotion/react';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -46,7 +46,7 @@ import { hyperLinkFloatingToolbarStyles, linkLegacyIconStylesFix, linkStyles } f
 import { listsStyles, listsStylesSafariFix } from './styles/list';
 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, nestedPanelBorderStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
+import { panelStyles, panelStylesMixin, nestedPanelBorderStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles, nestedPanelDangerStyles } from './styles/panelStyles';
 import { paragraphStylesOld, paragraphStylesUGCRefreshed } from './styles/paragraphStyles';
 import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
 import { pragmaticResizerStyles, pragmaticResizerStylesNew, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter, resizerStyles } from './styles/resizerStyles';
@@ -102,6 +102,7 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     '--ak-editor--large-gutter-padding': `${akEditorGutterPaddingDynamic()}px`
   };
+  const browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: className,
@@ -386,7 +387,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
     // 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]],
+    mediaDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    nestedPanelDangerStyles]],
     "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/es2019/ui/EditorContentContainer/styles/mediaStyles.js

@@ -361,9 +361,16 @@ export const mediaStyles = css({
 export const mediaDangerStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
-    [`.mediaInlineView-content-wrap.${akEditorSelectedNodeClassName}.danger .${INLINE_IMAGE_WRAPPER_CLASS_NAME}`]:
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-nested-selectors
+    [`.mediaInlineView-content-wrap.${akEditorSelectedNodeClassName}.danger`]: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+      [` .${INLINE_IMAGE_WRAPPER_CLASS_NAME}`]: [dangerBorderStyles],
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+      '>span> span[role="button"]': [dangerBorderStyles]
+    },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-nested-selectors,@atlaskit/ui-styling-standard/no-unsafe-values
+    [`.mediaGroupView-content-wrap.danger #newFileExperienceWrapper`]:
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
     [dangerBorderStyles]
   }
 });

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

@@ -289,4 +289,60 @@ export const panelViewStyles = css({
   '.panelView-content-wrap': {
     boxSizing: 'border-box'
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export const nestedPanelDangerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    /* Danger when nested node */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.danger .ak-editor-panel': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="info"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="info"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: `${"var(--ds-icon-danger, #C9372C)"}`
+        }
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="note"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="note"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: `${"var(--ds-icon-danger, #C9372C)"}`
+        }
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="success"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="success"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: `${"var(--ds-icon-danger, #C9372C)"}`
+        }
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="warning"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="warning"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: `${"var(--ds-icon-danger, #C9372C)"}`
+        }
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="error"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="error"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: `${"var(--ds-icon-danger, #C9372C)"}`
+        }
+      }
+    }
+  }
 });

package/dist/es2019/version-wrapper.js

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

package/dist/esm/ui/Appearance/FullPage/FullPage.js

@@ -7,7 +7,7 @@ import React, { useEffect, useMemo, useRef, useState } 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 '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { ContextPanelWidthProvider } from '@atlaskit/editor-common/ui';
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
@@ -30,6 +30,7 @@ var useShowKeyline = function useShowKeyline(contentAreaRef) {
     if (!((_contentAreaRef$curre = contentAreaRef.current) !== null && _contentAreaRef$curre !== void 0 && _contentAreaRef$curre.contentArea)) {
       return;
     }
+    var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
     var intersection = new IntersectionObserver(function (_ref) {
       var _ref2 = _slicedToArray(_ref, 1),
         entry = _ref2[0];

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

@@ -8,7 +8,7 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, useTheme } from '@emotion/react';
-import { browser } from '@atlaskit/editor-common/browser';
+import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { akEditorGutterPaddingDynamic, editorFontSize } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -46,7 +46,7 @@ import { hyperLinkFloatingToolbarStyles, linkLegacyIconStylesFix, linkStyles } f
 import { listsStyles, listsStylesSafariFix } from './styles/list';
 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, nestedPanelBorderStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles } from './styles/panelStyles';
+import { panelStyles, panelStylesMixin, nestedPanelBorderStylesMixin, panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, panelViewStyles, nestedPanelDangerStyles } from './styles/panelStyles';
 import { paragraphStylesOld, paragraphStylesUGCRefreshed } from './styles/paragraphStyles';
 import { placeholderOverflowStyles, placeholderStyles, placeholderTextStyles, placeholderWrapStyles } from './styles/placeholderStyles';
 import { pragmaticResizerStyles, pragmaticResizerStylesNew, pragmaticStylesLayoutFirstNodeResizeHandleFix, pragmaticResizerStylesForTooltip, pragmaticResizerStylesWithReducedEditorGutter, resizerStyles } from './styles/resizerStyles';
@@ -99,6 +99,7 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     '--ak-editor--large-gutter-padding': "".concat(akEditorGutterPaddingDynamic(), "px")
   };
+  var browser = expValEquals('platform_editor_hydratable_ui', 'isEnabled', true) ? getBrowserInfo() : browserLegacy;
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: className,
@@ -383,7 +384,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
     // 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]],
+    mediaDangerStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    nestedPanelDangerStyles]],
     "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/mediaStyles.js

@@ -227,8 +227,8 @@ export var mediaStyles = css((_css = {
 // 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
+  '.ProseMirror': _defineProperty(_defineProperty({}, ".mediaInlineView-content-wrap.".concat(akEditorSelectedNodeClassName, ".danger"), _defineProperty(_defineProperty({}, " .".concat(INLINE_IMAGE_WRAPPER_CLASS_NAME), [dangerBorderStyles]), '>span> span[role="button"]', [dangerBorderStyles])), ".mediaGroupView-content-wrap.danger #newFileExperienceWrapper",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values,@atlaskit/ui-styling-standard/no-unsafe-values
   [dangerBorderStyles])
 });
 

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

@@ -289,4 +289,60 @@ export var panelViewStyles = css({
   '.panelView-content-wrap': {
     boxSizing: 'border-box'
   }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+export var nestedPanelDangerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror': {
+    /* Danger when nested node */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '.danger .ak-editor-panel': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="info"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="info"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: "var(--ds-icon-danger, #C9372C)"
+        }
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="note"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="note"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: "var(--ds-icon-danger, #C9372C)"
+        }
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="success"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="success"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: "var(--ds-icon-danger, #C9372C)"
+        }
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="warning"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="warning"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: "var(--ds-icon-danger, #C9372C)"
+        }
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-panel-type="error"]': {
+        backgroundColor: "var(--ds-blanket-danger, #EF5C4814)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+        '.ak-editor-panel__icon[data-panel-type="error"]': {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
+          color: "var(--ds-icon-danger, #C9372C)"
+        }
+      }
+    }
+  }
 });

package/dist/esm/version-wrapper.js

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

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

@@ -4,3 +4,4 @@ export declare const nestedPanelBorderStylesMixin: SerializedStyles;
 export declare const panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes: SerializedStyles;
 export declare const panelStylesMixin: SerializedStyles;
 export declare const panelViewStyles: SerializedStyles;
+export declare const nestedPanelDangerStyles: SerializedStyles;

package/dist/types-ts4.5/ui/EditorContentContainer/styles/panelStyles.d.ts

@@ -4,3 +4,4 @@ export declare const nestedPanelBorderStylesMixin: SerializedStyles;
 export declare const panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes: SerializedStyles;
 export declare const panelStylesMixin: SerializedStyles;
 export declare const panelViewStyles: SerializedStyles;
+export declare const nestedPanelDangerStyles: SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "214.1.5",
+	"version": "214.1.7",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -64,7 +64,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
 		"@atlaskit/react-ufo": "^4.11.0",
 		"@atlaskit/task-decision": "^19.2.0",
-		"@atlaskit/tmp-editor-statsig": "^13.2.0",
+		"@atlaskit/tmp-editor-statsig": "^13.4.0",
 		"@atlaskit/tokens": "^6.4.0",
 		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -81,7 +81,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.4.0",
+		"@atlaskit/editor-common": "^110.7.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",