@atlaskit/editor-common 110.24.2 → 110.25.0

package/dist/cjs/styles/shared/resizer.js

@@ -28,4 +28,4 @@ var resizerHandleThumbWidth = exports.resizerHandleThumbWidth = 3;
 var resizerHandleZIndex = exports.resizerHandleZIndex = 1;
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766, Seems perfectly safe to autofix, but comments would be lost…
-var resizerStyles = exports.resizerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\twill-change: width;\n\n\t\t&:hover,\n\t\t&.display-handle {\n\t\t\t& > .", " > .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&.is-resizing {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t& .", " {\n\t\t\t\ttransition: none;\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\t\tvisibility: hidden;\n\t\topacity: 0;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 7px;\n\t\ttransition:\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t/*\n      NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles\n      into the tooltip\n    */\n\t\t& div[role='presentation'] {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin-top: ", ";\n\t\t\twhite-space: normal;\n\t\t}\n\n\t\t/*\n      Handle Positions\n    */\n\t\t&.left {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t&.right {\n\t\t\talign-items: flex-end;\n\t\t}\n\n\t\t/*\n      Handle Sizing\n    */\n\t\t&.small {\n\t\t\t& .", " {\n\t\t\t\theight: 43px;\n\t\t\t}\n\t\t}\n\t\t&.medium {\n\t\t\t& .", " {\n\t\t\t\theight: 64px;\n\t\t\t}\n\t\t}\n\t\t&.large {\n\t\t\t& .", " {\n\t\t\t\theight: 96px;\n\t\t\t}\n\t\t}\n\t\t&.clamped {\n\t\t\t& .", " {\n\t\t\t\theight: clamp(43px, calc(100% - 32px), 96px);\n\t\t\t}\n\t\t}\n\n\t\t/*\n      Handle Alignment\n    */\n\t\t&.sticky {\n\t\t\t& .", " {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\n\t\t\t& .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\tmargin: 0 ", ";\n\t\theight: 64px;\n\t\ttransition: background-color 0.2s;\n\t\tborder-radius: 6px;\n\t\tborder: 0;\n\t\tpadding: 0;\n\t\tz-index: 2;\n\t\toutline: none;\n\t\tmin-height: 24px;\n\t\tbackground: ", ";\n\n\t\t&:hover {\n\t\t\tcursor: col-resize;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: ", ";\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t\tright: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t\tleft: ", ";\n\t\t\t\tborder: 2px solid ", ";\n\t\t\t\tborder-radius: inherit;\n\t\t\t\tz-index: -1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tvisibility: hidden;\n\t\tposition: absolute;\n\t\twidth: 7px;\n\t\theight: calc(100% - 40px);\n\t\tborder-radius: 4px;\n\t\topacity: 0;\n\t\ttransition:\n\t\t\tbackground-color 0.2s,\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t&.none {\n\t\t\tbackground: none;\n\t\t}\n\n\t\t&.shadow {\n\t\t\tbackground: ", ";\n\t\t}\n\n\t\t&.full-height {\n\t\t\tbackground: ", ";\n\t\t\theight: 100%;\n\t\t\tmin-height: 36px;\n\t\t}\n\t}\n\n\t.", " {\n\t\t& .", " {\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n\n\t&.resizer-hover-zone-cls-fix .", " {\n\t\tdisplay: 'flow-root';\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\n\t\t&.", " {\n\t\t\tpadding: 0 ", ";\n\t\t\tleft: ", ";\n\t\t}\n\t}\n\n\t/* This below style is here to make sure the image width is correct when nested in a table */\n\ttable .", ", table .", ".", " {\n\t\tpadding: unset;\n\t\tleft: unset;\n\t}\n"])), resizerItemClassName, handleWrapperClass, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerDangerClassName, resizerHandleThumbClassName, "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), resizerHandleClassName, "var(--ds-space-negative-200, -16px)", resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, resizerHandleThumbClassName, "var(--ds-space-025, 2px)", "var(--ds-border, #091E4224)", "var(--ds-border-selected, #0C66E4)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, "var(--ds-background-selected, #E9F2FF)", "var(--ds-background-selected, #E9F2FF)", akEditorSelectedNodeClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #388BFF)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone, "var(--ds-space-150, 12px)", "var(--ds-space-negative-150, -12px)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone);
+var resizerStyles = exports.resizerStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\twill-change: width;\n\n\t\t&:hover,\n\t\t&.display-handle {\n\t\t\t& > .", " > .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&.is-resizing {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t& .", " {\n\t\t\t\ttransition: none;\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\t\tvisibility: hidden;\n\t\topacity: 0;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 7px;\n\t\ttransition:\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t/*\n      NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles\n      into the tooltip\n    */\n\t\t& div[role='presentation'] {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin-top: ", ";\n\t\t\twhite-space: normal;\n\t\t}\n\n\t\t/*\n      Handle Positions\n    */\n\t\t&.left {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t&.right {\n\t\t\talign-items: flex-end;\n\t\t}\n\n\t\t/*\n      Handle Sizing\n    */\n\t\t&.small {\n\t\t\t& .", " {\n\t\t\t\theight: 43px;\n\t\t\t}\n\t\t}\n\t\t&.medium {\n\t\t\t& .", " {\n\t\t\t\theight: 64px;\n\t\t\t}\n\t\t}\n\t\t&.large {\n\t\t\t& .", " {\n\t\t\t\theight: 96px;\n\t\t\t}\n\t\t}\n\t\t&.clamped {\n\t\t\t& .", " {\n\t\t\t\theight: clamp(43px, calc(100% - 32px), 96px);\n\t\t\t}\n\t\t}\n\n\t\t/*\n      Handle Alignment\n    */\n\t\t&.sticky {\n\t\t\t& .", " {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\n\t\t\t& .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\tmargin: 0 ", ";\n\t\theight: 64px;\n\t\ttransition: background-color 0.2s;\n\t\tborder-radius: 6px;\n\t\tborder: 0;\n\t\tpadding: 0;\n\t\tz-index: 2;\n\t\toutline: none;\n\t\tmin-height: 24px;\n\t\tbackground: ", ";\n\n\t\t&:hover {\n\t\t\tcursor: col-resize;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: ", ";\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t\tright: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t\tleft: ", ";\n\t\t\t\tborder: 2px solid ", ";\n\t\t\t\tborder-radius: inherit;\n\t\t\t\tz-index: -1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tvisibility: hidden;\n\t\tposition: absolute;\n\t\twidth: 7px;\n\t\theight: calc(100% - 40px);\n\t\tborder-radius: 4px;\n\t\topacity: 0;\n\t\ttransition:\n\t\t\tbackground-color 0.2s,\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t&.none {\n\t\t\tbackground: none;\n\t\t}\n\n\t\t&.shadow {\n\t\t\tbackground: ", ";\n\t\t}\n\n\t\t&.full-height {\n\t\t\tbackground: ", ";\n\t\t\theight: 100%;\n\t\t\tmin-height: 36px;\n\t\t}\n\t}\n\n\t.", " {\n\t\t& .", " {\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n\n\t&.resizer-hover-zone-cls-fix .", " {\n\t\tdisplay: 'flow-root';\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\n\t\t&.", " {\n\t\t\tpadding: 0 ", ";\n\t\t\tleft: ", ";\n\t\t}\n\t}\n\n\t/* This below style is here to make sure the image width is correct when nested in a table */\n\ttable .", ", table .", ".", " {\n\t\tpadding: unset;\n\t\tleft: unset;\n\t}\n"])), resizerItemClassName, handleWrapperClass, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #4688EC)", resizerDangerClassName, resizerHandleThumbClassName, "var(--ds-icon-danger, ".concat(_editorSharedStyles.akEditorDeleteIconColor, ")"), resizerHandleClassName, "var(--ds-space-negative-200, -16px)", resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", resizerHandleThumbClassName, "var(--ds-border-focused, #4688EC)", resizerHandleTrackClassName, resizerHandleThumbClassName, "var(--ds-space-025, 2px)", "var(--ds-border, #0B120E24)", "var(--ds-border-selected, #0C66E4)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, "var(--ds-background-selected, #E9F2FE)", "var(--ds-background-selected, #E9F2FE)", akEditorSelectedNodeClassName, resizerHandleThumbClassName, "var(--ds-border-focused, #4688EC)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone, "var(--ds-space-150, 12px)", "var(--ds-space-negative-150, -12px)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone);

package/dist/cjs/table/SortingIcon.js

@@ -25,7 +25,7 @@ var StatusClassNames = exports.StatusClassNames = /*#__PURE__*/function (StatusC
   StatusClassNames["SORTING_NOT_ALLOWED"] = "sorting-icon-svg__not-allowed";
   return StatusClassNames;
 }({}); // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-var buttonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: absolute;\n\tdisplay: flex;\n\theight: 28px;\n\twidth: 28px;\n\tmargin: ", ";\n\tright: 0;\n\ttop: 0;\n\tborder: ", " solid ", ";\n\tborder-radius: ", ";\n\tbackground-color: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:active {\n\t\tbackground-color: ", ";\n\t}\n\n\t&.", "__not-allowed {\n\t\tcursor: not-allowed;\n\t}\n"])), "var(--ds-space-075, 6px)", "var(--ds-border-width-selected, 2px)", "var(--ds-border, #fff)", "var(--ds-radius-small, 4px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-surface-overlay-hovered, #F1F2F4)", "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))", _consts.SORTABLE_COLUMN_ICON_CLASSNAME);
+var buttonStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: absolute;\n\tdisplay: flex;\n\theight: 28px;\n\twidth: 28px;\n\tmargin: ", ";\n\tright: 0;\n\ttop: 0;\n\tborder: ", " solid ", ";\n\tborder-radius: ", ";\n\tbackground-color: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:active {\n\t\tbackground-color: ", ";\n\t}\n\n\t&.", "__not-allowed {\n\t\tcursor: not-allowed;\n\t}\n"])), "var(--ds-space-075, 6px)", "var(--ds-border-width-selected, 2px)", "var(--ds-border, #fff)", "var(--ds-radius-small, 4px)", "var(--ds-surface-overlay, #FFFFFF)", "var(--ds-surface-overlay-hovered, #F0F1F2)", "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))", _consts.SORTABLE_COLUMN_ICON_CLASSNAME);
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var iconWrapperStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\twidth: 8px;\n\theight: 12px;\n\ttransition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1);\n\ttransform-origin: 50% 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\n\t&.", " {\n\t\ttransform: rotate(-180deg);\n\t}\n\n\t&.", "-inactive {\n\t\topacity: 0.7;\n\t}\n"])), StatusClassNames.DESC, _consts.SORTABLE_COLUMN_ICON_CLASSNAME);

package/dist/cjs/toolbar/index.js

@@ -897,6 +897,36 @@ Object.defineProperty(exports, "SUPERSCRIPT_MENU_ITEM", {
     return _keys.SUPERSCRIPT_MENU_ITEM;
   }
 });
+Object.defineProperty(exports, "SYNCED_BLOCK_BUTTON", {
+  enumerable: true,
+  get: function get() {
+    return _keys.SYNCED_BLOCK_BUTTON;
+  }
+});
+Object.defineProperty(exports, "SYNCED_BLOCK_GROUP", {
+  enumerable: true,
+  get: function get() {
+    return _keys.SYNCED_BLOCK_GROUP;
+  }
+});
+Object.defineProperty(exports, "SYNCED_BLOCK_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _keys.SYNCED_BLOCK_ITEM;
+  }
+});
+Object.defineProperty(exports, "SYNCED_BLOCK_SECTION", {
+  enumerable: true,
+  get: function get() {
+    return _keys.SYNCED_BLOCK_SECTION;
+  }
+});
+Object.defineProperty(exports, "SYNCED_BLOCK_SECTION_RANK", {
+  enumerable: true,
+  get: function get() {
+    return _rank.SYNCED_BLOCK_SECTION_RANK;
+  }
+});
 Object.defineProperty(exports, "TABLE_BUTTON", {
   enumerable: true,
   get: function get() {

package/dist/cjs/toolbar/keys.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ROVO_PROMPT_MENU_SECTION = exports.ROVO_MENU_DISPLAY_SMALL = exports.ROVO_MENU = exports.ROVO_HERO_BUTTON = exports.ROVO_GROUP_VIEW = exports.ROVO_GROUP_PRIMARY_TOOLBAR = exports.ROVO_GROUP_DISPLAY_SMALL = exports.ROVO_GROUP = exports.REDO_CHANGES_GROUP = exports.REDO_BUTTON = exports.PIN_SECTION = exports.PIN_MENU_SECTION = exports.PIN_MENU_ITEM = exports.PIN_GROUP = exports.PIN_BUTTON = exports.OVERFLOW_SECTION_PRIMARY_TOOLBAR = exports.OVERFLOW_SECTION = exports.OVERFLOW_MENU_PRIMARY_TOOLBAR = exports.OVERFLOW_MENU = exports.OVERFLOW_GROUP_PRIMARY_TOOLBAR = exports.OVERFLOW_GROUP = exports.OUTDENT_MENU_ITEM = exports.NUMBERED_LIST_MENU_ITEM = exports.NORMAL_TEXT_MENU_ITEM = exports.MORE_PROFESSIONAL_MENU_ITEM = exports.MORE_EMPATHETIC_MENU_ITEM = exports.MORE_CASUAL_MENU_ITEM = exports.MENTION_GROUP = exports.MENTION_BUTTON = exports.MEDIA_GROUP = exports.MEDIA_BUTTON = exports.MAKE_SHORTER_MENU_ITEM = exports.MAKE_LONGER_MENU_ITEM = exports.LOOM_MENU_SECTION = exports.LOOM_MENU_ITEM = exports.LISTS_INDENTATION_MENU_SECTION = exports.LISTS_INDENTATION_MENU = exports.LISTS_INDENTATION_HERO_BUTTON_COLLAPSED = exports.LISTS_INDENTATION_HERO_BUTTON = exports.LISTS_INDENTATION_GROUP_INLINE = exports.LISTS_INDENTATION_GROUP_COLLAPSED = exports.LISTS_INDENTATION_GROUP = exports.LINKING_SECTION = exports.LINKING_GROUP = exports.LINKING_BUTTON = exports.LAYOUT_GROUP = exports.LAYOUT_BUTTON = exports.ITALIC_MENU_ITEM = exports.INSERT_GROUP = exports.INSERT_BUTTON = exports.INSERT_BLOCK_SECTION = exports.INDENT_MENU_ITEM = exports.IMPROVE_WRITING_MENU_ITEM = exports.IMPROVE_WRITING_GROUP = exports.IMPROVE_WRITING_BUTTON = exports.HIGHLIGHT_MENU_ITEM = exports.HERO_PROMPT_MENU_ITEM = exports.HERO_PROMPT_BUTTON_GROUP = exports.HERO_PROMPT_BUTTON = exports.HEADING_6_MENU_ITEM = exports.HEADING_5_MENU_ITEM = exports.HEADING_4_MENU_ITEM = exports.HEADING_3_MENU_ITEM = exports.HEADING_2_MENU_ITEM = exports.HEADING_1_MENU_ITEM = exports.EMOJI_GROUP = exports.EMOJI_BUTTON = exports.DEFINE_MENU_ITEM = exports.DEFINE_GROUP = exports.DEFINE_BUTTON = exports.COMMENT_HERO_BUTTON = exports.COMMENT_GROUP = exports.COLLAB_SECTION = exports.CODE_MENU_ITEM = exports.CODE_BLOCK_GROUP = exports.CODE_BLOCK_BUTTON = exports.CLEAR_FORMATTING_MENU_ITEM = exports.CLEAR_FORMARTTING_MENU_SECTION = exports.CLEAR_COLOR_MENU_ITEM = exports.CHANGE_TONE_NESTED_MENU = exports.CHANGE_TONE_MENU_SECTION = exports.BULLETED_LIST_MENU_ITEM = exports.BULLETED_LIST_BUTTON_GROUP = exports.BULLETED_LIST_BUTTON = exports.BOLD_MENU_ITEM = exports.BOLD_BUTTON_GROUP = exports.BOLD_BUTTON = exports.BLOCK_QUOTE_MENU_ITEM = exports.APPS_SECTION = exports.ALIGN_RIGHT_MENU_ITEM = exports.ALIGN_LEFT_MENU_ITEM = exports.ALIGN_CENTER_MENU_ITEM = exports.ALIGNMENT_MENU_SECTION = exports.ALIGNMENT_MENU = exports.ALIGNMENT_GROUP = exports.AI_VIEW_SECTION = exports.AI_SECTION_PRIMARY_TOOLBAR = exports.AI_SECTION_FULL_PAGE_PRIMARY_TOOLBAR = exports.AI_SECTION_COMMENT_PRIMARY_TOOLBAR = exports.AI_SECTION = void 0;
-exports.UNDO_CHANGES_GROUP = exports.UNDO_BUTTON = exports.UNDERLINE_MENU_ITEM = exports.UNDERLINE_BUTTON_GROUP = exports.UNDERLINE_BUTTON = exports.TRANSLATE_NESTED_MENU = exports.TRANSLATE_MENU_SECTION = exports.TRACK_CHANGES_SECTION = exports.TRACK_CHANGES_GROUP = exports.TRACK_CHANGES_BUTTON = exports.TOOLBARS = exports.TEXT_STYLES_MENU_SECTION = exports.TEXT_STYLES_MENU = exports.TEXT_STYLES_GROUP = exports.TEXT_SECTION_PRIMARY_TOOLBAR = exports.TEXT_SECTION_COLLAPSED = exports.TEXT_SECTION = exports.TEXT_FORMATTING_MENU_SECTION = exports.TEXT_FORMATTING_MENU = exports.TEXT_FORMATTING_HERO_BUTTON_COLLAPSED = exports.TEXT_FORMATTING_HERO_BUTTON = exports.TEXT_FORMATTING_GROUP_INLINE = exports.TEXT_FORMATTING_GROUP_COLLAPSED = exports.TEXT_FORMATTING_GROUP = exports.TEXT_COLOR_MENU_ITEM = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION = exports.TEXT_COLOR_HIGHLIGHT_MENU = exports.TEXT_COLOR_HIGHLIGHT_GROUP = exports.TEXT_COLLAPSED_MENU = exports.TEXT_COLLAPSED_GROUP = exports.TASK_LIST_MENU_ITEM = exports.TASK_LIST_GROUP = exports.TASK_LIST_BUTTON = exports.TABLE_SIZE_PICKER = exports.TABLE_GROUP = exports.TABLE_BUTTON = exports.SUPERSCRIPT_MENU_ITEM = exports.SUBSCRIPT_MENU_ITEM = exports.STRIKE_MENU_ITEM = exports.SPELLING_AND_GRAMMAR_MENU_ITEM = exports.SELECTION_EXTENSION_MENU_SECTION = exports.ROVO_WRITE_BUTTON_PRIMARY_TOOLBAR = exports.ROVO_PROMPT_MENU_SECTION_DISPLAY_SMALL = void 0;
+exports.UNDO_CHANGES_GROUP = exports.UNDO_BUTTON = exports.UNDERLINE_MENU_ITEM = exports.UNDERLINE_BUTTON_GROUP = exports.UNDERLINE_BUTTON = exports.TRANSLATE_NESTED_MENU = exports.TRANSLATE_MENU_SECTION = exports.TRACK_CHANGES_SECTION = exports.TRACK_CHANGES_GROUP = exports.TRACK_CHANGES_BUTTON = exports.TOOLBARS = exports.TEXT_STYLES_MENU_SECTION = exports.TEXT_STYLES_MENU = exports.TEXT_STYLES_GROUP = exports.TEXT_SECTION_PRIMARY_TOOLBAR = exports.TEXT_SECTION_COLLAPSED = exports.TEXT_SECTION = exports.TEXT_FORMATTING_MENU_SECTION = exports.TEXT_FORMATTING_MENU = exports.TEXT_FORMATTING_HERO_BUTTON_COLLAPSED = exports.TEXT_FORMATTING_HERO_BUTTON = exports.TEXT_FORMATTING_GROUP_INLINE = exports.TEXT_FORMATTING_GROUP_COLLAPSED = exports.TEXT_FORMATTING_GROUP = exports.TEXT_COLOR_MENU_ITEM = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION = exports.TEXT_COLOR_HIGHLIGHT_MENU = exports.TEXT_COLOR_HIGHLIGHT_GROUP = exports.TEXT_COLLAPSED_MENU = exports.TEXT_COLLAPSED_GROUP = exports.TASK_LIST_MENU_ITEM = exports.TASK_LIST_GROUP = exports.TASK_LIST_BUTTON = exports.TABLE_SIZE_PICKER = exports.TABLE_GROUP = exports.TABLE_BUTTON = exports.SYNCED_BLOCK_SECTION = exports.SYNCED_BLOCK_ITEM = exports.SYNCED_BLOCK_GROUP = exports.SYNCED_BLOCK_BUTTON = exports.SUPERSCRIPT_MENU_ITEM = exports.SUBSCRIPT_MENU_ITEM = exports.STRIKE_MENU_ITEM = exports.SPELLING_AND_GRAMMAR_MENU_ITEM = exports.SELECTION_EXTENSION_MENU_SECTION = exports.ROVO_WRITE_BUTTON_PRIMARY_TOOLBAR = exports.ROVO_PROMPT_MENU_SECTION_DISPLAY_SMALL = void 0;
 var TOOLBARS = exports.TOOLBARS = {
   INLINE_TEXT_TOOLBAR: 'inline-text-toolbar',
   PRIMARY_TOOLBAR: 'primary-toolbar'
@@ -523,6 +523,26 @@ var LINKING_BUTTON = exports.LINKING_BUTTON = {
   type: 'button'
 };
 
+/**
+ * Synced Block group
+ */
+var SYNCED_BLOCK_GROUP = exports.SYNCED_BLOCK_GROUP = {
+  key: 'synced-block-group',
+  type: 'group'
+};
+var SYNCED_BLOCK_BUTTON = exports.SYNCED_BLOCK_BUTTON = {
+  key: 'synced-block-button',
+  type: 'button'
+};
+var SYNCED_BLOCK_ITEM = exports.SYNCED_BLOCK_ITEM = {
+  key: 'synced-block-item',
+  type: 'menu-item'
+};
+var SYNCED_BLOCK_SECTION = exports.SYNCED_BLOCK_SECTION = {
+  key: 'synced-block-section',
+  type: 'menu-section'
+};
+
 /**
  * Collab section
  */

package/dist/cjs/toolbar/rank.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNDO_CHANGES_GROUP_RANK = exports.TRANSLATE_MENU_RANK = exports.TRACK_CHANGES_SECTION_RANK = exports.TRACK_CHANGES_GROUP_RANK = exports.TOOLBAR_RANK = exports.TEXT_STYLES_MENU_SECTION_RANK = exports.TEXT_STYLES_MENU_RANK = exports.TEXT_STYLES_GROUP_RANK = exports.TEXT_SECTION_RANK = exports.TEXT_SECTION_PRIMARY_TOOLBAR_RANK = exports.TEXT_SECTION_COLLAPSED_RANK = exports.TEXT_FORMAT_MENU_RANK = exports.TEXT_FORMAT_GROUP_RANK = exports.TEXT_FORMAT_GROUP_COLLAPSED_RANK = exports.TEXT_FORMATTING_MENU_SECTION_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_RANK = exports.TEXT_COLOR_HIGHLIGHT_GROUP_RANK = exports.TEXT_COLLAPSED_MENU_RANK = exports.TEXT_COLLAPSED_GROUP_RANK = exports.TASK_LIST_GROUP_RANK = exports.TABLE_GROUP_RANK = exports.ROVO_PROMPT_MENU_SECTION_RANK = exports.ROVO_MENU_RANK = exports.ROVO_GROUP_RANK = exports.ROVO_GROUP_DISPLAY_SMALL_RANK = exports.REDO_CHANGES_GROUP_RANK = exports.PIN_SECTION_RANK = exports.PIN_MENU_SECTION_RANK = exports.PIN_GROUP_RANK = exports.OVERFLOW_SECTION_RANK = exports.OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK = exports.OVERFLOW_MENU_RANK = exports.OVERFLOW_MENU_PRIMARY_TOOLBAR_RANK = exports.OVERFLOW_GROUP_RANK = exports.OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK = exports.MENTION_GROUP_RANK = exports.MEDIA_GROUP_RANK = exports.LOOM_MENU_SECTION_RANK = exports.LISTS_INDENTATION_MENU_SECTION_RANK = exports.LISTS_INDENTATION_MENU_RANK = exports.LISTS_INDENTATION_GROUP_RANK = exports.LISTS_INDENTATION_GROUP_COLLAPSED_RANK = exports.LINKING_SECTION_RANK = exports.LINKING_GROUP_RANK = exports.LAYOUT_GROUP_RANK = exports.INSERT_GROUP_RANK = exports.INSERT_BLOCK_SECTION_RANK = exports.IMPROVE_WRITING_GROUP_RANK = exports.HERO_PROMPT_BUTTON_GROUP_RANK = exports.EMOJI_GROUP_RANK = exports.DEFINE_GROUP_RANK = exports.COMMENT_GROUP_RANK = exports.COLLAB_SECTION_RANK = exports.CODE_BLOCK_GROUP_RANK = exports.CLEAR_FORMARTTING_MENU_SECTION_RANK = exports.CHANGE_TONE_MENU_SECTION_RANK = exports.CHANGE_TONE_MENU_RANK = exports.ALIGNMENT_MENU_SECTION_RANK = exports.ALIGNMENT_MENU_RANK = exports.ALIGNMENT_GROUP_RANK = exports.AI_SECTION_RANK = void 0;
+exports.UNDO_CHANGES_GROUP_RANK = exports.TRANSLATE_MENU_RANK = exports.TRACK_CHANGES_SECTION_RANK = exports.TRACK_CHANGES_GROUP_RANK = exports.TOOLBAR_RANK = exports.TEXT_STYLES_MENU_SECTION_RANK = exports.TEXT_STYLES_MENU_RANK = exports.TEXT_STYLES_GROUP_RANK = exports.TEXT_SECTION_RANK = exports.TEXT_SECTION_PRIMARY_TOOLBAR_RANK = exports.TEXT_SECTION_COLLAPSED_RANK = exports.TEXT_FORMAT_MENU_RANK = exports.TEXT_FORMAT_GROUP_RANK = exports.TEXT_FORMAT_GROUP_COLLAPSED_RANK = exports.TEXT_FORMATTING_MENU_SECTION_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_RANK = exports.TEXT_COLOR_HIGHLIGHT_GROUP_RANK = exports.TEXT_COLLAPSED_MENU_RANK = exports.TEXT_COLLAPSED_GROUP_RANK = exports.TASK_LIST_GROUP_RANK = exports.TABLE_GROUP_RANK = exports.SYNCED_BLOCK_SECTION_RANK = exports.ROVO_PROMPT_MENU_SECTION_RANK = exports.ROVO_MENU_RANK = exports.ROVO_GROUP_RANK = exports.ROVO_GROUP_DISPLAY_SMALL_RANK = exports.REDO_CHANGES_GROUP_RANK = exports.PIN_SECTION_RANK = exports.PIN_MENU_SECTION_RANK = exports.PIN_GROUP_RANK = exports.OVERFLOW_SECTION_RANK = exports.OVERFLOW_SECTION_PRIMARY_TOOLBAR_RANK = exports.OVERFLOW_MENU_RANK = exports.OVERFLOW_MENU_PRIMARY_TOOLBAR_RANK = exports.OVERFLOW_GROUP_RANK = exports.OVERFLOW_GROUP_PRIMARY_TOOLBAR_RANK = exports.MENTION_GROUP_RANK = exports.MEDIA_GROUP_RANK = exports.LOOM_MENU_SECTION_RANK = exports.LISTS_INDENTATION_MENU_SECTION_RANK = exports.LISTS_INDENTATION_MENU_RANK = exports.LISTS_INDENTATION_GROUP_RANK = exports.LISTS_INDENTATION_GROUP_COLLAPSED_RANK = exports.LINKING_SECTION_RANK = exports.LINKING_GROUP_RANK = exports.LAYOUT_GROUP_RANK = exports.INSERT_GROUP_RANK = exports.INSERT_BLOCK_SECTION_RANK = exports.IMPROVE_WRITING_GROUP_RANK = exports.HERO_PROMPT_BUTTON_GROUP_RANK = exports.EMOJI_GROUP_RANK = exports.DEFINE_GROUP_RANK = exports.COMMENT_GROUP_RANK = exports.COLLAB_SECTION_RANK = exports.CODE_BLOCK_GROUP_RANK = exports.CLEAR_FORMARTTING_MENU_SECTION_RANK = exports.CHANGE_TONE_MENU_SECTION_RANK = exports.CHANGE_TONE_MENU_RANK = exports.ALIGNMENT_MENU_SECTION_RANK = exports.ALIGNMENT_MENU_RANK = exports.ALIGNMENT_GROUP_RANK = exports.AI_SECTION_RANK = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _keys = require("./keys");
 var _TOOLBAR_RANK;
@@ -49,6 +49,7 @@ var TEXT_FORMAT_GROUP_COLLAPSED_RANK = exports.TEXT_FORMAT_GROUP_COLLAPSED_RANK
 var TEXT_FORMAT_MENU_RANK = exports.TEXT_FORMAT_MENU_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.TEXT_FORMATTING_MENU_SECTION.key, 100), _keys.CLEAR_FORMARTTING_MENU_SECTION.key, 200);
 var TEXT_FORMATTING_MENU_SECTION_RANK = exports.TEXT_FORMATTING_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.BOLD_MENU_ITEM.key, 100), _keys.ITALIC_MENU_ITEM.key, 200), _keys.UNDERLINE_MENU_ITEM.key, 300), _keys.STRIKE_MENU_ITEM.key, 400), _keys.CODE_MENU_ITEM.key, 500), _keys.SUBSCRIPT_MENU_ITEM.key, 600), _keys.SUPERSCRIPT_MENU_ITEM.key, 700);
 var CLEAR_FORMARTTING_MENU_SECTION_RANK = exports.CLEAR_FORMARTTING_MENU_SECTION_RANK = (0, _defineProperty2.default)({}, _keys.CLEAR_FORMATTING_MENU_ITEM.key, 100);
+var SYNCED_BLOCK_SECTION_RANK = exports.SYNCED_BLOCK_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.SYNCED_BLOCK_ITEM.key, 100), _keys.SYNCED_BLOCK_BUTTON.key, 200);
 
 /*
  * Lists and indentation group
@@ -77,7 +78,7 @@ var TEXT_COLOR_HIGHLIGHT_MENU_SECTION_RANK = exports.TEXT_COLOR_HIGHLIGHT_MENU_S
  * Insert block section
  */
 
-var INSERT_BLOCK_SECTION_RANK = exports.INSERT_BLOCK_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.TASK_LIST_GROUP.key, 100), _keys.MEDIA_GROUP.key, 200), _keys.CODE_BLOCK_GROUP.key, 300), _keys.MENTION_GROUP.key, 400), _keys.EMOJI_GROUP.key, 500), _keys.LAYOUT_GROUP.key, 600), _keys.TABLE_GROUP.key, 700), _keys.INSERT_GROUP.key, 800);
+var INSERT_BLOCK_SECTION_RANK = exports.INSERT_BLOCK_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.TASK_LIST_GROUP.key, 100), _keys.MEDIA_GROUP.key, 200), _keys.CODE_BLOCK_GROUP.key, 300), _keys.MENTION_GROUP.key, 400), _keys.EMOJI_GROUP.key, 500), _keys.LAYOUT_GROUP.key, 600), _keys.TABLE_GROUP.key, 700), _keys.INSERT_GROUP.key, 800), _keys.SYNCED_BLOCK_GROUP.key, 900);
 var TASK_LIST_GROUP_RANK = exports.TASK_LIST_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.TASK_LIST_BUTTON.key, 100);
 var MEDIA_GROUP_RANK = exports.MEDIA_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.MEDIA_BUTTON.key, 100);
 var CODE_BLOCK_GROUP_RANK = exports.CODE_BLOCK_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.CODE_BLOCK_BUTTON.key, 100);
