@atlaskit/editor-core 217.5.3 → 217.5.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-core
 
+## 217.5.5
+
+### Patch Changes
+
+- [`d497cbb2d150f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d497cbb2d150f) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
+## 217.5.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 217.5.3
 
 ### Patch Changes

package/codemods/migrates/rename-smartlinks-prop.ts

@@ -33,6 +33,7 @@ export const createJSXRenameVariableToNestedKeyTransform = (
 					const newObject = j.objectExpression([
 						j.property('init', j.identifier(toObjectKey), j.objectExpression(existingProperties)),
 					]);
+					// eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
 					fromAttribute.replace(
 						j.jsxAttribute(j.jsxIdentifier(toObjectName), j.jsxExpressionContainer(newObject)),
 					);

package/codemods/utils.ts

@@ -98,6 +98,7 @@ export const findImportFromPackage = (
 export const createRenameVariableTransform = (from: string, toName: string) => {
 	return (j: core.JSCodeshift, source: Collection<unknown>): void => {
 		source.find(j.Identifier, { name: from }).forEach((x) => {
+			// eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
 			x.replace(j.identifier(toName));
 		});
 	};

package/dist/cjs/composable-editor/editor-internal.js

@@ -71,7 +71,9 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
     componentProps: props,
     action: _analytics.ACTION.RE_RENDERED,
     actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-    handleAnalyticsEvent: handleAnalyticsEvent,
+    handleAnalyticsEvent: handleAnalyticsEvent
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     propsToIgnore: ['defaultValue'],
     useShallow: useShallow
   }), (0, _react2.jsx)(_ErrorBoundary.default, {
@@ -99,7 +101,9 @@ var EditorInternal = exports.EditorInternal = /*#__PURE__*/(0, _react.memo)(func
     onEditorCreated: onEditorCreated,
     onEditorDestroyed: onEditorDestroyed,
     disabled: props.disabled,
-    preset: preset,
+    preset: preset
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     render: function render(_ref2) {
       var _props$featureFlags, _props$featureFlags2;
       var editor = _ref2.editor,

package/dist/cjs/create-editor/ReactEditorView.js

@@ -872,7 +872,9 @@ function ReactEditorView(props) {
       id: EDIT_AREA_ID,
       "aria-describedby": assistiveDescribedBy,
       "data-editor-id": editorId.current,
-      onSSRMeasure: onSSRMeasure,
+      onSSRMeasure: onSSRMeasure
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
       onEditorStateChanged: function onEditorStateChanged(state) {
         ssrEditorStateRef.current = state;
         // Notify listeners about the initial SSR state
@@ -904,6 +906,7 @@ function ReactEditorView(props) {
     startTimestampRef: firstRenderStartTimestampRef,
     onSSRMeasure: onSSRMeasure
   }, /*#__PURE__*/_react.default.createElement(_uiReact.ReactEditorViewContext.Provider, {
+    // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     value: {
       editorRef: editorRef,
       editorView: viewRef.current,

package/dist/cjs/create-editor/create-editor.js

@@ -26,6 +26,7 @@ function fixExcludes(marks) {
   markKeys.forEach(function (markKey) {
     var mark = marks[markKey];
     if (mark.excludes) {
+      // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
       mark.excludes = mark.excludes.split(' ').filter(function (group) {
         return markGroups.has(group);
       }).join(' ');

package/dist/cjs/ui/Addon/Dropdown/styles.js

@@ -11,7 +11,7 @@ var _react = require("@emotion/react");
 var dropdown = exports.dropdown = (0, _react.css)({
   display: 'flex',
   flexDirection: 'column',
-  background: "var(--ds-surface-overlay, white)",
+  background: "var(--ds-surface-overlay, #FFFFFF)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: "var(--ds-radius-small, 3px)",
   boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",

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

@@ -62,7 +62,7 @@ var chromelessEditorStylesNew = (0, _react2.css)({
     margin: 0,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '& > :last-child': {
-      paddingBottom: "var(--ds-space-100, 0.5em)"
+      paddingBottom: "var(--ds-space-100, 8px)"
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -118,7 +118,9 @@ var Editor = exports.default = /*#__PURE__*/function (_React$Component) {
         animate: maxContentSizeReached
       }, (0, _react2.jsx)(ChromelessEditorContainer, {
         maxHeight: maxHeight,
-        minHeight: minHeight,
+        minHeight: minHeight
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         containerRef: function containerRef(ref) {
           return _this.containerElement = ref;
         }

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

@@ -52,7 +52,7 @@ var commentEditorStylesOld = (0, _react2.css)({
   },
   minWidth: '272px',
   height: 'auto',
-  backgroundColor: "var(--ds-background-input, white)",
+  backgroundColor: "var(--ds-background-input, #FFFFFF)",
   border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)"),
   boxSizing: 'border-box',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -69,7 +69,7 @@ var commentEditorStyles = (0, _react2.css)({
   },
   minWidth: '272px',
   height: 'auto',
-  backgroundColor: "var(--ds-background-input, white)",
+  backgroundColor: "var(--ds-background-input, #FFFFFF)",
   border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)"),
   boxSizing: 'border-box',
   borderRadius: "var(--ds-radius-medium, 6px)",
@@ -264,7 +264,9 @@ var CommentEditorWithIntl = exports.CommentEditorWithIntl = function CommentEdit
   }, (0, _react2.jsx)(_ui.WidthConsumer, null, function (_ref) {
     var width = _ref.width;
     return (0, _react2.jsx)(_EditorContentContainer.default, {
-      ref: containerElement,
+      ref: containerElement
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       css: [maxHeight ?
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       (0, _react2.css)({

package/dist/cjs/ui/Appearance/Comment/Toolbar.js

@@ -31,7 +31,7 @@ var mainToolbarWrapperStyleNew = (0, _react2.css)({
   padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-100, 8px)", " 0"),
   display: 'flex',
   height: 'auto',
-  backgroundColor: "var(--ds-surface, white)",
+  backgroundColor: "var(--ds-surface, #FFFFFF)",
   boxShadow: 'none',
   paddingLeft: "var(--ds-space-250, 20px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/cjs/ui/ChromeCollapsed/styles.js

@@ -12,9 +12,9 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var inputStyle = exports.inputStyle = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   'input&': {
-    backgroundColor: "var(--ds-background-input, white)",
+    backgroundColor: "var(--ds-background-input, #FFFFFF)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    border: "1px solid ".concat("var(--ds-border-input, ".concat(_editorSharedStyles.akEditorSubtleAccent, ")")),
+    border: "1px solid ".concat("var(--ds-border-input, #8C8F97)"),
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     borderRadius: "var(--ds-radius-small, 3px)",
     boxSizing: 'border-box',
@@ -32,7 +32,7 @@ var inputStyle = exports.inputStyle = (0, _react.css)({
     letterSpacing: '-0.005em',
     color: "var(--ds-text-subtlest, #6B6E76)",
     '&:hover': {
-      backgroundColor: "var(--ds-background-input-hovered, white)",
+      backgroundColor: "var(--ds-background-input-hovered, #F8F8F8)",
       borderColor: "var(--ds-border-input, #8C8F97)",
       cursor: 'text'
     }

package/dist/cjs/ui/ContextPanel/index.js

@@ -93,7 +93,9 @@ var SwappableContentAreaInner = /*#__PURE__*/function (_React$PureComponent) {
         timeout: _this.state.mounted ? animSpeedMs : 0,
         in: !!pluginContent,
         mountOnEnter: true,
-        unmountOnExit: true,
+        unmountOnExit: true
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onExited: function onExited() {
           return _this.unsetPluginContent();
         }

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

@@ -141,7 +141,7 @@ var codeBlockStyles = exports.codeBlockStyles = (0, _react.css)({
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: '1.5rem',
     textAlign: 'right',
-    color: "var(--ds-text-subtlest, #505F79)",
+    color: "var(--ds-text-subtlest, #6B6E76)",
     boxSizing: 'content-box'
   })), "li", {
     // if same list item has multiple code blocks we need top margin for all but first

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

@@ -22,8 +22,8 @@ var expandStyles = exports.expandStyles = (0, _react.css)({
     borderColor: 'transparent',
     borderRadius: "var(--ds-radius-small, 4px)",
     minHeight: '25px',
-    background: "var(--ds-background-neutral-subtle, transparent)",
-    margin: "var(--ds-space-050, 0.25rem)".concat(" 0 0"),
+    background: "var(--ds-background-neutral-subtle, #00000000)",
+    margin: "var(--ds-space-050, 4px)".concat(" 0 0"),
     transition: 'background 0.3s cubic-bezier(0.15, 1, 0.3, 1), border-color 0.3s cubic-bezier(0.15, 1, 0.3, 1)',
     padding: "var(--ds-space-100, 8px)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
@@ -297,7 +297,7 @@ var expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes = exports.exp
       },
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '> div.ak-editor-expand[data-node-type="nestedExpand"]': {
-        marginTop: "var(--ds-space-050, 0.25rem)"
+        marginTop: "var(--ds-space-050, 4px)"
       }
     }
   }

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

@@ -404,7 +404,7 @@ var getExtensionStyles = exports.getExtensionStyles = function getExtensionStyle
       '.bodiedExtension-content-inner-wrapper': {
         margin: "0 ".concat("var(--ds-space-negative-250, -20px)"),
         padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-250, 20px)"),
-        border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
+        border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
         borderRadius: "var(--ds-radius-small, 3px)"
       },
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

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

@@ -17,7 +17,7 @@ var findReplaceStyles = exports.findReplaceStyles = (0, _react.css)({
     // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
     borderRadius: "var(--ds-radius-small, 3px)",
     backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
-    boxShadow: "var(--ds-shadow-raised, 0 1px 1px 0 rgba(9, 30, 66, 0.25), 0 0 1px 0 rgba(9, 30, 66, 0.31))".concat(", inset 0 0 0 1px ", "var(--ds-border-input, #8C8F97)")
+    boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)".concat(", inset 0 0 0 1px ", "var(--ds-border-input, #8C8F97)")
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.selected-search-match': {

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

@@ -26,7 +26,7 @@ var gridStyles = exports.gridStyles = (0, _react.css)({
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.gridLine': {
-    borderLeft: "1px solid ".concat("var(--ds-border, #0B120E24)"),
+    borderLeft: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
     display: 'inline-block',
     boxSizing: 'border-box',
     height: '100%',

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

@@ -121,7 +121,7 @@ var resizerStyles = exports.resizerStyles = (0, _react.css)((0, _defineProperty2
       right: "var(--ds-space-negative-050, -4px)",
       bottom: "var(--ds-space-negative-050, -4px)",
       left: "var(--ds-space-negative-050, -4px)",
-      border: "2px solid ".concat("var(--ds-border-focused, #4688EC)"),
+      border: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border-focused, #4688EC)"),
       borderRadius: 'inherit',
       zIndex: -1
     }

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

@@ -34,12 +34,12 @@ var shadowStyles = exports.shadowStyles = (0, _react.css)({
   }), "& .".concat(shadowClassNames.RIGHT_SHADOW, ", .").concat(shadowClassNames.LEFT_SHADOW), {
     position: 'relative'
   }), "& .".concat(shadowClassNames.LEFT_SHADOW, "::before"), {
-    background: "linear-gradient(to left, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140% ), linear-gradient( to right, ", "var(--ds-shadow-overflow-perimeter, transparent)", " 0px, transparent 1px)"),
+    background: "linear-gradient(to left, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140% ), linear-gradient( to right, ", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0px, transparent 1px)"),
     top: 0,
     left: 0,
     display: 'block'
   }), "& .".concat(shadowClassNames.RIGHT_SHADOW, "::after"), {
-    background: "linear-gradient(to right, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140% ), linear-gradient( to left, ", "var(--ds-shadow-overflow-perimeter, transparent)", " 0px, transparent 1px)"),
+    background: "linear-gradient(to right, transparent 0, ".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 140% ), linear-gradient( to left, ", "var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0px, transparent 1px)"),
     right: 0,
     top: 0,
     display: 'block'

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

@@ -118,16 +118,16 @@ var smartCardStyles = exports.smartCardStyles = (0, _react.css)((0, _definePrope
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.card-with-comment': {
     background: "var(--ds-background-accent-yellow-subtler, #F5E989)",
-    borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, #B38600)"),
+    borderBottom: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border-accent-yellow, #B38600)"),
     boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.card': (0, _defineProperty2.default)({
     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)"
+    paddingTop: "var(--ds-space-100, 8px)",
+    paddingBottom: "var(--ds-space-100, 8px)",
+    marginBottom: "var(--ds-space-negative-100, -8px)"
   }, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a:focus"), [
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
   _selectionStyles.boxShadowSelectionStyles,
@@ -222,9 +222,9 @@ var smartCardStylesWithSearchMatch = exports.smartCardStylesWithSearchMatch = (0
   '.card': (0, _defineProperty2.default)({
     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)"
+    paddingTop: "var(--ds-space-100, 8px)",
+    paddingBottom: "var(--ds-space-100, 8px)",
+    marginBottom: "var(--ds-space-negative-100, -8px)"
   }, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a:focus"), [
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
   _selectionStyles.boxShadowSelectionStyles,
@@ -323,9 +323,9 @@ var smartCardStylesWithSearchMatchAndBlockMenuDangerStyles = exports.smartCardSt
   '.card': (0, _defineProperty2.default)({
     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)"
+    paddingTop: "var(--ds-space-100, 8px)",
+    paddingBottom: "var(--ds-space-100, 8px)",
+    marginBottom: "var(--ds-space-negative-100, -8px)"
   }, ".".concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > a:focus"), [
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
   _selectionStyles.boxShadowSelectionStyles,
@@ -411,7 +411,7 @@ _selectionStyles.boxShadowSelectionStyles]), '&.danger', {
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 var smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = exports.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = (0, _react.css)((0, _defineProperty2.default)({}, "@container editor-area (max-width: ".concat(_editorSharedStyles.akEditorFullPageNarrowBreakout, "px)"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER), {
-  marginTop: "var(--ds-space-150, 0.75rem)"
+  marginTop: "var(--ds-space-150, 12px)"
 }), ".".concat(SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, ".ak-editor-selected-node .").concat(SmartCardSharedCssClassName.LOADER_WRAPPER, " > div"),
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
 [

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

@@ -421,7 +421,7 @@ var taskItemCheckboxStyles = exports.taskItemCheckboxStyles = (0, _react.css)((0
       position: 'absolute',
       width: "var(--ds-space-200, 16px)",
       height: "var(--ds-space-200, 16px)",
-      border: "2px solid ".concat("var(--ds-border-focused, #4688EC)"),
+      border: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #4688EC)"),
       borderRadius: "var(--ds-space-050, 4px)",
       content: "''",
       display: 'block',
@@ -592,7 +592,7 @@ var taskItemCheckboxStylesWithBlockTaskItem = exports.taskItemCheckboxStylesWith
       position: 'absolute',
       width: "var(--ds-space-200, 16px)",
       height: "var(--ds-space-200, 16px)",
-      border: "2px solid ".concat("var(--ds-border-focused, #4688EC)"),
+      border: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #4688EC)"),
       borderRadius: "var(--ds-space-050, 4px)",
       content: "''",
       display: 'block',
@@ -677,7 +677,7 @@ var taskItemNextCheckboxStyles = exports.taskItemNextCheckboxStyles = (0, _react
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
     '&:focus + svg, &:checked:focus + svg': {
       borderRadius: "var(--ds-radius-small, 0.25rem)",
-      outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #2684FF)"),
+      outline: "var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #4688EC)"),
       outlineOffset: "var(--ds-space-negative-025, -2px)"
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

package/dist/cjs/ui/Toolbar/Toolbar.js

@@ -80,14 +80,18 @@ var ToolbarNext = exports.ToolbarNext = function ToolbarNext(_ref) {
     isDisabled: isDisabled,
     popupsMountPoint: popupsMountPoint,
     popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement,
+    popupsScrollableElement: popupsScrollableElement
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     fireAnalyticsEvent: function fireAnalyticsEvent(payload) {
       var _editorAPI$analytics;
       editorAPI === null || editorAPI === void 0 || (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 || _editorAPI$analytics.actions.fireAnalyticsEvent(payload);
     }
   }, /*#__PURE__*/_react.default.createElement(_editorToolbarModel.ToolbarModelRenderer, {
     toolbar: toolbar,
-    components: components,
+    components: components
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     fallbacks: {
       group: _editorToolbar.ToolbarButtonGroup,
       section: _editorToolbar.ToolbarSection,

package/dist/cjs/ui/Toolbar/hooks.js

@@ -16,6 +16,7 @@ var useElementWidth = exports.useElementWidth = function useElementWidth(ref, _r
     setWidth = _React$useState2[1];
   _react.default.useEffect(function () {
     if (!skip && ref.current && !(0, _platformFeatureFlags.fg)('platform_editor_prevent_toolbar_width_reflow')) {
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       setWidth(Math.round(ref.current.getBoundingClientRect().width));
     }
   }, [skip, setWidth, ref]);

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 = "217.5.2";
+var version = exports.version = "217.5.4";

package/dist/es2019/composable-editor/editor-internal.js

@@ -59,7 +59,9 @@ export const EditorInternal = /*#__PURE__*/memo(({
     componentProps: props,
     action: ACTION.RE_RENDERED,
     actionSubject: ACTION_SUBJECT.EDITOR,
-    handleAnalyticsEvent: handleAnalyticsEvent,
+    handleAnalyticsEvent: handleAnalyticsEvent
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     propsToIgnore: ['defaultValue'],
     useShallow: useShallow
   }), jsx(ErrorBoundary, {
@@ -87,7 +89,9 @@ export const EditorInternal = /*#__PURE__*/memo(({
     onEditorCreated: onEditorCreated,
     onEditorDestroyed: onEditorDestroyed,
     disabled: props.disabled,
-    preset: preset,
+    preset: preset
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     render: ({
       editor,
       view,

package/dist/es2019/create-editor/ReactEditorView.js

@@ -820,7 +820,9 @@ export function ReactEditorView(props) {
       id: EDIT_AREA_ID,
       "aria-describedby": assistiveDescribedBy,
       "data-editor-id": editorId.current,
-      onSSRMeasure: onSSRMeasure,
+      onSSRMeasure: onSSRMeasure
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
       onEditorStateChanged: state => {
         ssrEditorStateRef.current = state;
         // Notify listeners about the initial SSR state
@@ -852,6 +854,7 @@ export function ReactEditorView(props) {
     startTimestampRef: firstRenderStartTimestampRef,
     onSSRMeasure: onSSRMeasure
   }, /*#__PURE__*/React.createElement(ReactEditorViewContext.Provider, {
+    // eslint-disable-next-line @atlassian/perf-linting/no-inline-context-value, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     value: {
       editorRef: editorRef,
       editorView: viewRef.current,

package/dist/es2019/create-editor/create-editor.js

@@ -12,6 +12,7 @@ export function fixExcludes(marks) {
   markKeys.forEach(markKey => {
     const mark = marks[markKey];
     if (mark.excludes) {
+      // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
       mark.excludes = mark.excludes.split(' ').filter(group => markGroups.has(group)).join(' ');
     }
   });

package/dist/es2019/ui/Addon/Dropdown/styles.js

@@ -4,7 +4,7 @@ import { css } from '@emotion/react';
 export const dropdown = css({
   display: 'flex',
   flexDirection: 'column',
-  background: "var(--ds-surface-overlay, white)",
+  background: "var(--ds-surface-overlay, #FFFFFF)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: "var(--ds-radius-small, 3px)",
   boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",

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

@@ -48,7 +48,7 @@ const chromelessEditorStylesNew = css({
     margin: 0,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '& > :last-child': {
-      paddingBottom: "var(--ds-space-100, 0.5em)"
+      paddingBottom: "var(--ds-space-100, 8px)"
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -100,7 +100,9 @@ export default class Editor extends React.Component {
         animate: maxContentSizeReached
       }, jsx(ChromelessEditorContainer, {
         maxHeight: maxHeight,
-        minHeight: minHeight,
+        minHeight: minHeight
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         containerRef: ref => this.containerElement = ref
       }, jsx(EditorContentContainer
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop

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

@@ -39,7 +39,7 @@ const commentEditorStylesOld = css({
   },
   minWidth: '272px',
   height: 'auto',
-  backgroundColor: "var(--ds-background-input, white)",
+  backgroundColor: "var(--ds-background-input, #FFFFFF)",
   border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-input, #8C8F97)"}`,
   boxSizing: 'border-box',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
@@ -56,7 +56,7 @@ const commentEditorStyles = css({
   },
   minWidth: '272px',
   height: 'auto',
-  backgroundColor: "var(--ds-background-input, white)",
+  backgroundColor: "var(--ds-background-input, #FFFFFF)",
   border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-input, #8C8F97)"}`,
   boxSizing: 'border-box',
   borderRadius: "var(--ds-radius-medium, 6px)",
@@ -253,7 +253,9 @@ export const CommentEditorWithIntl = props => {
     width
   }) => {
     return jsx(EditorContentContainer, {
-      ref: containerElement,
+      ref: containerElement
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       css: [maxHeight ?
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       css({

package/dist/es2019/ui/Appearance/Comment/Toolbar.js

@@ -19,7 +19,7 @@ const mainToolbarWrapperStyleNew = css({
   padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"} 0`,
   display: 'flex',
   height: 'auto',
-  backgroundColor: "var(--ds-surface, white)",
+  backgroundColor: "var(--ds-surface, #FFFFFF)",
   boxShadow: 'none',
   paddingLeft: "var(--ds-space-250, 20px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

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

@@ -1,13 +1,13 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { akEditorSubtleAccent, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const inputStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   'input&': {
-    backgroundColor: "var(--ds-background-input, white)",
+    backgroundColor: "var(--ds-background-input, #FFFFFF)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    border: `1px solid ${`var(--ds-border-input, ${akEditorSubtleAccent})`}`,
+    border: `1px solid ${"var(--ds-border-input, #8C8F97)"}`,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     borderRadius: "var(--ds-radius-small, 3px)",
     boxSizing: 'border-box',
@@ -25,7 +25,7 @@ export const inputStyle = css({
     letterSpacing: '-0.005em',
     color: "var(--ds-text-subtlest, #6B6E76)",
     '&:hover': {
-      backgroundColor: "var(--ds-background-input-hovered, white)",
+      backgroundColor: "var(--ds-background-input-hovered, #F8F8F8)",
       borderColor: "var(--ds-border-input, #8C8F97)",
       cursor: 'text'
     }

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

@@ -80,7 +80,9 @@ class SwappableContentAreaInner extends React.PureComponent {
         timeout: this.state.mounted ? animSpeedMs : 0,
         in: !!pluginContent,
         mountOnEnter: true,
-        unmountOnExit: true,
+        unmountOnExit: true
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onExited: () => this.unsetPluginContent()
       }, currentPluginContent);
     });

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

@@ -170,7 +170,7 @@ export const codeBlockStyles = css({
         // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
         lineHeight: '1.5rem',
         textAlign: 'right',
-        color: "var(--ds-text-subtlest, #505F79)",
+        color: "var(--ds-text-subtlest, #6B6E76)",
         boxSizing: 'content-box'
       }
     },

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

@@ -15,8 +15,8 @@ export const expandStyles = css({
     borderColor: 'transparent',
     borderRadius: "var(--ds-radius-small, 4px)",
     minHeight: '25px',
-    background: "var(--ds-background-neutral-subtle, transparent)",
-    margin: `${"var(--ds-space-050, 0.25rem)"} 0 0`,
+    background: "var(--ds-background-neutral-subtle, #00000000)",
+    margin: `${"var(--ds-space-050, 4px)"} 0 0`,
     transition: 'background 0.3s cubic-bezier(0.15, 1, 0.3, 1), border-color 0.3s cubic-bezier(0.15, 1, 0.3, 1)',
     padding: "var(--ds-space-100, 8px)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
@@ -290,7 +290,7 @@ export const expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes = cs
       },
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '> div.ak-editor-expand[data-node-type="nestedExpand"]': {
-        marginTop: "var(--ds-space-050, 0.25rem)"
+        marginTop: "var(--ds-space-050, 4px)"
       }
     }
   }

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

@@ -396,7 +396,7 @@ export const getExtensionStyles = contentMode => {
       '.bodiedExtension-content-inner-wrapper': {
         margin: `0 ${"var(--ds-space-negative-250, -20px)"}`,
         padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-250, 20px)"}`,
-        border: `1px solid ${"var(--ds-border, #0B120E24)"}`,
+        border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`,
         borderRadius: "var(--ds-radius-small, 3px)"
       },
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors

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

@@ -8,7 +8,7 @@ export const findReplaceStyles = css({
     // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
     borderRadius: "var(--ds-radius-small, 3px)",
     backgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)",
-    boxShadow: `${"var(--ds-shadow-raised, 0 1px 1px 0 rgba(9, 30, 66, 0.25), 0 0 1px 0 rgba(9, 30, 66, 0.31))"}, inset 0 0 0 1px ${"var(--ds-border-input, #8C8F97)"}`
+    boxShadow: `${"var(--ds-shadow-raised, 0px 1px 1px #1E1F2140, 0px 0px 1px #1E1F214f)"}, inset 0 0 0 1px ${"var(--ds-border-input, #8C8F97)"}`
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.selected-search-match': {