@atlaskit/editor-common 110.24.2 → 110.24.3

package/dist/esm/quick-insert/assets/panel.js

@@ -20,8 +20,8 @@ export default function IconPanel() {
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("rect", {
     fill: iconThemed({
-      light: "var(--ds-background-accent-blue-subtlest, #E9F2FF)",
-      dark: "var(--ds-background-accent-blue-subtlest, #E9F2FF)"
+      light: "var(--ds-background-accent-blue-subtlest, #E9F2FE)",
+      dark: "var(--ds-background-accent-blue-subtlest, #E9F2FE)"
     }),
     x: 8,
     y: 12,
@@ -31,8 +31,8 @@ export default function IconPanel() {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M12 20a4 4 0 108 0 4 4 0 00-8 0z",
     fill: iconThemed({
-      light: "var(--ds-icon-information, #1D7AFC)",
-      dark: "var(--ds-icon-information, #1D7AFC)"
+      light: "var(--ds-icon-information, #357DE8)",
+      dark: "var(--ds-icon-information, #357DE8)"
     }),
     fillRule: "nonzero"
   }), /*#__PURE__*/React.createElement("rect", {

package/dist/esm/styles/shared/headings.js

@@ -104,7 +104,7 @@ export var headingsSharedStyles = function headingsSharedStyles(typographyTheme)
         fontSize: "".concat(24 / 14, "em"),
         fontStyle: 'inherit',
         lineHeight: 28 / 24,
-        color: "var(--ds-text, #172B4D)",
+        color: "var(--ds-text, #292A2E)",
         fontWeight: "var(--ds-font-weight-medium, 500)",
         letterSpacing: "-0.01em",
         marginBottom: 0,
@@ -114,7 +114,7 @@ export var headingsSharedStyles = function headingsSharedStyles(typographyTheme)
         fontSize: "".concat(20 / 14, "em"),
         fontStyle: 'inherit',
         lineHeight: 24 / 20,
-        color: "var(--ds-text, #172B4D)",
+        color: "var(--ds-text, #292A2E)",
         fontWeight: "var(--ds-font-weight-medium, 500)",
         letterSpacing: "-0.008em",
         marginTop: '1.8em',
@@ -124,7 +124,7 @@ export var headingsSharedStyles = function headingsSharedStyles(typographyTheme)
         fontSize: "".concat(16 / 14, "em"),
         fontStyle: 'inherit',
         lineHeight: 20 / 16,
-        color: "var(--ds-text, #172B4D)",
+        color: "var(--ds-text, #292A2E)",
         fontWeight: "var(--ds-font-weight-semibold, 600)",
         letterSpacing: "-0.006em",
         marginTop: '2em',
@@ -134,7 +134,7 @@ export var headingsSharedStyles = function headingsSharedStyles(typographyTheme)
         fontSize: "".concat(14 / 14, "em"),
         fontStyle: 'inherit',
         lineHeight: 16 / 14,
-        color: "var(--ds-text, #172B4D)",
+        color: "var(--ds-text, #292A2E)",
         fontWeight: "var(--ds-font-weight-semibold, 600)",
         letterSpacing: "-0.003em",
         marginTop: '1.357em'
@@ -143,7 +143,7 @@ export var headingsSharedStyles = function headingsSharedStyles(typographyTheme)
         fontSize: "".concat(12 / 14, "em"),
         fontStyle: 'inherit',
         lineHeight: 16 / 12,
-        color: "var(--ds-text, #172B4D)",
+        color: "var(--ds-text, #292A2E)",
         fontWeight: "var(--ds-font-weight-semibold, 600)",
         marginTop: '1.667em',
         textTransform: 'none'
@@ -152,7 +152,7 @@ export var headingsSharedStyles = function headingsSharedStyles(typographyTheme)
         fontSize: "".concat(11 / 14, "em"),
         fontStyle: 'inherit',
         lineHeight: 16 / 11,
-        color: "var(--ds-text-subtlest, #626F86)",
+        color: "var(--ds-text-subtlest, #6B6E76)",
         fontWeight: "var(--ds-font-weight-bold, 700)",
         marginTop: '1.455em',
         textTransform: 'none'

package/dist/esm/styles/shared/plugins.js

@@ -54,7 +54,7 @@ export var buttonGroupStyle = css({
 // If you make change here, change in above file as well.
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var separatorStyles = css({
-  background: "var(--ds-border, #091E4224)",
+  background: "var(--ds-border, #0B120E24)",
   width: '1px',
   height: '24px',
   display: 'inline-block',

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

@@ -22,4 +22,4 @@ export var resizerHandleThumbWidth = 3;
 export var 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…
-export var resizerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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(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);
+export var resizerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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(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/esm/table/SortingIcon.js

@@ -20,7 +20,7 @@ export var StatusClassNames = /*#__PURE__*/function (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 = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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))", SORTABLE_COLUMN_ICON_CLASSNAME);
+var buttonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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))", 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 = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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, SORTABLE_COLUMN_ICON_CLASSNAME);

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

@@ -23,7 +23,7 @@ var captionWrapperStyle = 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 = xcss({
   color: 'color.text.subtlest',

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "110.24.1";
+var packageVersion = "0.0.0-development";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({
@@ -66,10 +66,10 @@ var DropList = /*#__PURE__*/function (_Component) {
     /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
     _defineProperty(_this, "menuWrapper", function () {
       return 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/esm/ui/Expand/index.js

@@ -52,12 +52,12 @@ var expandIconWrapperStyle = function expandIconWrapperStyle() {
   return 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/esm/ui/FloatingToolbar/Separator.js

@@ -5,14 +5,14 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var separator = 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 = css({
-  background: "var(--ds-border, #091E4224)",
+  background: "var(--ds-border, #0B120E24)",
   width: '1px',
   height: '20px',
   alignSelf: 'center'

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

@@ -26,12 +26,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)"
     }
   }
 };
@@ -46,16 +46,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)",
@@ -70,8 +70,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/esm/ui/Messages/index.js

@@ -11,7 +11,7 @@ var errorColor = css({
   color: "var(--ds-text-danger, #AE2E24)"
 });
 var validColor = 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
@@ -25,7 +25,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/esm/ui/PanelTextInput/styles.js

@@ -7,11 +7,11 @@ export var panelTextInput = 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: relativeFontSizeToBase16(13),
@@ -27,11 +27,11 @@ export var panelTextInput = 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/esm/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/esm/ui/Shortcut/index.js

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

package/dist/esm/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/esm/ui/Toolbar/Separator.js

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

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

@@ -15,8 +15,8 @@ import { unsupportedContentMessages } from '../../messages/unsupportedContent';
 import { trackUnsupportedContentTooltipDisplayedFor } from '../../utils/track-unsupported-content';
 import { getUnsupportedContent } from '../unsupported-content-helper';
 var blockNodeStyle = 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/esm/ui/UnsupportedInline/index.js

@@ -16,8 +16,8 @@ import { trackUnsupportedContentTooltipDisplayedFor } from '../../utils/track-un
 import { getUnsupportedContent } from '../unsupported-content-helper';
 var inlineNodeStyle = 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/esm/ui-color/ColorPalette/Color/styles.js

@@ -6,7 +6,7 @@ import { css } from '@emotion/react';
 export var buttonStyle = 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)"),
@@ -28,7 +28,7 @@ export var buttonWrapperStyle = 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/esm/ui-color/ColorPalette/index.js

@@ -37,7 +37,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/esm/ui-menu/ColorPickerButton/index.js

@@ -48,7 +48,7 @@ var colorPickerButtonStyle = css({
       border: 'none'
     },
     '&:hover': {
-      backgroundColor: "var(--ds-background-selected, #E9F2FF)"
+      backgroundColor: "var(--ds-background-selected, #E9F2FE)"
     }
   }
 });
@@ -61,7 +61,7 @@ var colorPickerWrapper = function colorPickerWrapper() {
   return 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")
   });
 };
@@ -224,7 +224,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/esm/ui-menu/DropdownMenu/index.js

@@ -45,7 +45,7 @@ var wrapper = css({
   }
 });
 var focusedMenuItemStyle = 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) {
@@ -65,7 +65,7 @@ var buttonStyles = function buttonStyles(isActive, submenuActive) {
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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 css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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 css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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/esm/utils/processRawValue.js

@@ -1,5 +1,6 @@
-import { transformDedupeMarks, transformIndentationMarks, transformInvalidMediaContent, transformMediaLinkMarks, transformNestedTablesIncomingDocument, transformNodesMissingContent, transformTextLinkCodeMarks } from '@atlaskit/adf-utils/transforms';
+import { syncBlockFallbackTransform, transformDedupeMarks, transformIndentationMarks, transformInvalidMediaContent, transformMediaLinkMarks, transformNestedTablesIncomingDocument, transformNodesMissingContent, transformTextLinkCodeMarks } from '@atlaskit/adf-utils/transforms';
 import { Fragment, Node } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
 import { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 import { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
@@ -59,6 +60,12 @@ export function processRawValueWithoutValidation(schema, value, dispatchAnalytic
   // Convert nested-table extensions into nested tables
   var _transformNestedTable2 = transformNestedTablesWithAnalytics(node, dispatchAnalyticsEvent),
     transformedAdf = _transformNestedTable2.transformedAdf;
+  if (fg('platform_editor_sync_block_fallback_transform')) {
+    var result = syncBlockFallbackTransform(schema, transformedAdf);
+    if (result.isTransformed && result.transformedAdf) {
+      transformedAdf = result.transformedAdf;
+    }
+  }
   return Node.fromJSON(schema, transformedAdf);
 }
 export function processRawValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.24.2",
+	"version": "110.24.3",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,7 +50,7 @@
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/editor-toolbar": "^0.17.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
-		"@atlaskit/emoji": "^69.6.0",
+		"@atlaskit/emoji": "^69.7.0",
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/icon-object": "^7.3.0",
 		"@atlaskit/link": "^3.2.0",
@@ -249,6 +249,9 @@
 		"cc_fd_wb_create_priority_in_slash_menu_enabled": {
 			"type": "boolean"
 		},
+		"platform_editor_sync_block_fallback_transform": {
+			"type": "boolean"
+		},
 		"draft_reply_contextual_pills_gate": {
 			"type": "boolean"
 		}