@atlaskit/editor-common 112.7.3 → 112.7.5

package/dist/es2019/media-single/CommentBadgeNext.js

@@ -33,7 +33,9 @@ export const CommentBadgeNext = ({
   return /*#__PURE__*/React.createElement(Tooltip, {
     position: "top",
     content: title
-  }, /*#__PURE__*/React.createElement(Pressable, {
+  }, /*#__PURE__*/React.createElement(Pressable
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     xcss: [baseStyles, mediumBadgeStyles],
     padding: "space.0",
     onClick: onClick,

package/dist/es2019/media-single/MediaBadges.js

@@ -77,7 +77,9 @@ export const MediaBadges = ({
     as: "div",
     testId: "media-badges",
     "data-media-badges": "true",
-    contentEditable: false,
+    contentEditable: false
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     xcss: [containerStyles, useMinimumZIndex && hackedZIndexStyles, extendedResizeOffset && resizeOffsetStyles]
   }, children);
 };

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "112.7.2";
+const packageVersion = "112.7.4";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/node-width/index.js

@@ -1,7 +1,6 @@
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
-import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorWideLayoutWidth, akLayoutGutterOffset, gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
+import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorWideLayoutWidth, gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { BODIED_EXT_PADDING } from '../styles/shared/extension';
 import { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN } from '../styles/shared/layout';
 import { tableCellPadding } from '../styles/shared/table';
@@ -54,17 +53,12 @@ export const getParentNodeWidth = (pos, state, containerWidth, isFullWidthModeEn
   };
   switch (node.type) {
     case schema.nodes.layoutSection:
-      // the extra width of the layout does not add to the width of the area the table can be inside
-      if (!expValEquals('platform_editor_nested_table_refresh_width_fix', 'isEnabled', true)) {
-        parentWidth += akLayoutGutterOffset * 2; // extra width that gets added to layout
-      }
-
       // Calculate width of parent layout column when
       // Parallel layout with viewport greater than 1024px
       // OR side panel of an extension is open and change the node width to smaller than containerWidth
       if (containerWidth.width > gridMediumMaxWidth || ((_contextPanelPluginKe = contextPanelPluginKey.getState(state)) === null || _contextPanelPluginKe === void 0 ? void 0 : _contextPanelPluginKe.contents.length) > 0 && ((_contextPanelPluginKe2 = contextPanelPluginKey.getState(state)) === null || _contextPanelPluginKe2 === void 0 ? void 0 : _contextPanelPluginKe2.contents[0]) !== undefined) {
         // margin between sections
-        parentWidth -= expValEquals('platform_editor_nested_table_refresh_width_fix', 'isEnabled', true) && fg('platform_editor_nested_dnd_styles_changes') ? (LAYOUT_SECTION_MARGIN + NESTED_DND_MARGIN_OFFSET + 2) * (node.childCount - 1) : (LAYOUT_SECTION_MARGIN + 2) * (node.childCount - 1);
+        parentWidth -= fg('platform_editor_nested_dnd_styles_changes') ? (LAYOUT_SECTION_MARGIN + NESTED_DND_MARGIN_OFFSET + 2) * (node.childCount - 1) : (LAYOUT_SECTION_MARGIN + 2) * (node.childCount - 1);
         const $pos = state.doc.resolve(pos);
         const column = findParentNodeOfTypeClosestToPos($pos, [state.schema.nodes.layoutColumn]);
         if (column && column.node && !isNaN(column.node.attrs.width)) {
@@ -74,7 +68,7 @@ export const getParentNodeWidth = (pos, state, containerWidth, isFullWidthModeEn
       }
 
       // account for the padding of the parent node
-      parentWidth -= expValEquals('platform_editor_nested_table_refresh_width_fix', 'isEnabled', true) && fg('platform_editor_nested_dnd_styles_changes') ? (LAYOUT_COLUMN_PADDING + NESTED_DND_GUTTER_OFFSET) * 2 : LAYOUT_COLUMN_PADDING * 2;
+      parentWidth -= fg('platform_editor_nested_dnd_styles_changes') ? (LAYOUT_COLUMN_PADDING + NESTED_DND_GUTTER_OFFSET) * 2 : LAYOUT_COLUMN_PADDING * 2;
       break;
     case schema.nodes.bodiedExtension:
       parentWidth -= BODIED_EXT_PADDING * 2;
@@ -115,7 +109,7 @@ const getNestedParentNode = (tablePos, state) => {
   return parent ? parent.node : null;
 };
 const calcBreakoutNodeWidth = (layout, containerWidth, isFullWidthModeEnabled, breakoutWidth) => {
-  if (breakoutWidth && expValEquals('platform_editor_nested_table_refresh_width_fix', 'isEnabled', true)) {
+  if (breakoutWidth) {
     return isFullWidthModeEnabled ? Math.min(containerWidth.lineLength, breakoutWidth) :
     // container width minus breakout padding
     // --ak-editor--breakout-full-page-guttering-padding = (--ak-editor--large-gutter-padding * 2) + --ak-editor--default-gutter-padding

package/dist/es2019/paste/md-plugins/linkify-md-plugin.js

@@ -97,13 +97,13 @@ const linkify = state => {
           //
           if (!links[ln].schema) {
             // Ignored via go/ees005
-            // eslint-disable-next-line require-unicode-regexp
+            // eslint-disable-next-line require-unicode-regexp, @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
             urlText = state.md.normalizeLinkText('http://' + urlText).replace(/^http:\/\//, '');
             // Ignored via go/ees005
             // eslint-disable-next-line require-unicode-regexp
           } else if (links[ln].schema === 'mailto:' && !/^mailto:/i.test(urlText)) {
             // Ignored via go/ees005
-            // eslint-disable-next-line require-unicode-regexp
+            // eslint-disable-next-line require-unicode-regexp, @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
             urlText = state.md.normalizeLinkText('mailto:' + urlText).replace(/^mailto:/, '');
           } else {
             urlText = state.md.normalizeLinkText(urlText);

package/dist/es2019/quick-insert/assets/datasource-assets-objects.js

@@ -13,18 +13,18 @@ export default function IconDatasourceAssetsObjects() {
     y: "0",
     width: "42",
     height: "42",
-    fill: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
+    fill: "var(--ds-background-accent-purple-subtlest, #F8EEFE)"
   }), /*#__PURE__*/React.createElement("rect", {
     x: "8",
     y: "8",
     width: "26",
     height: "26",
     rx: "4",
-    fill: "var(--ds-background-input, white)"
+    fill: "var(--ds-background-input, #FFFFFF)"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12.667 9.33317H29.3337C31.1746 9.33317 32.667 10.8256 32.667 12.6665V29.3332C32.667 31.1741 31.1746 32.6665 29.3337 32.6665H12.667C10.826 32.6665 9.33366 31.1741 9.33366 29.3332V12.6665C9.33366 10.8256 10.826 9.33317 12.667 9.33317ZM7.66699 12.6665C7.66699 9.90508 9.90557 7.6665 12.667 7.6665H29.3337C32.0951 7.6665 34.3337 9.90508 34.3337 12.6665V29.3332C34.3337 32.0946 32.0951 34.3332 29.3337 34.3332H12.667C9.90557 34.3332 7.66699 32.0946 7.66699 29.3332V12.6665ZM12.9579 13.4165C12.9579 13.0023 13.2937 12.6665 13.7079 12.6665H17.6443C18.0585 12.6665 18.3943 13.0023 18.3943 13.4165V16.9165C18.3943 17.3307 18.0585 17.6665 17.6443 17.6665H16.5823V19.3332H22.0186V18.4165C22.0186 18.0023 22.3544 17.6665 22.7686 17.6665H26.7049C27.1192 17.6665 27.4549 18.0023 27.4549 18.4165V21.9165C27.4549 22.3307 27.1192 22.6665 26.7049 22.6665H22.7686C22.3544 22.6665 22.0186 22.3307 22.0186 21.9165V20.9998H16.5823V25.9998H22.0186V25.0832C22.0186 24.669 22.3544 24.3332 22.7686 24.3332H26.7049C27.1192 24.3332 27.4549 24.669 27.4549 25.0832V28.5832C27.4549 28.9974 27.1192 29.3332 26.7049 29.3332H22.7686C22.3544 29.3332 22.0186 28.9974 22.0186 28.5832V27.6665H16.4368C15.5163 27.6665 14.7701 26.9203 14.7701 25.9998V19.3332V17.6665H13.7079C13.2937 17.6665 12.9579 17.3307 12.9579 16.9165V13.4165ZM14.7701 14.5832C14.7701 14.4451 14.882 14.3332 15.0201 14.3332H16.3322C16.4703 14.3332 16.5822 14.4451 16.5822 14.5832V15.7498C16.5822 15.8879 16.4703 15.9998 16.3322 15.9998H15.0201C14.882 15.9998 14.7701 15.8879 14.7701 15.7498V14.5832ZM24.0805 19.3332C23.9425 19.3332 23.8305 19.4451 23.8305 19.5832V20.7498C23.8305 20.8879 23.9425 20.9998 24.0805 20.9998H25.3927C25.5307 20.9998 25.6427 20.8879 25.6427 20.7498V19.5832C25.6427 19.4451 25.5307 19.3332 25.3927 19.3332H24.0805ZM24.0805 25.9998C23.9425 25.9998 23.8305 26.1118 23.8305 26.2498V27.4165C23.8305 27.5546 23.9425 27.6665 24.0805 27.6665H25.3927C25.5307 27.6665 25.6427 27.5546 25.6427 27.4165V26.2498C25.6427 26.1118 25.5307 25.9998 25.3927 25.9998H24.0805Z",
-    fill: "var(--ds-background-accent-gray-bolder-hovered, #44546F)"
+    fill: "var(--ds-background-accent-gray-bolder-hovered, #505258)"
   }));
 }

package/dist/es2019/quick-insert/assets/five-column-layout.js

@@ -36,7 +36,7 @@ export default function OneColumnLayoutIcon() {
     width: "39",
     height: "39",
     rx: "2.5",
-    stroke: "var(--ds-border, #091E42)",
+    stroke: "var(--ds-border, #0B120E24)",
     strokeOpacity: "0.14"
   })), /*#__PURE__*/React.createElement("rect", {
     x: "6",

package/dist/es2019/quick-insert/assets/four-column-layout.js

@@ -36,7 +36,7 @@ export default function OneColumnLayoutIcon() {
     width: "39",
     height: "39",
     rx: "2.5",
-    stroke: "var(--ds-border, #091E42)",
+    stroke: "var(--ds-border, #0B120E24)",
     strokeOpacity: "0.14"
   })), /*#__PURE__*/React.createElement("rect", {
     x: "6",

package/dist/es2019/quick-insert/assets/one-column-layout.js

@@ -35,7 +35,7 @@ export default function OneColumnLayoutIcon() {
     width: "39",
     height: "39",
     rx: "2.5",
-    stroke: "var(--ds-border, #091E42)",
+    stroke: "var(--ds-border, #0B120E24)",
     strokeOpacity: "0.14"
   })), /*#__PURE__*/React.createElement("rect", {
     x: "6",

package/dist/es2019/quick-insert/assets/three-column-layout.js

@@ -43,7 +43,7 @@ export default function ThreeColumnLayoutIcon() {
     width: "39",
     height: "39",
     rx: "2.5",
-    stroke: "var(--ds-border, #091E42)",
+    stroke: "var(--ds-border, #0B120E24)",
     strokeOpacity: "0.14"
   })), /*#__PURE__*/React.createElement("rect", {
     x: "6",

package/dist/es2019/quick-insert/assets/two-column-layout.js

@@ -36,7 +36,7 @@ export default function TwoColumnLayoutIcon() {
     width: "39",
     height: "39",
     rx: "2.5",
-    stroke: "var(--ds-border, #091E42)",
+    stroke: "var(--ds-border, #0B120E24)",
     strokeOpacity: "0.14"
   })), /*#__PURE__*/React.createElement("rect", {
     x: "6",

package/dist/es2019/resizer/BreakoutResizer.js

@@ -325,7 +325,9 @@ const BreakoutResizer = ({
     });
   }
   return /*#__PURE__*/React.createElement(Resizer, {
-    ref: resizerRef,
+    ref: resizerRef
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     enable: {
       left: true,
       right: true

package/dist/es2019/resizer/Resizer.js

@@ -12,7 +12,7 @@ import { messages } from '../messages/breakout';
 import { handleWrapperClass, resizerDangerClassName, resizerExtendedZone, resizerHandleClassName, resizerHandleThumbClassName, resizerHandleTrackClassName, resizerHandleZIndex, resizerHoverZoneClassName, resizerItemClassName } from '../styles/shared/resizer';
 const resizerLabelStyles = xcss({
   position: 'absolute',
-  bottom: "var(--ds-space-0, 0)",
+  bottom: "var(--ds-space-0, 0px)",
   width: '100%',
   overflow: 'visible',
   display: 'flex',
@@ -113,6 +113,8 @@ const ResizerNext = (props, ref) => {
     alignItems: handlePositioning === 'adjacent' ? 'center' : undefined
   };
   const offset = handlePositioning === 'adjacent' ? `calc(${baseHandleStyles.width} * -1)` : `calc(${baseHandleStyles.width} * -0.5)`;
+
+  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
   const nextHandleStyles = SUPPORTED_HANDLES.reduce((result, position) => ({
     ...result,
     [position]: {
@@ -198,7 +200,9 @@ const ResizerNext = (props, ref) => {
     return snapGap;
   }, [snap, snapGap]);
   return /*#__PURE__*/React.createElement(Resizable, _extends({
-    ref: resizable,
+    ref: resizable
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     size: {
       width: width !== null && width !== void 0 ? width : 'auto',
       // just content itself (no paddings)

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

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { akEditorBlockquoteBorderColor, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
+import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const blockquoteSharedStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -11,7 +11,7 @@ export const blockquoteSharedStyles = css({
     display: 'inline-block',
     paddingLeft: "var(--ds-space-200, 16px)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    borderLeft: `2px solid ${`var(--ds-border, ${akEditorBlockquoteBorderColor})`}`,
+    borderLeft: `${"var(--ds-border-width-selected, 2px)"} solid ${"var(--ds-border, #0B120E24)"}`,
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     margin: `${blockNodesVerticalMargin} 0 0 0`,
     marginRight: 0,

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

@@ -1,7 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { tableCellContentDomSelector, tableCellSelector, tableHeaderSelector, tablePrefixSelector } from '@atlaskit/adf-schema';
-import { akEditorBreakoutPadding, akEditorFullWidthLayoutWidth, akEditorSelectedNodeClassName, akEditorTableBorder, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorWideLayoutWidth, overflowShadow } from '@atlaskit/editor-shared-styles';
+import { akEditorBreakoutPadding, akEditorFullWidthLayoutWidth, akEditorSelectedNodeClassName, akEditorTableNumberColumnWidth, akEditorWideLayoutWidth, overflowShadow } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { browser as browserLegacy, getBrowserInfo } from '../../utils/browser';
@@ -93,7 +93,7 @@ const tableSharedStyle = () => {
 				display: block;
 				width: 1px;
 				height: calc(100% - ${"var(--ds-space-300, 24px)"});
-				background: ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`};
+				background: ${"var(--ds-background-accent-gray-subtler, #DDDEE1)"};
 				position: absolute;
 				top: ${"var(--ds-space-300, 24px)"};
 			}
@@ -131,7 +131,7 @@ const tableSharedStyle = () => {
 
 		/* support panel nested in table */
 		${fg('platform_editor_bordered_panel_nested_in_table') ? `.${TableSharedCssClassName.TABLE_NODE_WRAPPER} .ak-editor-panel {
-			border: ${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #d9dbea)"};
+			border: ${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"};
 		}` : ''}
 
 		/* avoid applying styles to nested tables (possible via extensions) */
@@ -139,8 +139,7 @@ const tableSharedStyle = () => {
 	.${TableSharedCssClassName.TABLE_NODE_WRAPPER} > table,
 	.${TableSharedCssClassName.TABLE_STICKY_WRAPPER} > table {
 			border-collapse: collapse;
-			border: ${tableCellBorderWidth}px solid
-				${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`};
+			border: ${tableCellBorderWidth}px solid ${"var(--ds-background-accent-gray-subtler, #DDDEE1)"};
 			border-left-color: transparent;
 			border-right-color: transparent;
 			table-layout: fixed;
@@ -163,7 +162,7 @@ const tableSharedStyle = () => {
 					border-bottom: none;
 				}
 				th td {
-					background-color: ${"var(--ds-background-neutral-subtle, white)"};
+					background-color: ${"var(--ds-background-neutral-subtle, #00000000)"};
 				}
 
 				> tbody > tr > th,
@@ -171,7 +170,7 @@ const tableSharedStyle = () => {
 					min-width: ${tableCellMinWidth}px;
 					font-weight: ${"var(--ds-font-weight-regular, 400)"};
 					vertical-align: top;
-					border: 1px solid ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`};
+					border: 1px solid ${"var(--ds-background-accent-gray-subtler, #DDDEE1)"};
 					border-right-width: 0;
 					border-bottom-width: 0;
 
@@ -193,17 +192,17 @@ const tableSharedStyle = () => {
 				}
 
 				th {
-					background-color: ${`var(--ds-background-accent-gray-subtlest, ${akEditorTableToolbar})`};
+					background-color: ${"var(--ds-background-accent-gray-subtlest, #F0F1F2)"};
 					text-align: left;
 
 					/* only apply this styling to codeblocks in default background headercells */
 					/* TODO this needs to be overhauled as it relies on unsafe selectors */
 					${expValEquals('platform_editor_native_anchor_with_dnd', 'isEnabled', true) ? '&:not(.danger)' : '&:not([style]):not(.danger)'} {
 						.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER}:not(.danger) {
-							background-color: ${"var(--ds-surface-raised, rgb(235, 237, 240))"};
+							background-color: ${"var(--ds-surface-raised, #FFFFFF)"};
 
 							:not(.${akEditorSelectedNodeClassName}) {
-								box-shadow: 0px 0px 0px 1px ${"var(--ds-border, transparent)"};
+								box-shadow: 0px 0px 0px 1px ${"var(--ds-border, #0B120E24)"};
 							}
 
 							.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER} {
@@ -211,11 +210,11 @@ const tableSharedStyle = () => {
     leftCoverWidth: "var(--ds-space-300, 24px)"
   })};
 
-								background-color: ${"var(--ds-background-neutral, rgb(235, 237, 240))"};
+								background-color: ${"var(--ds-background-neutral, #0515240F)"};
 							}
 
 							.${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER} {
-								background-color: ${"var(--ds-background-neutral, rgb(226, 229, 233))"};
+								background-color: ${"var(--ds-background-neutral, #0515240F)"};
 							}
 
 							/* this is only relevant to the element taken care of by renderer */
@@ -224,10 +223,10 @@ const tableSharedStyle = () => {
     leftCoverWidth: "var(--ds-space-300, 24px)"
   })}!important;
 
-								background-color: ${"var(--ds-background-neutral, rgb(235, 237, 240))"}!important;
+								background-color: ${"var(--ds-background-neutral, #0515240F)"}!important;
 
 								/* selector lives inside @atlaskit/code */
-								--ds--code--line-number-bg-color: ${"var(--ds-background-neutral, rgb(226, 229, 233))"};
+								--ds--code--line-number-bg-color: ${"var(--ds-background-neutral, #0515240F)"};
 							}
 						}
 					}

package/dist/es2019/table/SortingIcon.js

@@ -28,7 +28,7 @@ const buttonStyles = css`
 	margin: ${"var(--ds-space-075, 6px)"};
 	right: 0;
 	top: 0;
-	border: ${"var(--ds-border-width-selected, 2px)"} solid ${"var(--ds-border, #fff)"};
+	border: ${"var(--ds-border-width-selected, 2px)"} solid ${"var(--ds-border, #0B120E24)"};
 	border-radius: ${"var(--ds-radius-small, 4px)"};
 	background-color: ${"var(--ds-surface-overlay, #FFFFFF)"};
 	justify-content: center;
@@ -40,7 +40,7 @@ const buttonStyles = css`
 	}
 
 	&:active {
-		background-color: ${"var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))"};
+		background-color: ${"var(--ds-surface-overlay-pressed, #DDDEE1)"};
 	}
 
 	&.${SORTABLE_COLUMN_ICON_CLASSNAME}__not-allowed {
@@ -73,10 +73,10 @@ const iconStyles = css({
   height: '100%',
   width: '2px',
   borderRadius: "var(--ds-radius-full, 9999px)",
-  background: "var(--ds-icon, #42526E)",
+  background: "var(--ds-icon, #292A2E)",
   userSelect: 'none',
   '&::before, &::after': {
-    background: "var(--ds-icon, #42526E)",
+    background: "var(--ds-icon, #292A2E)",
     content: "''",
     height: '2px',
     width: '6px',

package/dist/es2019/toolbar/context.js

@@ -25,6 +25,7 @@ export const EditorToolbarProvider = ({
   isOffline
 }) => {
   return /*#__PURE__*/React.createElement(EditorToolbarContext.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: {
       editorView,
       editorAppearance,

package/dist/es2019/ui/AssistiveText/AssistiveText.js

@@ -37,6 +37,7 @@ export const AssistiveText = ({
   }), [isInFocus]);
   useEffect(() => {
     if (!debounced) {
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       debounceStatusUpdate();
       return () => {
         debounceStatusUpdate.cancel();
@@ -45,8 +46,11 @@ export const AssistiveText = ({
   }, [assistiveText, isInFocus, debounced, debounceStatusUpdate]);
   useEffect(() => {
     if (debounced) {
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       setBump(prevBump => !prevBump);
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       setDebounced(true);
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       setSilenced(!isInFocus);
     }
   }, [assistiveText, isInFocus, debounced]);

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

@@ -53,7 +53,9 @@ export class ContextPanelWidthProvider extends React.Component {
       width,
       positionedOverEditor
     } = this.state;
-    return /*#__PURE__*/React.createElement(Provider, {
+    return /*#__PURE__*/React.createElement(Provider
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    , {
       value: {
         width,
         positionedOverEditor,

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "112.7.2";
+const packageVersion = "112.7.4";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -81,7 +81,9 @@ const FloatingToolbarButton = ({
   }, /*#__PURE__*/React.createElement(Button
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
   , {
-    className: className,
+    className: className
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     ref: buttonElement => {
       setSpotlightReferenceElement(buttonElement);
       if (forwardedRef && editorExperiment('platform_synced_block', true)) {
@@ -92,7 +94,7 @@ const FloatingToolbarButton = ({
         }
       }
     }
-    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
+    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
     ,
     theme: (adgTheme, themeProps) => {
       const {

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

@@ -220,7 +220,9 @@ const HoverLinkOverlay = ({
     ref: hoverLinkButtonRef,
     xcss: linkStylesCommon,
     href: url,
-    target: "_blank",
+    target: "_blank"
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     style: {
       paddingBlock: compactPadding ? '1px' : expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? DYNAMIC_PADDING_BLOCK : "var(--ds-space-025, 2px)"
     },

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

@@ -38,7 +38,9 @@ export default class Mention extends PureComponent {
     }
   }
   render() {
-    return /*#__PURE__*/React.createElement(WithProviders, {
+    return /*#__PURE__*/React.createElement(WithProviders
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    , {
       providers: ['mentionProvider', 'profilecardProvider'],
       providerFactory: this.providerFactory,
       renderNode: this.renderWithProvider

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

@@ -47,7 +47,7 @@ const mbeNavigation = css({
   WebkitUserModify: 'read-only',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   borderBottom: 'none !important',
-  background: "var(--ds-surface, white)",
+  background: "var(--ds-surface, #FFFFFF)",
   marginLeft: "var(--ds-space-100, 8px)",
   marginRight: "var(--ds-space-100, 8px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766

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

@@ -185,7 +185,9 @@ export default class Resizer extends React.Component {
     // Ideally, Resizable would let you pass in the component rather than
     // the div. For now, we just apply the same styles using CSS
     return /*#__PURE__*/React.createElement(Resizable, {
-      ref: this.resizable,
+      ref: this.resizable
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       size: {
         width: nonZeroWidth,
         // just content itself (no paddings)

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

@@ -9,7 +9,6 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
-import { N0, N30A, N60A } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { withReactEditorViewOuterListeners as withOuterListeners } from '../../ui-react';
 import Popup from '../Popup';
@@ -29,9 +28,9 @@ const initialSizeState = {
 };
 const tableSelectorPopupWrapperStyles = css({
   borderRadius: "var(--ds-radius-small, 3px)",
-  backgroundColor: `var(--ds-surface-overlay, ${N0})`,
-  boxShadow: `var(--ds-shadow-overlay, ${`0 0 0 1px ${N30A}, 0 2px 1px ${N30A}, 0 0 20px -6px ${N60A}`})`,
-  padding: `${`var(--ds-space-100, ${`${TABLE_SELECTOR_PADDING_TOP}px`})`} ${TABLE_SELECTOR_PADDING_SIDE}px`
+  backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
+  boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
+  padding: `${"var(--ds-space-100, 8px)"} ${TABLE_SELECTOR_PADDING_SIDE}px`
 });
 export const TableSelectorPopup = props => {
   const [size, setSize] = useState({
@@ -237,7 +236,9 @@ export const TableSelectorPopup = props => {
     return unbind;
   }, [handleMouseMove, props.allowOutsideSelection, tablePopupRef]);
   return jsx(Popup, {
-    target: props.target,
+    target: props.target
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     offset: [0, 3],
     mountTo: props.popupsMountPoint,
     boundariesElement: props.popupsBoundariesElement,

package/dist/es2019/ui/TableSelector/table-selector.js

@@ -7,7 +7,6 @@ import { useContext, useEffect, useMemo, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { Stack } from '@atlaskit/primitives/compiled';
-import { B100 } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { toolbarInsertBlockMessages as messages } from '../../messages';
 import { OutsideClickTargetRefContext } from '../../ui-react';
@@ -15,22 +14,22 @@ export const TABLE_SELECTOR_BUTTON_GAP = 2;
 export const TABLE_SELECTOR_BUTTON_SIZE = 17;
 const MULTIPLICATION_SYMBOL = '×';
 const selectedButtonStyles = css({
-  backgroundColor: "var(--ds-background-accent-blue-subtlest, #579DFF)",
-  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-background-accent-blue-subtle, #579DFF)"}`
+  backgroundColor: "var(--ds-background-accent-blue-subtlest, #E9F2FE)",
+  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-background-accent-blue-subtle, #669DF1)"}`
 });
 const buttonStyles = css({
   height: `${TABLE_SELECTOR_BUTTON_SIZE}px`,
   width: `${TABLE_SELECTOR_BUTTON_SIZE}px`,
-  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #091e4224)"}`,
-  backgroundColor: "var(--ds-background-input, #ffffff)",
+  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`,
+  backgroundColor: "var(--ds-background-input, #FFFFFF)",
   // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
   borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'pointer',
   display: 'block',
   '&:focus': {
     outline: 'none',
-    border: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border-focused, ${B100})`}`,
-    boxShadow: `0 0 0 0.5px ${`var(--ds-border-focused, ${B100})`}`
+    border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-focused, #4688EC)"}`,
+    boxShadow: `0 0 0 0.5px ${"var(--ds-border-focused, #4688EC)"}`
   }
 });
 const selectionSizeTextStyles = css({
@@ -38,8 +37,8 @@ const selectionSizeTextStyles = css({
   lineHeight: '14px',
   display: 'flex',
   justifyContent: 'center',
-  marginTop: "var(--ds-space-075, 5px)",
-  padding: "var(--ds-space-075, 10px)"
+  marginTop: "var(--ds-space-075, 6px)",
+  padding: "var(--ds-space-075, 6px)"
 });
 const TableSelectorButton = ({
   row,
@@ -95,7 +94,7 @@ const gridWrapperStyles = ({
   gridTemplateColumns: `repeat(${maxCols}, 1fr)`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   gridTemplateRows: `repeat(${maxRows}, 1fr)`,
-  gap: `${`var(--ds-space-025, ${`${TABLE_SELECTOR_BUTTON_GAP}px`})`}`
+  gap: `${"var(--ds-space-025, 2px)"}`
 });
 const TableSelectorPopup = ({
   maxCols,

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

@@ -4,6 +4,7 @@ import getColorMessage from './getColorMessage';
 import paletteMessages from './paletteMessages';
 const borderColorPalette = [];
 colorPalette.forEach((label, color) => {
+  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
   const key = label.toLowerCase().replace(' ', '-');
   const message = getColorMessage(paletteMessages, key);
   borderColorPalette.push({

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

@@ -3,6 +3,7 @@ import getColorMessage from './getColorMessage';
 import paletteMessages from './paletteMessages';
 const cellBackgroundColorPalette = [];
 tableBackgroundColorPalette.forEach((label, color) => {
+  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
   const key = label.toLowerCase().replace(' ', '-');
   const message = getColorMessage(paletteMessages, key);
   cellBackgroundColorPalette.push({

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

@@ -38,9 +38,9 @@ export const EditorDiagonalLineIcon = () => {
   const {
     colorMode
   } = useThemeObserver();
-  const primaryColor = colorMode === 'dark' ? "var(--ds-background-accent-gray-bolder, #626F86)" : "var(--ds-background-accent-gray-subtle, #8590A2)";
+  const primaryColor = colorMode === 'dark' ? "var(--ds-background-accent-gray-bolder, #6B6E76)" : "var(--ds-background-accent-gray-subtle, #8C8F97)";
   return (
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     jsx(DiagonalLineGlyph, {
       "aria-label": "",
       style: {
@@ -53,7 +53,7 @@ export const highlightColorPalette = [{
   value: REMOVE_HIGHLIGHT_COLOR,
   label: 'No color',
   // Mostly informative, only used for analytics
-  border: "var(--ds-border, #091E4224)",
+  border: "var(--ds-border, #0B120E24)",
   message: getColorMessage(paletteMessages, 'no-color'),
   decorator: jsx(EditorDiagonalLineIcon, null)
 }];

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

@@ -1,4 +1,3 @@
-import { DEFAULT_BORDER_COLOR } from './common';
 export const panelBackgroundPalette = [{
   label: 'White',
   value: '#FFFFFF'
@@ -64,5 +63,5 @@ export const panelBackgroundPalette = [{
   value: '#998DD9'
 }].map(color => ({
   ...color,
-  border: `var(--ds-border, ${DEFAULT_BORDER_COLOR})`
+  border: "var(--ds-border, #0B120E24)"
 }));