@atlaskit/editor-common 110.24.1 → 110.24.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-common
 
+## 110.24.3
+
+### Patch Changes
+
+- [`0fc48508d98fc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0fc48508d98fc) -
+  EDITOR-2807 Added syncBlock and bodiedSyncBlock fallback transform
+- Updated dependencies
+
+## 110.24.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 110.24.1
 
 ### Patch Changes

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

@@ -121,9 +121,9 @@ function CategoryListItem(_ref2) {
         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);
   }, [category.name, selectedCategory]);

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

@@ -509,7 +509,7 @@ var elementItemsWrapper = (0, _react2.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 ".concat(_constants.ELEMENT_LIST_PADDING, "px ", "var(--ds-border-focused, #388BFF)")
+      boxShadow: "0 0 0 ".concat(_constants.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
@@ -568,7 +568,7 @@ var itemDescription = (0, _react2.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: (0, _editorSharedStyles.relativeFontSizeToBase16)(11.67),
-  color: "var(--ds-text-subtle, #44546F)",
+  color: "var(--ds-text-subtle, #505258)",
   marginTop: "var(--ds-space-025, 2px)"
 });
 
@@ -577,7 +577,7 @@ var itemDescriptionDisabled = (0, _react2.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: (0, _editorSharedStyles.relativeFontSizeToBase16)(11.67),
-  color: "var(--ds-text-disabled, #091E424F)",
+  color: "var(--ds-text-disabled, #080F214A)",
   marginTop: "var(--ds-space-025, 2px)"
 });
 var itemText = (0, _react2.css)({
@@ -599,7 +599,7 @@ var itemTitleDisabled = (0, _react2.css)({
   overflow: 'hidden',
   whiteSpace: 'nowrap',
   textOverflow: 'ellipsis',
-  color: "var(--ds-text-disabled, #091E424F)"
+  color: "var(--ds-text-disabled, #080F214A)"
 });
 var itemAfter = (0, _react2.css)({
   flex: '0 0 auto',

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

@@ -105,7 +105,7 @@ function ElementSearch(_ref) {
       }, (0, _react2.jsx)(_search.default, {
         spacing: "spacious",
         label: "Advanced search",
-        color: "var(--ds-icon-subtle, #626F86)"
+        color: "var(--ds-icon-subtle, #505258)"
       })),
       elemAfterInput: (0, _react2.jsx)("div", {
         css: elementAfterInput,

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

@@ -33,7 +33,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var hoverStyles = (0, _react2.css)({
   '&:hover': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
   }
 });
 function ExtensionWithPluginState(props) {

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

@@ -23,11 +23,11 @@ var wrapperStyleWithoutCursor = (0, _react.css)(_styles.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 ".concat("var(--ds-border, #091E4224)")
+    boxShadow: "0 0 0 1px ".concat("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 ".concat("var(--ds-border-input, #8590A2)")
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-margin-styles': {
@@ -70,7 +70,7 @@ var header = exports.header = (0, _react.css)({
 var content = exports.content = (0, _react.css)({
   padding: "var(--ds-space-100, 8px)",
   background: "var(--ds-surface, white)",
-  border: "1px solid ".concat("var(--ds-border, #091E4224)"),
+  border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
   borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'initial',
   width: '100%',
@@ -90,7 +90,7 @@ var extensionContent = exports.extensionContent = (0, _react.css)({
   paddingTop: "var(--ds-space-100, 8px)",
   paddingBottom: "var(--ds-space-100, 8px)",
   background: "var(--ds-surface, white)",
-  border: "1px solid ".concat("var(--ds-border, #091E4224)"),
+  border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
   borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'initial',
   width: '100%',

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

@@ -38,7 +38,7 @@ var inlineWrapperStyles = (0, _react2.css)({
 });
 var hoverStyles = (0, _react2.css)({
   '&:hover': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
   }
 });
 var InlineExtension = function InlineExtension(props) {

package/dist/cjs/extensibility/Extension/InlineExtension/styles.js

@@ -29,6 +29,6 @@ var wrapperStyle = exports.wrapperStyle = (0, _react.css)(_styles.wrapperDefault
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-hover-border': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
   }
 });

package/dist/cjs/extensibility/Extension/LegacyContentHeader/index.js

@@ -45,12 +45,12 @@ var lcmHeaderStyles = (0, _react2.css)({
   top: "-1px",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-hover-border': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.selected': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)"),
-    backgroundColor: "var(--ds-background-selected, #E9F2FF)"
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
+    backgroundColor: "var(--ds-background-selected, #E9F2FE)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& .status-lozenge-span': {

package/dist/cjs/extensibility/Extension/Lozenge/EditToggle.js

@@ -31,25 +31,25 @@ var buttonContainerStyles = (0, _react2.css)({
   top: '-28px',
   display: 'inline-flex',
   justifyContent: 'flex-end',
-  color: "var(--ds-text-subtle, #44546F)"
+  color: "var(--ds-text-subtle, #505258)"
 });
 var buttonStyles = (0, _react2.css)({
   display: 'flex',
   alignItems: 'center',
   cursor: 'pointer',
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border, #091E4224)"),
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)"),
   minHeight: "var(--ds-space-300, 24px)",
   borderRadius: "var(--ds-radius-small, 4px)",
   paddingLeft: "var(--ds-space-150, 12px)",
   paddingRight: "var(--ds-space-150, 12px)",
   font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
   '&:hover': {
-    backgroundColor: "var(--ds-background-input-hovered, #F7F8F9)"
+    backgroundColor: "var(--ds-background-input-hovered, #F8F8F8)"
   },
-  outlineColor: "var(--ds-border-focused, #388BFF)",
+  outlineColor: "var(--ds-border-focused, #4688EC)",
   border: 'none',
   backgroundColor: "var(--ds-background-input, #FFFFFF)",
-  color: "var(--ds-text-subtle, #44546F)"
+  color: "var(--ds-text-subtle, #505258)"
 });
 var showButtonContainerStyle = (0, _react2.css)({
   opacity: 1

package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -71,15 +71,15 @@ var labelStyles = (0, _react.css)({
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.bodied-border': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border, #091E4224)")
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
   },
   minHeight: "var(--ds-space-300, 24px)",
   alignItems: 'center',
   borderRadius: "var(--ds-radius-small, 3px)",
   paddingLeft: "var(--ds-space-100, 8px)",
   paddingRight: "var(--ds-space-100, 8px)",
-  color: "var(--ds-text-subtle, #44546F)",
-  backgroundColor: "var(--ds-background-accent-gray-subtlest, #F1F2F4)",
+  color: "var(--ds-text-subtle, #505258)",
+  backgroundColor: "var(--ds-background-accent-gray-subtlest, #F0F1F2)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.remove-left-margin': {
     marginLeft: "var(--ds-space-negative-150, -12px)"
@@ -92,7 +92,7 @@ var labelStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-bodied-macro-live-page-styles': {
     backgroundColor: "var(--ds-background-input, #FFFFFF)",
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border, #091E4224)")
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
   }
 });
 var spacerStyles = (0, _primitives.xcss)({

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

@@ -9,7 +9,7 @@ var _react = require("@emotion/react");
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var wrapperDefault = exports.wrapperDefault = (0, _react.css)({
-  background: "var(--ds-background-neutral, #091E420F)",
+  background: "var(--ds-background-neutral, #0515240F)",
   borderRadius: "var(--ds-radius-small, 3px)",
   position: 'relative',
   verticalAlign: 'middle',
@@ -17,7 +17,7 @@ var wrapperDefault = exports.wrapperDefault = (0, _react.css)({
   '&.with-overlay': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '.extension-overlay': {
-      background: "var(--ds-background-neutral-hovered, #091E4224)",
+      background: "var(--ds-background-neutral-hovered, #0B120E24)",
       color: 'transparent'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -58,7 +58,7 @@ var placeholderFallbackParams = exports.placeholderFallbackParams = (0, _react.c
   display: 'inline-block',
   maxWidth: '200px',
   marginLeft: "var(--ds-space-050, 4px)",
-  color: "var(--ds-text-subtlest, #626F86)",
+  color: "var(--ds-text-subtlest, #6B6E76)",
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
   overflow: 'hidden'

package/dist/cjs/extensibility/ExtensionNodeWrapper.js

@@ -31,12 +31,12 @@ var styles = (0, _react2.css)({
 var hoverStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
   ':has(.extension-label:hover) .extension-container, :has(.extension-edit-toggle-container:hover) .extension-container': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
   ':has(.extension-container:hover) .extension-label, :has(.extension-edit-toggle-container:hover) .extension-label, .extension-label:hover': {
     opacity: 1,
-    backgroundColor: "var(--ds-background-accent-gray-subtlest, #F1F2F4)",
+    backgroundColor: "var(--ds-background-accent-gray-subtlest, #F0F1F2)",
     boxShadow: 'none',
     cursor: 'pointer',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -47,7 +47,7 @@ var hoverStyles = (0, _react2.css)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '&.with-bodied-macro-live-page-styles': {
       backgroundColor: "var(--ds-background-input, #FFFFFF)",
-      boxShadow: "0 0 0 1px ".concat("var(--ds-border, #091E4224)")
+      boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors

package/dist/cjs/extensibility/MultiBodiedExtension/index.js

@@ -48,7 +48,7 @@ var imageStyles = (0, _react2.css)({
 });
 var hoverStyles = (0, _react2.css)({
   '&:hover': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8590A2)")
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
   }
 });
 var MultiBodiedExtensionFrames = function MultiBodiedExtensionFrames(_ref) {

package/dist/cjs/extensibility/MultiBodiedExtension/styles.js

@@ -35,11 +35,11 @@ var mbeExtensionWrapperCSSStyles = exports.mbeExtensionWrapperCSSStyles = (0, _r
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-border': {
-    boxShadow: "0 0 0 1px ".concat("var(--ds-border, #091E4224)")
+    boxShadow: "0 0 0 1px ".concat("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 ".concat("var(--ds-border-input, #8590A2)")
+    boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-padding-background-styles': {

package/dist/cjs/floating-toolbar/DropdownMenuItem.js

@@ -48,7 +48,7 @@ var SelectedIconBefore = function SelectedIconBefore(_ref) {
     return (0, _react2.jsx)("span", {
       "aria-hidden": "true"
     }, (0, _react2.jsx)(_checkMarkEditorDone.default, {
-      LEGACY_primaryColor: "var(--ds-icon-selected, #0C66E4)",
+      LEGACY_primaryColor: "var(--ds-icon-selected, #1868DB)",
       LEGACY_size: "small",
       label: intl.formatMessage(_floatingToolbar.messages.confirmModalOK),
       spacing: "none"

package/dist/cjs/floating-toolbar/DropdownSeparator.js

@@ -12,7 +12,7 @@ var _react = require("@emotion/react");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var separatorStyles = (0, _react.css)({
-  background: "var(--ds-border, #091E4224)",
+  background: "var(--ds-border, #0B120E24)",
   height: '1px'
 });
 var DropdownSeparator = exports.DropdownSeparator = function DropdownSeparator() {

package/dist/cjs/icons/shared/DynamicStrokeIconDecoration.js

@@ -30,7 +30,7 @@ var getBackground = function getBackground(selectedColor, disabled) {
   if (selectedColor) {
     return selectedColor;
   }
-  return disabled ? "var(--ds-icon-disabled, #091E424F)" : "var(--ds-icon, #44546F)";
+  return disabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)";
 };
 var DynamicStrokeIconDecoration = exports.DynamicStrokeIconDecoration = function DynamicStrokeIconDecoration(_ref) {
   var selectedColor = _ref.selectedColor,

package/dist/cjs/icons/shared/SteppedRainbowIconDecoration.js

@@ -24,8 +24,8 @@ var createSteppedRainbow = function createSteppedRainbow(colors) {
     return "\n            ".concat(color, " ").concat((pos - 1) * inc, "%,\n            ").concat(color, " ").concat(pos * inc, "%,\n          ");
   }).join('\n'), "\n    )");
 };
-var rainbow = exports.rainbow = createSteppedRainbow(["var(--ds-background-accent-purple-bolder, #6E5DC6)", "var(--ds-background-accent-teal-subtle, #6CC3E0)", "var(--ds-background-accent-orange-subtle, #FEA362)", "var(--ds-background-accent-red-bolder, #C9372C)"]);
-var disabledRainbow = exports.disabledRainbow = createSteppedRainbow(["var(--ds-background-accent-gray-subtle, #8590A2)", "var(--ds-background-accent-gray-subtle-hovered, #B3B9C4)", "var(--ds-background-accent-gray-subtle-pressed, #DCDFE4)", "var(--ds-background-accent-gray-subtle-hovered, #B3B9C4)"]);
+var rainbow = exports.rainbow = createSteppedRainbow(["var(--ds-background-accent-purple-bolder, #964AC0)", "var(--ds-background-accent-teal-subtle, #6CC3E0)", "var(--ds-background-accent-orange-subtle, #FCA700)", "var(--ds-background-accent-red-bolder, #C9372C)"]);
+var disabledRainbow = exports.disabledRainbow = createSteppedRainbow(["var(--ds-background-accent-gray-subtle, #8C8F97)", "var(--ds-background-accent-gray-subtle-hovered, #B7B9BE)", "var(--ds-background-accent-gray-subtle-pressed, #DDDEE1)", "var(--ds-background-accent-gray-subtle-hovered, #B7B9BE)"]);
 var barStyles = (0, _react.css)({
   position: 'absolute',
   left: 0,

package/dist/cjs/link/ConfigureLinkOverlay/StyledButton.js

@@ -17,13 +17,13 @@ var _excluded = ["innerRef"];
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var buttonStyles = (0, _react.css)({
   display: 'flex',
-  background: "var(--ds-background-neutral, #091E420F)",
-  color: "var(--ds-icon, #44546F)",
+  background: "var(--ds-background-neutral, #0515240F)",
+  color: "var(--ds-icon, #292A2E)",
   '&:hover': {
-    background: "var(--ds-background-neutral-hovered, #091E4224)"
+    background: "var(--ds-background-neutral-hovered, #0B120E24)"
   },
   '&:active': {
-    background: "var(--ds-background-neutral-pressed, #091E424F)"
+    background: "var(--ds-background-neutral-pressed, #080F214A)"
   },
   width: '1.375rem',
   height: '1.25rem'

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -77,7 +77,7 @@ var textLabelMargin = (0, _react2.css)({
   marginTop: "var(--ds-space-150, 12px)"
 });
 var inputLabel = (0, _react2.css)({
-  color: "var(--ds-text-subtlest, #626F86)",
+  color: "var(--ds-text-subtlest, #6B6E76)",
   paddingBottom: "var(--ds-space-050, 4px)",
   font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
   fontWeight: "var(--ds-font-weight-medium, 500)"
@@ -933,7 +933,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         onClick: this.handleClearText
       }, (0, _react2.jsx)(_crossCircle.default, {
         label: formatClearLinkText,
-        color: "var(--ds-icon-subtle, #626F86)"
+        color: "var(--ds-icon-subtle, #505258)"
       }))))), (0, _react2.jsx)("label", {
         htmlFor: displayTextInputId,
         css: [inputLabel, textLabelMargin]
@@ -960,7 +960,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         onKeyDown: this.handleClearTextKeyDown
       }, (0, _react2.jsx)(_crossCircle.default, {
         label: formatMessage(messages.clearText),
-        color: "var(--ds-icon-subtle, #626F86)"
+        color: "var(--ds-icon-subtle, #505258)"
       }))))), (0, _react2.jsx)("div", {
         css: visuallyHiddenStyles,
         "aria-live": "polite",

package/dist/cjs/link/LinkSearch/LinkSearchList.js

@@ -18,7 +18,7 @@ var _LinkSearchListItem = _interopRequireDefault(require("./LinkSearchListItem")
 var listContainer = (0, _react.css)({
   paddingTop: 0,
   marginTop: "var(--ds-space-150, 12px)",
-  borderTop: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091E4224)")
+  borderTop: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)")
 });
 var spinnerContainer = (0, _react.css)({
   textAlign: 'center',

package/dist/cjs/link/LinkSearch/LinkSearchListItem.js

@@ -33,7 +33,7 @@ var container = exports.container = (0, _react2.css)({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var containerSelected = exports.containerSelected = (0, _react2.css)({
-  backgroundColor: "var(--ds-background-neutral-subtle-hovered, #091E420F)"
+  backgroundColor: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
 });
 var nameWrapper = (0, _react2.css)({
   overflow: 'hidden'
@@ -41,7 +41,7 @@ var nameWrapper = (0, _react2.css)({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var nameStyle = exports.nameStyle = (0, _react2.css)({
-  color: "var(--ds-text, #172B4D)",
+  color: "var(--ds-text, #292A2E)",
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
@@ -51,7 +51,7 @@ var nameStyle = exports.nameStyle = (0, _react2.css)({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var containerName = exports.containerName = (0, _react2.css)({
-  color: "var(--ds-text-subtlest, #626F86)",
+  color: "var(--ds-text-subtlest, #6B6E76)",
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '14px',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

package/dist/cjs/media-inline/styles.js

@@ -46,7 +46,7 @@ var wrapperStyle = exports.wrapperStyle = (0, _react.css)({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var selectedStyle = exports.selectedStyle = (0, _react.css)({
-  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #0C66E4)"),
+  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
   outline: 'none'
 });
 

package/dist/cjs/media-inline/views/wrapper.js

@@ -16,11 +16,11 @@ var wrapperStyle = exports.wrapperStyle = (0, _react.css)({
   justifyContent: 'center',
   boxDecorationBreak: 'clone',
   borderRadius: "var(--ds-radius-small, 3px)",
-  color: "var(--ds-text, #172B4D)",
-  backgroundColor: "var(--ds-background-neutral, #091E420F)",
+  color: "var(--ds-text, #292A2E)",
+  backgroundColor: "var(--ds-background-neutral, #0515240F)",
   transition: '0.1s all ease-in-out',
   cursor: 'pointer',
   '&:hover': {
-    backgroundColor: "var(--ds-background-neutral-hovered, #091E4224)"
+    backgroundColor: "var(--ds-background-neutral-hovered, #0B120E24)"
   }
 });

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "110.24.0";
+var packageVersion = "0.0.0-development";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/quick-insert/assets/panel-note.js

@@ -27,8 +27,8 @@ function IconPanelNote() {
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/_react.default.createElement("rect", {
     fill: iconThemed({
-      light: "var(--ds-background-accent-purple-subtlest, #F3F0FF)",
-      dark: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
+      light: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
+      dark: "var(--ds-background-accent-purple-subtlest, #F8EEFE)"
     }),
     x: 8,
     y: 12,
@@ -38,8 +38,8 @@ function IconPanelNote() {
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M13 16h4a1 1 0 011 1v6a1 1 0 01-1 1h-4a1 1 0 01-1-1v-6a1 1 0 011-1zm1 2a.5.5 0 100 1h2a.5.5 0 100-1h-2zm0 2a.5.5 0 100 1h1a.5.5 0 100-1h-1z",
     fill: iconThemed({
-      light: "var(--ds-icon-discovery, #8270DB)",
-      dark: "var(--ds-icon-discovery, #8270DB)"
+      light: "var(--ds-icon-discovery, #AF59E1)",
+      dark: "var(--ds-icon-discovery, #AF59E1)"
     })
   })));
 }

package/dist/cjs/quick-insert/assets/panel-success.js

@@ -38,8 +38,8 @@ function IconPanelSuccess() {
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M15 24a4 4 0 110-8 4 4 0 010 8zm.682-5.482l-1.076 2.055-.772-.695a.5.5 0 00-.668.744l1.25 1.125a.5.5 0 00.777-.14l1.375-2.625a.5.5 0 00-.886-.464z",
     fill: iconThemed({
-      light: "var(--ds-icon-success, #22A06B)",
-      dark: "var(--ds-icon-success, #22A06B)"
+      light: "var(--ds-icon-success, #6A9A23)",
+      dark: "var(--ds-icon-success, #6A9A23)"
     })
   })));
 }

package/dist/cjs/quick-insert/assets/panel-warning.js

@@ -27,8 +27,8 @@ function IconPanelWarning() {
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/_react.default.createElement("rect", {
     fill: iconThemed({
-      light: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
-      dark: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)"
+      light: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
+      dark: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)"
     }),
     x: 8,
     y: 12,
@@ -38,8 +38,8 @@ function IconPanelWarning() {
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M16.847 16.83l2.808 5.73a1 1 0 01-.898 1.44h-6.514a1 1 0 01-.898-1.44l2.808-5.73a1.5 1.5 0 012.694 0zm-1.347.46a.568.568 0 00-.564.635l.278 2.32a.288.288 0 00.572 0l.278-2.32a.568.568 0 00-.564-.635zm0 5.035c.318 0 .576-.293.576-.656 0-.362-.258-.656-.576-.656-.318 0-.576.294-.576.656 0 .363.258.656.576.656z",
     fill: iconThemed({
-      light: "var(--ds-icon-warning, #E56910)",
-      dark: "var(--ds-icon-warning, #E56910)"
+      light: "var(--ds-icon-warning, #E06C00)",
+      dark: "var(--ds-icon-warning, #E06C00)"
     })
   })));
 }

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

@@ -27,8 +27,8 @@ function IconPanel() {
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/_react.default.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,
@@ -38,8 +38,8 @@ function IconPanel() {
   }), /*#__PURE__*/_react.default.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.default.createElement("rect", {

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

@@ -105,7 +105,7 @@ var headingsSharedStyles = exports.headingsSharedStyles = function headingsShare
         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,
@@ -115,7 +115,7 @@ var headingsSharedStyles = exports.headingsSharedStyles = function headingsShare
         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',
@@ -125,7 +125,7 @@ var headingsSharedStyles = exports.headingsSharedStyles = function headingsShare
         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',
@@ -135,7 +135,7 @@ var headingsSharedStyles = exports.headingsSharedStyles = function headingsShare
         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'
@@ -144,7 +144,7 @@ var headingsSharedStyles = exports.headingsSharedStyles = function headingsShare
         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'
@@ -153,7 +153,7 @@ var headingsSharedStyles = exports.headingsSharedStyles = function headingsShare
         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/cjs/styles/shared/plugins.js

@@ -61,7 +61,7 @@ var buttonGroupStyle = exports.buttonGroupStyle = (0, _react.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
 var separatorStyles = exports.separatorStyles = (0, _react.css)({
-  background: "var(--ds-border, #091E4224)",
+  background: "var(--ds-border, #0B120E24)",
   width: '1px',
   height: '24px',
   display: 'inline-block',