@atlaskit/editor-common 74.45.0 → 74.45.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-common
 
+## 74.45.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 74.45.1
+
+### Patch Changes
+
+- [`d6f1bb321b2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f1bb321b2) - Revert back to legacy implementation and styling
+- [`469b5c12303`](https://bitbucket.org/atlassian/atlassian-frontend/commits/469b5c12303) - NO-ISSUE Move CollabEventLocalStepData to editor-common
+- [`da58165fe10`](https://bitbucket.org/atlassian/atlassian-frontend/commits/da58165fe10) - [ux] ED-19440 - Adds dark mode icons for bullet list, numbered list, quote, status and table
+
 ## 74.45.0
 
 ### Minor Changes

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

@@ -6,9 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconTable;
 var _react = _interopRequireDefault(require("react"));
+var _useIconThemed2 = require("../../quick-insert/use-icon-themed");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 function IconTable() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
+  var cellBackgroundColour = iconThemed({
+    light: '#FFF',
+    dark: '#1D2125'
+  });
+  var headerBackgroundColour = iconThemed({
+    light: '#DFE1E6',
+    dark: '#5A6977'
+  });
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -18,24 +29,30 @@ function IconTable() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/_react.default.createElement("g", {
-    stroke: "#C1C7D0"
+    stroke: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    })
   }, /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#FFF",
+    fill: cellBackgroundColour,
     d: "M20 16h14v8H20z"
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M20 8h13a1 1 0 011 1v7H20V8z",
-    fill: "#DFE1E6"
+    fill: headerBackgroundColour
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M20 24h14v7a1 1 0 01-1 1H20v-8zM6 16h14v8H6z",
-    fill: "#FFF"
+    fill: cellBackgroundColour
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M7 8h13v8H6V9a1 1 0 011-1z",
-    fill: "#DFE1E6"
+    fill: headerBackgroundColour
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M6 24h14v8H7a1 1 0 01-1-1v-7z",
-    fill: "#FFF"
+    fill: cellBackgroundColour
   }))));
 }

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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 = "74.45.0";
+var packageVersion = "74.45.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/quick-insert/assets/list-number.js

@@ -6,10 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconListOrdered;
 var _react = _interopRequireDefault(require("react"));
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
+var _useIconThemed2 = require("../use-icon-themed");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 function IconListOrdered() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
+  var lineColour = iconThemed({
+    light: '#C1C7D0',
+    dark: '#454F59'
+  });
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,33 +25,39 @@ function IconListOrdered() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(9 9)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 6,
     y: 10,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 6,
     y: 2,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 6,
     y: 18,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#6C798F",
+    fill: iconThemed({
+      light: '#6C798F',
+      dark: '#5A6977'
+    }),
     d: "M1.159 4.996v-3.58h-.056L0 2.176v-.875L1.162.5H2.1v4.496zM0 9.97C0 9.094.67 8.5 1.648 8.5c.943 0 1.6.542 1.6 1.319 0 .492-.266.915-1.049 1.65l-.864.825v.056h1.98v.786H.052v-.66L1.53 11.03c.636-.62.795-.855.795-1.15 0-.363-.294-.62-.708-.62-.438 0-.739.288-.739.705v.019H0v-.016zm1.172 9.22v-.71h.554c.431 0 .724-.251.724-.623 0-.365-.283-.598-.727-.598-.441 0-.734.249-.76.642H.086c.032-.86.67-1.401 1.663-1.401.932 0 1.603.51 1.603 1.225 0 .526-.33.935-.838 1.04v.056c.624.07 1.014.485 1.014 1.083 0 .797-.75 1.373-1.785 1.373-1.015 0-1.701-.56-1.742-1.417h.91c.028.384.353.627.841.627.475 0 .806-.268.806-.655 0-.397-.312-.643-.822-.643h-.563z"
   }))));
 }

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

@@ -6,10 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconList;
 var _react = _interopRequireDefault(require("react"));
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
+var _useIconThemed2 = require("../use-icon-themed");
 function IconList() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
+  var dotColour = iconThemed({
+    light: '#6C798F',
+    dark: '#5A6977'
+  });
+  var lineColour = iconThemed({
+    light: '#C1C7D0',
+    dark: '#454F59'
+  });
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,44 +27,47 @@ function IconList() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(8 10)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     width: 4,
     height: 4,
     rx: 2
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 9,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 1,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 17,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     y: 8,
     width: 4,
     height: 4,
     rx: 2
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     y: 16,
     width: 4,
     height: 4,

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

@@ -6,10 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconQuote;
 var _react = _interopRequireDefault(require("react"));
+var _useIconThemed2 = require("../use-icon-themed");
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4138
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
 function IconQuote() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,10 +22,16 @@ function IconQuote() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 8,
     width: 2,
@@ -30,6 +39,9 @@ function IconQuote() {
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M27.284 12c-1.888 0-3.422 1.577-3.422 3.522 0 1.944 1.534 3.521 3.422 3.521 3.245 0 1.365 6.118-2.727 6.755a.818.818 0 00-.695.806c0 .5.447.896.942.82C32.242 26.296 34.886 12 27.284 12m-9.86 0C15.533 12 14 13.577 14 15.522c0 1.944 1.533 3.521 3.424 3.521 3.243 0 1.363 6.118-2.73 6.755a.818.818 0 00-.694.806c0 .5.447.896.941.82C22.381 26.296 25.026 12 17.424 12",
-    fill: "#6C798F"
+    fill: iconThemed({
+      light: '#6C798F',
+      dark: '#5A6977'
+    })
   })));
 }

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

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconStatus;
 var _react = _interopRequireDefault(require("react"));
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
+var _useIconThemed2 = require("../use-icon-themed");
 function IconStatus() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,17 +19,26 @@ function IconStatus() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/_react.default.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(5 11)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#B3D4FF",
+    fill: iconThemed({
+      light: '#B3D4FF',
+      dark: '#09326C'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#0065FF",
+    fill: iconThemed({
+      light: '#0065FF',
+      dark: '#1D7AFC'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -38,12 +47,18 @@ function IconStatus() {
   })), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(5 18)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C3F8DF",
+    fill: iconThemed({
+      light: '#C3F8DF',
+      dark: '#164B35'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#36B37E",
+    fill: iconThemed({
+      light: '#36B37E',
+      dark: '#22A06B'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -52,12 +67,18 @@ function IconStatus() {
   })), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(5 25)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#DFE1E6",
+    fill: iconThemed({
+      light: '#DFE1E6',
+      dark: '#2C333A'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#8993A4",
+    fill: iconThemed({
+      light: '#8993A4',
+      dark: '#5A6977'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -66,12 +87,18 @@ function IconStatus() {
   })), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(21 25)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#FFD3C8",
+    fill: iconThemed({
+      light: '#FFD3C8',
+      dark: '#601D16'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#FF5230",
+    fill: iconThemed({
+      light: '#FF5230',
+      dark: '#F35844'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -80,12 +107,18 @@ function IconStatus() {
   })), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(21 11)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#EAE6FF",
+    fill: iconThemed({
+      light: '#EAE6FF',
+      dark: '#352C63'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#8777D9",
+    fill: iconThemed({
+      light: '#8777D9',
+      dark: '#8270DB'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -94,12 +127,18 @@ function IconStatus() {
   })), /*#__PURE__*/_react.default.createElement("g", {
     transform: "translate(21 18)"
   }, /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#FFF0B3",
+    fill: iconThemed({
+      light: '#FFF0B3',
+      dark: '#5F3811'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#FF991F",
+    fill: iconThemed({
+      light: '#FF991F',
+      dark: '#D19D00'
+    }),
     x: 2,
     y: 2,
     width: 10,

package/dist/cjs/styles/shared/media-single.js

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.richMediaClassName = exports.mediaSingleSharedStyle = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _templateObject;
 var richMediaClassName = 'rich-media-item';
 exports.richMediaClassName = richMediaClassName;
 var wrappedMediaBreakoutPoint = 410;
-var mediaSingleSharedStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  li .", " {\n    margin: 0;\n  }\n\n  /* Hack for chrome to fix media single position\n     inside a list when media is the first child */\n  &.ua-chrome li > .mediaSingleView-content-wrap::before {\n    content: '';\n    display: block;\n    height: 0;\n  }\n\n  &.ua-firefox {\n    .mediaSingleView-content-wrap {\n      user-select: none;\n    }\n\n    .captionView-content-wrap {\n      user-select: text;\n    }\n  }\n\n  .mediaSingleView-content-wrap[layout='center'] {\n    clear: both;\n  }\n\n  table .", " {\n    margin-top: ", ";\n    margin-bottom: ", ";\n    clear: both;\n\n    &.image-wrap-left,\n    &.image-wrap-right {\n      clear: none;\n\n      &:first-child {\n        margin-top: ", ";\n      }\n    }\n  }\n\n  .", ".image-wrap-right\n    + .", ".image-wrap-left {\n    clear: both;\n  }\n\n  .", ".image-wrap-left\n    + .", ".image-wrap-right,\n    .", ".image-wrap-right\n    + .", ".image-wrap-left,\n    .", ".image-wrap-left\n    + .", ".image-wrap-left,\n    .", ".image-wrap-right\n    + .", ".image-wrap-right {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  ", "\n"])), richMediaClassName, richMediaClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, !(0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') && "@media all and (max-width: ".concat(wrappedMediaBreakoutPoint, "px) {\n    div.mediaSingleView-content-wrap[layout='wrap-left'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-left'],\n    div.mediaSingleView-content-wrap[layout='wrap-right'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-right'] {\n      float: none;\n      overflow: auto;\n      margin: 12px 0;\n    }\n  }"));
+var mediaSingleSharedStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  li .", " {\n    margin: 0;\n  }\n\n  /* Hack for chrome to fix media single position\n     inside a list when media is the first child */\n  &.ua-chrome li > .mediaSingleView-content-wrap::before {\n    content: '';\n    display: block;\n    height: 0;\n  }\n\n  &.ua-firefox {\n    .mediaSingleView-content-wrap {\n      user-select: none;\n    }\n\n    .captionView-content-wrap {\n      user-select: text;\n    }\n  }\n\n  .mediaSingleView-content-wrap[layout='center'] {\n    clear: both;\n  }\n\n  table .", " {\n    margin-top: ", ";\n    margin-bottom: ", ";\n    clear: both;\n\n    &.image-wrap-left,\n    &.image-wrap-right {\n      clear: none;\n\n      &:first-child {\n        margin-top: ", ";\n      }\n    }\n  }\n\n  .", ".image-wrap-right\n    + .", ".image-wrap-left {\n    clear: both;\n  }\n\n  .", ".image-wrap-left\n    + .", ".image-wrap-right,\n    .", ".image-wrap-right\n    + .", ".image-wrap-left,\n    .", ".image-wrap-left\n    + .", ".image-wrap-left,\n    .", ".image-wrap-right\n    + .", ".image-wrap-right {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  @media all and (max-width: ", "px) {\n    div.mediaSingleView-content-wrap[layout='wrap-left'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-left'],\n    div.mediaSingleView-content-wrap[layout='wrap-right'],\n    div.mediaSingleView-content-wrap[data-layout='wrap-right'] {\n      float: none;\n      overflow: auto;\n      margin: ", " 0;\n    }\n  }\n"])), richMediaClassName, richMediaClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, wrappedMediaBreakoutPoint, "var(--ds-space-150, 12px)");
 exports.mediaSingleSharedStyle = mediaSingleSharedStyle;

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

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.45.0";
+var packageVersion = "74.45.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui/MediaSingle/styled.js

@@ -13,7 +13,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _mediaSingle = require("../../media-single");
 var _utils = require("../../utils");
 var _breakout = require("../../utils/breakout");
 var _excluded = ["children"];
@@ -89,12 +88,6 @@ function calcMaxWidth(layout, containerWidth) {
       return '100%';
   }
 }
-var getEffectiveFullWidth = function getEffectiveFullWidth(containerWidth, fullWidthMode) {
-  if (fullWidthMode) {
-    return '100%';
-  }
-  return "".concat((0, _mediaSingle.calcMediaSingleMaxWidth)(containerWidth), "px");
-};
 function calcMargin(layout) {
   switch (layout) {
     case 'wrap-right':
@@ -131,7 +124,7 @@ var MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref) {
     isExtendedResizeExperienceOn = _ref.isExtendedResizeExperienceOn,
     _ref$isNestedNode = _ref.isNestedNode,
     isNestedNode = _ref$isNestedNode === void 0 ? false : _ref$isNestedNode;
-  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* For nested rich media items, set max-width to 100% */\n  tr &,\n  [data-layout-column] &,\n  [data-node-type='expand'] & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  ", "\n  max-width: ", ";\n\n  ", "\n\n  &[class*='not-resizing'] {\n    ", "\n  }\n\n  float: ", ";\n  margin: ", ";\n  ", ";\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n"])), mediaSingleWidth || pctWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), layout === 'full-width' && (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    min-width: 100%;\n  "]))), calcMaxWidth(layout, containerWidth), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), !isNestedNode && "".concat(_utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n\n    // override min-width to counteract max-width set by ResizerNext inline style\n    ").concat(layout === 'full-width' && "min-width: ".concat(getEffectiveFullWidth(containerWidth, fullWidthMode), " !important;"), ";"), float(layout), calcMargin(layout), isImageAligned(layout));
+  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* For nested rich media items, set max-width to 100% */\n  tr &,\n  [data-layout-column] &,\n  [data-node-type='expand'] & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  ", "\n  max-width: ", ";\n\n  ", "\n\n  &[class*='not-resizing'] {\n    ", "\n  }\n\n  float: ", ";\n  margin: ", ";\n  ", ";\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n"])), mediaSingleWidth || pctWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), layout === 'full-width' && (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    min-width: 100%;\n  "]))), calcMaxWidth(layout, containerWidth), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), !isNestedNode && "".concat(_utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);"), float(layout), calcMargin(layout), isImageAligned(layout));
 };
 exports.MediaSingleDimensionHelper = MediaSingleDimensionHelper;
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {

package/dist/cjs/utils/rich-media-utils.js

@@ -21,7 +21,7 @@ var nonWrappedLayouts = ['center', 'wide', 'full-width'];
 exports.nonWrappedLayouts = nonWrappedLayouts;
 var floatingLayouts = ['wrap-left', 'wrap-right'];
 exports.floatingLayouts = floatingLayouts;
-var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, pos, includeMoreParentNodeTypes) {
+var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, pos) {
   if (typeof pos !== 'number' || isNaN(pos) || !view) {
     return false;
   }
@@ -29,11 +29,8 @@ var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, p
   var _view$state$schema$no = view.state.schema.nodes,
     expand = _view$state$schema$no.expand,
     nestedExpand = _view$state$schema$no.nestedExpand,
-    layoutColumn = _view$state$schema$no.layoutColumn,
-    tableCell = _view$state$schema$no.tableCell,
-    listItem = _view$state$schema$no.listItem;
-  var parentNodeTypes = [expand, nestedExpand, layoutColumn];
-  return !!(0, _utils.findParentNodeOfTypeClosestToPos)($pos, includeMoreParentNodeTypes ? [].concat(parentNodeTypes, [tableCell, listItem]) : parentNodeTypes);
+    layoutColumn = _view$state$schema$no.layoutColumn;
+  return !!(0, _utils.findParentNodeOfTypeClosestToPos)($pos, [expand, nestedExpand, layoutColumn]);
 };
 exports.isRichMediaInsideOfBlockNode = isRichMediaInsideOfBlockNode;
 var alignAttributes = function alignAttributes(layout, oldAttrs) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.45.0",
+	"version": "74.45.2",
 	"sideEffects": false
 }

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

@@ -1,6 +1,18 @@
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
+import { useIconThemed } from '../../quick-insert/use-icon-themed';
 export default function IconTable() {
+  const {
+    iconThemed
+  } = useIconThemed();
+  const cellBackgroundColour = iconThemed({
+    light: '#FFF',
+    dark: '#1D2125'
+  });
+  const headerBackgroundColour = iconThemed({
+    light: '#DFE1E6',
+    dark: '#5A6977'
+  });
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -10,24 +22,30 @@ export default function IconTable() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("g", {
-    stroke: "#C1C7D0"
+    stroke: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    })
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: cellBackgroundColour,
     d: "M20 16h14v8H20z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M20 8h13a1 1 0 011 1v7H20V8z",
-    fill: "#DFE1E6"
+    fill: headerBackgroundColour
   }), /*#__PURE__*/React.createElement("path", {
     d: "M20 24h14v7a1 1 0 01-1 1H20v-8zM6 16h14v8H6z",
-    fill: "#FFF"
+    fill: cellBackgroundColour
   }), /*#__PURE__*/React.createElement("path", {
     d: "M7 8h13v8H6V9a1 1 0 011-1z",
-    fill: "#DFE1E6"
+    fill: headerBackgroundColour
   }), /*#__PURE__*/React.createElement("path", {
     d: "M6 24h14v8H7a1 1 0 01-1-1v-7z",
-    fill: "#FFF"
+    fill: cellBackgroundColour
   }))));
 }

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "74.45.0";
+const packageVersion = "74.45.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/quick-insert/assets/list-number.js

@@ -1,7 +1,14 @@
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
+import { useIconThemed } from '../use-icon-themed';
 export default function IconListOrdered() {
+  const {
+    iconThemed
+  } = useIconThemed();
+  const lineColour = iconThemed({
+    light: '#C1C7D0',
+    dark: '#454F59'
+  });
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,33 +18,39 @@ export default function IconListOrdered() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("g", {
     transform: "translate(9 9)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 6,
     y: 10,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 6,
     y: 2,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 6,
     y: 18,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("path", {
-    fill: "#6C798F",
+    fill: iconThemed({
+      light: '#6C798F',
+      dark: '#5A6977'
+    }),
     d: "M1.159 4.996v-3.58h-.056L0 2.176v-.875L1.162.5H2.1v4.496zM0 9.97C0 9.094.67 8.5 1.648 8.5c.943 0 1.6.542 1.6 1.319 0 .492-.266.915-1.049 1.65l-.864.825v.056h1.98v.786H.052v-.66L1.53 11.03c.636-.62.795-.855.795-1.15 0-.363-.294-.62-.708-.62-.438 0-.739.288-.739.705v.019H0v-.016zm1.172 9.22v-.71h.554c.431 0 .724-.251.724-.623 0-.365-.283-.598-.727-.598-.441 0-.734.249-.76.642H.086c.032-.86.67-1.401 1.663-1.401.932 0 1.603.51 1.603 1.225 0 .526-.33.935-.838 1.04v.056c.624.07 1.014.485 1.014 1.083 0 .797-.75 1.373-1.785 1.373-1.015 0-1.701-.56-1.742-1.417h.91c.028.384.353.627.841.627.475 0 .806-.268.806-.655 0-.397-.312-.643-.822-.643h-.563z"
   }))));
 }