@@ -113,7 +114,7 @@ var TRACK_CHANGES_GROUP_RANK = exports.TRACK_CHANGES_GROUP_RANK = (0, _definePro
  */
 var OVERFLOW_SECTION_RANK = exports.OVERFLOW_SECTION_RANK = (0, _defineProperty2.default)({}, _keys.OVERFLOW_GROUP.key, 100);
 var OVERFLOW_GROUP_RANK = exports.OVERFLOW_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.OVERFLOW_MENU.key, 100);
-var OVERFLOW_MENU_RANK = exports.OVERFLOW_MENU_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.PIN_MENU_SECTION.key, 100), _keys.LOOM_MENU_SECTION.key, 200), _keys.SELECTION_EXTENSION_MENU_SECTION.key, 300);
+var OVERFLOW_MENU_RANK = exports.OVERFLOW_MENU_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.PIN_MENU_SECTION.key, 100), _keys.LOOM_MENU_SECTION.key, 200), _keys.SELECTION_EXTENSION_MENU_SECTION.key, 300), _keys.SYNCED_BLOCK_SECTION.key, 400);
 var PIN_MENU_SECTION_RANK = exports.PIN_MENU_SECTION_RANK = (0, _defineProperty2.default)({}, _keys.PIN_MENU_ITEM.key, 100);
 
 /**

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

@@ -26,7 +26,7 @@ var captionWrapperStyle = (0, _react2.css)({
   marginTop: "var(--ds-space-100, 8px)",
   textAlign: 'center',
   position: 'relative',
-  color: "var(--ds-text-subtle, #44546F)"
+  color: "var(--ds-text-subtle, #505258)"
 });
 var placeholderStyle = (0, _primitives.xcss)({
   color: 'color.text.subtlest',

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "110.24.1";
+var packageVersion = "110.24.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({
@@ -69,10 +69,10 @@ var DropList = /*#__PURE__*/function (_Component) {
     /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
     (0, _defineProperty2.default)(_this, "menuWrapper", function () {
       return (0, _react2.css)({
-        color: "var(--ds-text-subtle, #44546F)",
+        color: "var(--ds-text-subtle, #505258)",
         backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
         borderRadius: "var(--ds-radius-small, 3px)",
-        boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
+        boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
         boxSizing: 'border-box',
         overflow: 'auto',
         padding: "var(--ds-space-050, 4px)".concat(" 0"),

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

@@ -59,12 +59,12 @@ var expandIconWrapperStyle = function expandIconWrapperStyle() {
   return (0, _react2.css)({
     cursor: 'pointer',
     display: 'flex',
-    color: "var(--ds-icon, #44546F)",
+    color: "var(--ds-icon, #292A2E)",
     borderRadius: "var(--ds-radius-small, 4px)",
     width: '24px',
     height: '24px',
     '&:hover': {
-      background: "var(--ds-background-neutral-subtle-hovered, #091E420F)"
+      background: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     svg: {

package/dist/cjs/ui/FloatingToolbar/Separator.js

@@ -12,14 +12,14 @@ var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var separator = (0, _react.css)({
-  background: "var(--ds-border, #091E4224)",
+  background: "var(--ds-border, #0B120E24)",
   width: '1px',
   height: '20px',
   margin: "0 ".concat("var(--ds-space-050, 4px)"),
   alignSelf: 'center'
 });
 var separatorNew = (0, _react.css)({
-  background: "var(--ds-border, #091E4224)",
+  background: "var(--ds-border, #0B120E24)",
   width: '1px',
   height: '20px',
   alignSelf: 'center'

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

@@ -32,12 +32,12 @@ var background = {
       dark: 'inherit'
     },
     hover: {
-      light: "var(--ds-background-neutral-subtle-hovered, #091E420F)",
-      dark: "var(--ds-background-neutral-subtle-hovered, #091E420F)"
+      light: "var(--ds-background-neutral-subtle-hovered, #0515240F)",
+      dark: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
     },
     active: {
-      light: "var(--ds-background-neutral-pressed, #091E424F)",
-      dark: "var(--ds-background-neutral-pressed, #091E424F)"
+      light: "var(--ds-background-neutral-pressed, #080F214A)",
+      dark: "var(--ds-background-neutral-pressed, #080F214A)"
     }
   }
 };
@@ -52,16 +52,16 @@ var backgroundVisualRefresh = {
       dark: "var(--ds-background-danger-hovered, #FFD5D2)"
     },
     active: {
-      light: "var(--ds-background-danger-pressed, #FD9891)",
-      dark: "var(--ds-background-danger-pressed, #FD9891)"
+      light: "var(--ds-background-danger-pressed, #FFB8B2)",
+      dark: "var(--ds-background-danger-pressed, #FFB8B2)"
     }
   }
 };
 var color = {
   danger: {
     default: {
-      light: "var(--ds-icon, #44546F)",
-      dark: "var(--ds-icon, #44546F)"
+      light: "var(--ds-icon, #292A2E)",
+      dark: "var(--ds-icon, #292A2E)"
     },
     hover: {
       light: "var(--ds-icon-danger, #C9372C)",
@@ -76,8 +76,8 @@ var color = {
 var colorVisualRefresh = {
   danger: {
     default: {
-      light: "var(--ds-icon-subtle, #626F86)",
-      dark: "var(--ds-icon-subtle, #626F86)"
+      light: "var(--ds-icon-subtle, #505258)",
+      dark: "var(--ds-icon-subtle, #505258)"
     },
     hover: {
       light: "var(--ds-icon-danger, #C9372C)",

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

@@ -19,7 +19,7 @@ var errorColor = (0, _react.css)({
   color: "var(--ds-text-danger, #AE2E24)"
 });
 var validColor = (0, _react.css)({
-  color: "var(--ds-text-success, #216E4E)"
+  color: "var(--ds-text-success, #4C6B1F)"
 });
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
@@ -33,7 +33,7 @@ var messageStyle = function messageStyle() {
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       lineHeight: 16 / 12,
       fontWeight: "var(--ds-font-weight-regular, 400)",
-      color: "var(--ds-text-subtlest, #626F86)",
+      color: "var(--ds-text-subtlest, #6B6E76)",
       marginTop: "var(--ds-space-050, 4px)",
       display: 'flex',
       justifyContent: 'baseline'

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

@@ -14,11 +14,11 @@ var panelTextInput = exports.panelTextInput = (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&': {
     background: 'transparent',
-    border: "1px solid ".concat("var(--ds-border-input, #8590A2)"),
+    border: "1px solid ".concat("var(--ds-border-input, #8C8F97)"),
     // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
     borderRadius: "var(--ds-radius-small, 3px)",
     boxSizing: 'content-box',
-    color: "var(--ds-text, #172B4D)",
+    color: "var(--ds-text, #292A2E)",
     flexGrow: 1,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(13),
@@ -34,11 +34,11 @@ var panelTextInput = exports.panelTextInput = (0, _react.css)({
     '&:focus': {
       outline: 'none',
       backgroundColor: "var(--ds-background-input-pressed, #FFFFFF)",
-      borderColor: "var(--ds-border-focused, #388BFF)",
-      boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, #388BFF)")
+      borderColor: "var(--ds-border-focused, #4688EC)",
+      boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, #4688EC)")
     },
     '&::placeholder': {
-      color: "var(--ds-text-subtlest, #626F86)"
+      color: "var(--ds-text-subtlest, #6B6E76)"
     }
   }
 });

package/dist/cjs/ui/Shortcut/index.compiled.css

@@ -2,9 +2,9 @@
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._1wpzesu3{align-self:flex-end}
 ._1wybyofp{font-size:var(--_1l2t8t0)}
-._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
+._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
-._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
 @media (max-width:0px){._1ggkglyw{display:none}}

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

@@ -16,7 +16,7 @@ var shortcutStyleUnbounded = null;
 function Shortcut(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_2rkofajl _1wpzesu3 _ca0q1b66 _n3td1b66 _19bv1b66 _u5f31b66 _syaz1gjq _bfhkm7j4 _1ggkglyw", "_1wybyofp"]),
+    className: (0, _runtime.ax)(["_2rkofajl _1wpzesu3 _ca0q1b66 _n3td1b66 _19bv1b66 _u5f31b66 _syazazsu _bfhki8nm _1ggkglyw", "_1wybyofp"]),
     style: {
       "--_1l2t8t0": (0, _runtime.ix)("".concat(11.67 / 16, "rem"))
     }

package/dist/cjs/ui/Toolbar/Separator.compiled.css

@@ -4,6 +4,6 @@
 ._1e0c1o8l{display:inline-block}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._4t3i1tcg{height:24px}
-._bfhk15ej{background-color:var(--ds-background-neutral-hovered,#091e4224)}
+._bfhkplhp{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
 ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
 ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}

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

@@ -14,6 +14,6 @@ var separatorStyles = null;
 function ToolbarSeparator() {
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": "editor-toolbar-seperator",
-    className: (0, _runtime.ax)(["_1e0c1o8l _1bsbt94y _4t3i1tcg _19pkze3t _otyrze3t _18u0u2gc _2hwxu2gc _uiztglyw _bfhk15ej"])
+    className: (0, _runtime.ax)(["_1e0c1o8l _1bsbt94y _4t3i1tcg _19pkze3t _otyrze3t _18u0u2gc _2hwxu2gc _uiztglyw _bfhkplhp"])
   });
 }

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

@@ -25,8 +25,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var blockNodeStyle = (0, _react2.css)({
-  background: "var(--ds-background-disabled, #091E4208)",
-  border: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-disabled, #091E420F)"),
+  background: "var(--ds-background-disabled, #17171708)",
+  border: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-disabled, #0515240F)"),
   // 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',

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

@@ -26,8 +26,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 var inlineNodeStyle = (0, _react2.css)({
   alignItems: 'center',
-  background: "var(--ds-background-disabled, #091E4208)",
-  border: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-disabled, #091E420F)"),
+  background: "var(--ds-background-disabled, #17171708)",
+  border: "var(--ds-border-width, 1px)".concat(" dashed ", "var(--ds-border-disabled, #0515240F)"),
   // 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',

package/dist/cjs/ui-color/ColorPalette/Color/styles.js

@@ -13,7 +13,7 @@ var _react = require("@emotion/react");
 var buttonStyle = exports.buttonStyle = (0, _react.css)({
   height: '26px',
   width: '26px',
-  background: "var(--ds-background-neutral, #091E420F)",
+  background: "var(--ds-background-neutral, #0515240F)",
   padding: 0,
   borderRadius: "var(--ds-radius-small, 4px)",
   border: "1px solid ".concat("var(--ds-border-inverse, #FFFFFF)"),
@@ -35,7 +35,7 @@ var buttonWrapperStyle = exports.buttonWrapperStyle = (0, _react.css)({
   borderRadius: "var(--ds-radius-medium, 6px)",
   '&:focus-within, &:focus, &:hover': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-    borderColor: "var(--ds-border, #091E4224)".concat(" !important")
+    borderColor: "var(--ds-border, #0B120E24)".concat(" !important")
   }
 });
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */

package/dist/cjs/ui-color/ColorPalette/index.js

@@ -45,7 +45,7 @@ function getCheckMarkColor(color, useIconToken) {
   // they are only intended for use with text colors (and there are different tokens
   // planned to be used when this extended to be used with other palettes).
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  return contrastColor === '#FFFFFF' ? "var(--ds-icon-inverse, #FFFFFF)" : "var(--ds-icon, #44546F)";
+  return contrastColor === '#FFFFFF' ? "var(--ds-icon-inverse, #FFFFFF)" : "var(--ds-icon, #292A2E)";
 }
 var ColorPalette = function ColorPalette(props) {
   var _props$cols = props.cols,

package/dist/cjs/ui-menu/ColorPickerButton/index.js

@@ -56,7 +56,7 @@ var colorPickerButtonStyle = (0, _react2.css)({
       border: 'none'
     },
     '&:hover': {
-      backgroundColor: "var(--ds-background-selected, #E9F2FF)"
+      backgroundColor: "var(--ds-background-selected, #E9F2FE)"
     }
   }
 });
@@ -69,7 +69,7 @@ var colorPickerWrapper = function colorPickerWrapper() {
   return (0, _react2.css)({
     borderRadius: "var(--ds-radius-small, 3px)",
     backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
-    boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
+    boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
     padding: "var(--ds-space-100, 8px)".concat(" 0px")
   });
 };
@@ -232,7 +232,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
         margin: "0px ".concat("var(--ds-space-025, 2px)")
       },
       '&:hover': {
-        background: "var(--ds-background-neutral-subtle-hovered, #091E420F)"
+        background: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
       }
     });
   };

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -53,7 +53,7 @@ var wrapper = (0, _react2.css)({
   }
 });
 var focusedMenuItemStyle = (0, _react2.css)({
-  boxShadow: "inset 0px 0px 0px 2px ".concat("var(--ds-border-focused, #388BFF)"),
+  boxShadow: "inset 0px 0px 0px 2px ".concat("var(--ds-border-focused, #4688EC)"),
   outline: 'none'
 });
 var buttonStyles = function buttonStyles(isActive, submenuActive) {
@@ -73,7 +73,7 @@ var buttonStyles = function buttonStyles(isActive, submenuActive) {
     return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t> span,\n\t\t\t> span:hover,\n\t\t\t> span:active {\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-background-selected, #6c798f)", "var(--ds-text-selected, #0C66E4)", focusedMenuItemStyle);
   } else {
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-    return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t> span:hover[aria-disabled='false'] {\n\t\t\t\tcolor: ", ";\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\t", "\n\t\t\t> span[aria-disabled='true'] {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-text, #172B4D)", "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))", !submenuActive && "\n\t\t\t\t\t> span:active[aria-disabled='false'] {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))", ";\n\t\t\t\t\t}"), "var(--ds-text-disabled, #091E424F)", focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers
+    return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t> span:hover[aria-disabled='false'] {\n\t\t\t\tcolor: ", ";\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\t", "\n\t\t\t> span[aria-disabled='true'] {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-text, #292A2E)", "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))", !submenuActive && "\n\t\t\t\t\t> span:active[aria-disabled='false'] {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))", ";\n\t\t\t\t\t}"), "var(--ds-text-disabled, #080F214A)", focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers
   }
 };
 var DropListWithOutsideClickTargetRef = function DropListWithOutsideClickTargetRef(props) {

package/dist/cjs/utils/processRawValue.js

@@ -8,6 +8,7 @@ exports.processRawValue = processRawValue;
 exports.processRawValueWithoutValidation = processRawValueWithoutValidation;
 var _transforms = require("@atlaskit/adf-utils/transforms");
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../analytics");
 var _privacyFilter = require("./filter/privacy-filter");
 var _trackUnsupportedContent = require("./track-unsupported-content");
@@ -67,6 +68,12 @@ function processRawValueWithoutValidation(schema, value, dispatchAnalyticsEvent)
   // Convert nested-table extensions into nested tables
   var _transformNestedTable2 = transformNestedTablesWithAnalytics(node, dispatchAnalyticsEvent),
     transformedAdf = _transformNestedTable2.transformedAdf;
+  if ((0, _platformFeatureFlags.fg)('platform_editor_sync_block_fallback_transform')) {
+    var result = (0, _transforms.syncBlockFallbackTransform)(schema, transformedAdf);
+    if (result.isTransformed && result.transformedAdf) {
+      transformedAdf = result.transformedAdf;
+    }
+  }
   return _model.Node.fromJSON(schema, transformedAdf);
 }
 function processRawValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {

package/dist/es2019/element-browser/components/CategoryList.js

@@ -112,9 +112,9 @@ function CategoryListItem({
         marginLeft: "var(--ds-space-025, 2px)",
         height: '100%',
         width: '100%',
-        color: category.name !== selectedCategory ? "var(--ds-text, #172B4D)" : "var(--ds-text-selected, #0C66E4)",
+        color: category.name !== selectedCategory ? "var(--ds-text, #292A2E)" : "var(--ds-text-selected, #1868DB)",
         ...(category.name === selectedCategory && {
-          background: "var(--ds-background-selected, #E9F2FF)"
+          background: "var(--ds-background-selected, #E9F2FE)"
         })
       },
       ...rest

package/dist/es2019/element-browser/components/ElementList/ElementList.js

@@ -501,7 +501,7 @@ const elementItemsWrapper = css({
     outline: 'none',
     '&:focus': {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      boxShadow: `0 0 0 ${ELEMENT_LIST_PADDING}px ${"var(--ds-border-focused, #388BFF)"}`
+      boxShadow: `0 0 0 ${ELEMENT_LIST_PADDING}px ${"var(--ds-border-focused, #4688EC)"}`
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -560,7 +560,7 @@ const itemDescription = css(multilineStyle, {
   overflow: 'hidden',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: relativeFontSizeToBase16(11.67),
-  color: "var(--ds-text-subtle, #44546F)",
+  color: "var(--ds-text-subtle, #505258)",
   marginTop: "var(--ds-space-025, 2px)"
 });
 
@@ -569,7 +569,7 @@ const itemDescriptionDisabled = css(multilineStyle, {
   overflow: 'hidden',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: relativeFontSizeToBase16(11.67),
-  color: "var(--ds-text-disabled, #091E424F)",
+  color: "var(--ds-text-disabled, #080F214A)",
   marginTop: "var(--ds-space-025, 2px)"
 });
 const itemText = css({
@@ -591,7 +591,7 @@ const itemTitleDisabled = css({
   overflow: 'hidden',
   whiteSpace: 'nowrap',
   textOverflow: 'ellipsis',
-  color: "var(--ds-text-disabled, #091E424F)"
+  color: "var(--ds-text-disabled, #080F214A)"
 });
 const itemAfter = css({
   flex: '0 0 auto',

package/dist/es2019/element-browser/components/ElementSearch.js

@@ -97,7 +97,7 @@ function ElementSearch({
       }, jsx(SearchIcon, {
         spacing: "spacious",
         label: "Advanced search",
-        color: "var(--ds-icon-subtle, #626F86)"
+        color: "var(--ds-icon-subtle, #505258)"
       })),
       elemAfterInput: jsx("div", {
         css: elementAfterInput,

package/dist/es2019/extensibility/Extension/Extension/index.js

@@ -21,7 +21,7 @@ import { isEmptyBodiedMacro } from './extension-utils';
 import { content, contentWrapper, extensionContent, header, overflowWrapperStyles, widerLayoutClassName, wrapperStyleInheritedCursor } from './styles';
 const hoverStyles = css({
   '&:hover': {
-    boxShadow: `0 0 0 1px ${"var(--ds-border-input, #8590A2)"}`
+    boxShadow: `0 0 0 1px ${"var(--ds-border-input, #8C8F97)"}`
   }
 });
 function ExtensionWithPluginState(props) {

package/dist/es2019/extensibility/Extension/Extension/styles.js

@@ -16,11 +16,11 @@ const wrapperStyleWithoutCursor = css(wrapperDefault, {
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-bodied-border': {
-    boxShadow: `0 0 0 1px ${"var(--ds-border, #091E4224)"}`
+    boxShadow: `0 0 0 1px ${"var(--ds-border, #0B120E24)"}`
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-hover-border': {
-    boxShadow: `0 0 0 1px ${"var(--ds-border-input, #8590A2)"}`
+    boxShadow: `0 0 0 1px ${"var(--ds-border-input, #8C8F97)"}`
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-margin-styles': {
@@ -63,7 +63,7 @@ export const header = css({
 export const content = css({
   padding: "var(--ds-space-100, 8px)",
   background: "var(--ds-surface, white)",
-  border: `1px solid ${"var(--ds-border, #091E4224)"}`,
+  border: `1px solid ${"var(--ds-border, #0B120E24)"}`,
   borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'initial',
   width: '100%',
@@ -83,7 +83,7 @@ export const extensionContent = css({
   paddingTop: "var(--ds-space-100, 8px)",
   paddingBottom: "var(--ds-space-100, 8px)",
   background: "var(--ds-surface, white)",
-  border: `1px solid ${"var(--ds-border, #091E4224)"}`,
+  border: `1px solid ${"var(--ds-border, #0B120E24)"}`,
   borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'initial',
   width: '100%',

package/dist/es2019/extensibility/Extension/InlineExtension/index.js

@@ -28,7 +28,7 @@ const inlineWrapperStyles = css({
 });
 const hoverStyles = css({
   '&:hover': {
-    boxShadow: `0 0 0 1px ${"var(--ds-border-input, #8590A2)"}`
+    boxShadow: `0 0 0 1px ${"var(--ds-border-input, #8C8F97)"}`
   }
 });
 const InlineExtension = props => {