@atlaskit/editor-core 217.5.3 → 217.5.5

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

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

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

@@ -149,7 +149,7 @@ export const resizerStyles = css({
         right: "var(--ds-space-negative-050, -4px)",
         bottom: "var(--ds-space-negative-050, -4px)",
         left: "var(--ds-space-negative-050, -4px)",
-        border: `2px solid ${"var(--ds-border-focused, #4688EC)"}`,
+        border: `${"var(--ds-border-width-selected, 2px)"} solid ${"var(--ds-border-focused, #4688EC)"}`,
         borderRadius: 'inherit',
         zIndex: -1
       }

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

@@ -31,14 +31,14 @@ export const shadowStyles = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     [`& .${shadowClassNames.LEFT_SHADOW}::before`]: {
-      background: `linear-gradient(to left, transparent 0, ${"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, ${"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'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     [`& .${shadowClassNames.RIGHT_SHADOW}::after`]: {
-      background: `linear-gradient(to right, transparent 0, ${"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, ${"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/es2019/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -160,16 +160,16 @@ export const smartCardStyles = css({
     // 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 ${"var(--ds-border-accent-yellow, #B38600)"}`,
+      borderBottom: `${"var(--ds-border-width-selected, 2px)"} 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': {
       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)",
       // 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
@@ -312,9 +312,9 @@ export const smartCardStylesWithSearchMatch = css({
     '.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)",
+      paddingTop: "var(--ds-space-100, 8px)",
+      paddingBottom: "var(--ds-space-100, 8px)",
+      marginBottom: "var(--ds-space-negative-100, -8px)",
       // 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
@@ -465,9 +465,9 @@ export const smartCardStylesWithSearchMatchAndBlockMenuDangerStyles = css({
     '.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)",
+      paddingTop: "var(--ds-space-100, 8px)",
+      paddingBottom: "var(--ds-space-100, 8px)",
+      marginBottom: "var(--ds-space-negative-100, -8px)",
       // 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
@@ -607,7 +607,7 @@ export const smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness = css({
   [`@container editor-area (max-width: ${akEditorFullPageNarrowBreakout}px)`]: {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-nested-selectors
     [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}`]: {
-      marginTop: "var(--ds-space-150, 0.75rem)"
+      marginTop: "var(--ds-space-150, 12px)"
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
     [`.${SmartCardSharedCssClassName.EMBED_CARD_CONTAINER}.ak-editor-selected-node .${SmartCardSharedCssClassName.LOADER_WRAPPER} > div`]:

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

@@ -461,7 +461,7 @@ export const taskItemCheckboxStyles = css({
         position: 'absolute',
         width: "var(--ds-space-200, 16px)",
         height: "var(--ds-space-200, 16px)",
-        border: `2px solid ${"var(--ds-border-focused, #4688EC)"}`,
+        border: `${"var(--ds-border-width-focused, 2px)"} solid ${"var(--ds-border-focused, #4688EC)"}`,
         borderRadius: "var(--ds-space-050, 4px)",
         content: "''",
         display: 'block',
@@ -634,7 +634,7 @@ export const taskItemCheckboxStylesWithBlockTaskItem = css({
         position: 'absolute',
         width: "var(--ds-space-200, 16px)",
         height: "var(--ds-space-200, 16px)",
-        border: `2px solid ${"var(--ds-border-focused, #4688EC)"}`,
+        border: `${"var(--ds-border-width-focused, 2px)"} solid ${"var(--ds-border-focused, #4688EC)"}`,
         borderRadius: "var(--ds-space-050, 4px)",
         content: "''",
         display: 'block',
@@ -721,7 +721,7 @@ export const taskItemNextCheckboxStyles = css({
       // 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)"} solid ${"var(--ds-border-focused, #2684FF)"}`,
+        outline: `${"var(--ds-border-width-focused, 2px)"} 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/es2019/ui/Toolbar/Toolbar.js

@@ -76,14 +76,18 @@ export const ToolbarNext = ({
     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: payload => {
       var _editorAPI$analytics;
       editorAPI === null || editorAPI === void 0 ? void 0 : (_editorAPI$analytics = editorAPI.analytics) === null || _editorAPI$analytics === void 0 ? void 0 : _editorAPI$analytics.actions.fireAnalyticsEvent(payload);
     }
   }, /*#__PURE__*/React.createElement(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: ToolbarButtonGroup,
       section: ToolbarSection,

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

@@ -6,6 +6,7 @@ export const useElementWidth = (ref, {
   const [elementWidth, setWidth] = React.useState(undefined);
   React.useEffect(() => {
     if (!skip && ref.current && !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/es2019/version-wrapper.js

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

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

@@ -67,7 +67,9 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
     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, {
@@ -95,7 +97,9 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
     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/esm/create-editor/ReactEditorView.js

@@ -863,7 +863,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: function onEditorStateChanged(state) {
         ssrEditorStateRef.current = state;
         // Notify listeners about the initial SSR state
@@ -895,6 +897,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/esm/create-editor/create-editor.js

@@ -15,6 +15,7 @@ export 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/esm/ui/Addon/Dropdown/styles.js

@@ -4,7 +4,7 @@ import { css } from '@emotion/react';
 export var 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/esm/ui/Appearance/Chromeless.js

@@ -55,7 +55,7 @@ var 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
@@ -111,7 +111,9 @@ var Editor = /*#__PURE__*/function (_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: function containerRef(ref) {
           return _this.containerElement = ref;
         }

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

@@ -41,7 +41,7 @@ var commentEditorStylesOld = 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
@@ -58,7 +58,7 @@ var commentEditorStyles = 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)",
@@ -253,7 +253,9 @@ export var CommentEditorWithIntl = function CommentEditorWithIntl(props) {
   }, jsx(WidthConsumer, null, function (_ref) {
     var width = _ref.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/esm/ui/Appearance/Comment/Toolbar.js

@@ -22,7 +22,7 @@ var mainToolbarWrapperStyleNew = 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/esm/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 var 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 ".concat("var(--ds-border-input, ".concat(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',
@@ -25,7 +25,7 @@ export var 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/esm/ui/ContextPanel/index.js

@@ -88,7 +88,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/esm/ui/EditorContentContainer/styles/codeBlockStyles.js

@@ -133,7 +133,7 @@ export var 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'
   })), "li", {
     // if same list item has multiple code blocks we need top margin for all but first

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

@@ -15,8 +15,8 @@ export var 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)".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
@@ -290,7 +290,7 @@ export var expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes = css(
       },
       // 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/esm/ui/EditorContentContainer/styles/extensionStyles.js

@@ -397,7 +397,7 @@ export var getExtensionStyles = function getExtensionStyles(contentMode) {
       '.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/esm/ui/EditorContentContainer/styles/findReplaceStyles.js

@@ -9,7 +9,7 @@ export var 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))".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/esm/ui/EditorContentContainer/styles/gridStyles.js

@@ -19,7 +19,7 @@ export var gridStyles = 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/esm/ui/EditorContentContainer/styles/resizerStyles.js

@@ -113,7 +113,7 @@ export var resizerStyles = css(_defineProperty(_defineProperty(_defineProperty(_
       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/esm/ui/EditorContentContainer/styles/shadowStyles.js

@@ -26,12 +26,12 @@ export var shadowStyles = 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/esm/ui/EditorContentContainer/styles/smartCardStyles.js

@@ -110,16 +110,16 @@ export var smartCardStyles = css(_defineProperty(_defineProperty(_defineProperty
   // 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': _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)"
+    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
   boxShadowSelectionStyles,
@@ -214,9 +214,9 @@ export var smartCardStylesWithSearchMatch = css(_defineProperty(_defineProperty(
   '.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)"
+    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
   boxShadowSelectionStyles,
@@ -315,9 +315,9 @@ export var smartCardStylesWithSearchMatchAndBlockMenuDangerStyles = css(_defineP
   '.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)"
+    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
   boxShadowSelectionStyles,
@@ -403,7 +403,7 @@ boxShadowSelectionStyles]), '&.danger', {
 
 // 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)"
+  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/esm/ui/EditorContentContainer/styles/tasksAndDecisionsStyles.js

@@ -415,7 +415,7 @@ export var taskItemCheckboxStyles = css(_defineProperty({
       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',
@@ -586,7 +586,7 @@ export var taskItemCheckboxStylesWithBlockTaskItem = css(_defineProperty({
       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',
@@ -671,7 +671,7 @@ export var taskItemNextCheckboxStyles = css(_defineProperty({
     // 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/esm/ui/Toolbar/Toolbar.js

@@ -74,14 +74,18 @@ export var 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.createElement(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: ToolbarButtonGroup,
       section: ToolbarSection,

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

@@ -9,6 +9,7 @@ export var useElementWidth = function useElementWidth(ref, _ref) {
     setWidth = _React$useState2[1];
   React.useEffect(function () {
     if (!skip && ref.current && !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/esm/version-wrapper.js

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

package/docs/4-annotations.tsx

@@ -199,9 +199,9 @@ class SplitExample extends React.Component<{ initialAdf: object }> {
 				<div
 					style={{
 						// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-						margin: token('space.100', '8px'),
+						margin: token('space.100'),
 						// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-						padding: token('space.100', '8px'),
+						padding: token('space.100'),
 						// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
 						backgroundColor: N20,
 						border: `${token('border.width')} solid ${token('color.border.accent.gray')}`,
@@ -218,7 +218,7 @@ class SplitExample extends React.Component<{ initialAdf: object }> {
 						// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
 						overflow: 'auto',
 						// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-						margin: token('space.100', '8px'),
+						margin: token('space.100'),
 					}}
 				>
 					<p>Paragraph node's content:</p>
@@ -248,9 +248,9 @@ ${(
 	<div
 		style={{
 			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-			margin: token('space.100', '8px'),
+			margin: token('space.100'),
 			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-			padding: token('space.100', '8px'),
+			padding: token('space.100'),
 			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
 			backgroundColor: N20,
 			border: `${token('border.width')} solid ${token('color.border.accent.gray')}`,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "217.5.3",
+	"version": "217.5.5",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -60,13 +60,13 @@
 		"@atlaskit/emoji": "^69.10.0",
 		"@atlaskit/icon": "^33.0.0",
 		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/media-card": "^79.15.0",
+		"@atlaskit/media-card": "^79.16.0",
 		"@atlaskit/mention": "^24.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/react-ufo": "^5.4.0",
 		"@atlaskit/task-decision": "^19.3.0",
-		"@atlaskit/tmp-editor-statsig": "^43.0.0",
+		"@atlaskit/tmp-editor-statsig": "^44.0.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -107,7 +107,7 @@
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
 		"@atlaskit/media-test-helpers": "^40.0.0",
 		"@atlaskit/modal-dialog": "^14.11.0",
-		"@atlaskit/renderer": "^128.2.0",
+		"@atlaskit/renderer": "^128.3.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/synchrony-test-helpers": "workspace:^",
 		"@atlaskit/toggle": "^15.2.0",