@atlaskit/editor-common 74.50.3 → 74.51.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-common
 
+## 74.51.0
+
+### Minor Changes
+
+- [`7f45581d141`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f45581d141) - ED-19630 fixed guideline alignment issue.
+
+### Patch Changes
+
+- [`f76bc3a94fa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f76bc3a94fa) - [ux] Datasource container border radius increased
+
+## 74.50.4
+
+### Patch Changes
+
+- [`2f7d7be2983`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2f7d7be2983) - [ux] ED-19438 Added dark mode icons for headings 1 to 6
+- [`64d1dfc55b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/64d1dfc55b5) - refactor utils for calc max width for nested node
+
 ## 74.50.3
 
 ### Patch Changes

package/dist/cjs/guideline/relativeGuideline.js

@@ -9,11 +9,10 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _mediaSingle = require("../media-single");
 var _utils = require("./utils");
 var RELATIVE_GUIDES_GAP = 6;
-var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, nodeWithPos, editorWidth, size) {
+var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, nodeWithPos, editorWidth, topOffset, size) {
   var node = nodeWithPos.node,
     pos = nodeWithPos.pos;
   var _view$dom$getBounding = view.dom.getBoundingClientRect(),
-    topOffSet = _view$dom$getBounding.top,
     viewHeight = _view$dom$getBounding.height;
   var _view$coordsAtPos = view.coordsAtPos(pos + 1),
     top = _view$coordsAtPos.top; // media node
@@ -21,7 +20,7 @@ var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, no
   var _ref = size || (0, _utils.getMediaSingleDimensions)(node, editorWidth) || {},
     width = _ref.width,
     height = _ref.height;
-  var y = top - topOffSet - RELATIVE_GUIDES_GAP;
+  var y = top - topOffset - RELATIVE_GUIDES_GAP;
   if (!width || !height || y < 0 || y > viewHeight) {
     return null;
   }
@@ -62,11 +61,10 @@ var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, no
     }
   };
 };
-var getHeightRelativeGuideline = function getHeightRelativeGuideline(key, view, nodeWithPos, editorWidth, size) {
+var getHeightRelativeGuideline = function getHeightRelativeGuideline(key, view, nodeWithPos, editorWidth, topOffset, size) {
   var node = nodeWithPos.node,
     pos = nodeWithPos.pos;
   var _view$dom$getBounding2 = view.dom.getBoundingClientRect(),
-    topOffSet = _view$dom$getBounding2.top,
     viewHeight = _view$dom$getBounding2.height;
   var _view$coordsAtPos2 = view.coordsAtPos(pos + 1),
     top = _view$coordsAtPos2.top; // media node
@@ -77,7 +75,7 @@ var getHeightRelativeGuideline = function getHeightRelativeGuideline(key, view,
   if (!width || !height) {
     return null;
   }
-  var start = top - topOffSet;
+  var start = top - topOffset;
   var end = start + height;
   if (end < 0 || start > viewHeight) {
     return null;
@@ -128,14 +126,14 @@ var getRelativeGuideSnaps = function getRelativeGuideSnaps(relativeGuides, aspec
   return [].concat((0, _toConsumableArray2.default)(snapsWidthFromMatchingWidth), (0, _toConsumableArray2.default)(snapsWidthFromMatchingHeight));
 };
 exports.getRelativeGuideSnaps = getRelativeGuideSnaps;
-var getRelativeGuidelines = function getRelativeGuidelines(relativeGuides, nodeWithPos, view, editorWidth, size) {
+var getRelativeGuidelines = function getRelativeGuidelines(relativeGuides, nodeWithPos, view, editorWidth, topOffset, size) {
   var matchWidth = relativeGuides.width ? relativeGuides.width[Math.round(size.width)] : [];
   var matchHeight = relativeGuides.height ? relativeGuides.height[Math.round(size.height)] : [];
   var matches = matchWidth || matchHeight;
   var getRelativeGuideline = matchWidth && getWidthRelativeGuideline || matchHeight && getHeightRelativeGuideline || null;
   if (matches && getRelativeGuideline) {
-    return [getRelativeGuideline('relative_guide_current', view, nodeWithPos, editorWidth, size)].concat((0, _toConsumableArray2.default)(matches.map(function (nodeWithPos, index) {
-      return getRelativeGuideline("relative_guide_".concat(index), view, nodeWithPos, editorWidth);
+    return [getRelativeGuideline('relative_guide_current', view, nodeWithPos, editorWidth, topOffset, size)].concat((0, _toConsumableArray2.default)(matches.map(function (nodeWithPos, index) {
+      return getRelativeGuideline("relative_guide_".concat(index), view, nodeWithPos, editorWidth, topOffset);
     }))).filter(function (config) {
       return !!config;
     });

package/dist/cjs/media-single/index.js

@@ -75,6 +75,18 @@ Object.defineProperty(exports, "calculateOffsetLeft", {
     return _utils.calculateOffsetLeft;
   }
 });
+Object.defineProperty(exports, "getMaxWidthForNestedNode", {
+  enumerable: true,
+  get: function get() {
+    return _utils.getMaxWidthForNestedNode;
+  }
+});
+Object.defineProperty(exports, "getMaxWidthForNestedNodeNext", {
+  enumerable: true,
+  get: function get() {
+    return _utils.getMaxWidthForNestedNodeNext;
+  }
+});
 Object.defineProperty(exports, "getMediaSingleInitialWidth", {
   enumerable: true,
   get: function get() {

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

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.calcMediaSinglePixelWidth = exports.calcMediaSingleMaxWidth = void 0;
 exports.calculateOffsetLeft = calculateOffsetLeft;
-exports.getMediaSingleInitialWidth = void 0;
+exports.getMediaSingleInitialWidth = exports.getMaxWidthForNestedNodeNext = exports.getMaxWidthForNestedNode = void 0;
 exports.getMediaSinglePixelWidth = getMediaSinglePixelWidth;
-exports.roundToNearest = void 0;
+exports.roundToNearest = exports.getParentWidthForNestedMediaSingleNode = void 0;
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _richMediaUtils = require("../utils/rich-media-utils");
 var _constants = require("./constants");
 /**
  * Convert media node width to pixel
@@ -140,4 +141,63 @@ var roundToNearest = function roundToNearest(value) {
   var interval = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.DEFAULT_ROUNDING_INTERVAL;
   return Math.round(value / interval) * interval;
 };
-exports.roundToNearest = roundToNearest;
+
+/**
+ * Get parent width for a nested media single node
+ * @param view Editor view
+ * @param pos node position
+ */
+exports.roundToNearest = roundToNearest;
+var getMaxWidthForNestedNode = function getMaxWidthForNestedNode(view, pos) {
+  if (typeof pos !== 'number') {
+    return null;
+  }
+  if ((0, _richMediaUtils.isRichMediaInsideOfBlockNode)(view, pos)) {
+    var $pos = view.state.doc.resolve(pos);
+    var domNode = view.nodeDOM($pos.pos);
+    if ($pos.nodeAfter && _richMediaUtils.floatingLayouts.indexOf($pos.nodeAfter.attrs.layout) > -1 && domNode && domNode.parentElement) {
+      return domNode.parentElement.offsetWidth;
+    }
+    if (domNode instanceof HTMLElement) {
+      return domNode.offsetWidth;
+    }
+  }
+  return null;
+};
+
+/**
+ * Get parent width for a nested media single node for new experience
+ * @param view Editor view
+ * @param pos node position
+ */
+exports.getMaxWidthForNestedNode = getMaxWidthForNestedNode;
+var getMaxWidthForNestedNodeNext = function getMaxWidthForNestedNodeNext(view, pos) {
+  if (typeof pos !== 'number') {
+    return null;
+  }
+  var $pos = view.state.doc.resolve(pos);
+  if ($pos && $pos.parent.type.name !== 'doc') {
+    return getParentWidthForNestedMediaSingleNode($pos, view);
+  }
+  return null;
+};
+exports.getMaxWidthForNestedNodeNext = getMaxWidthForNestedNodeNext;
+var getParentWidthForNestedMediaSingleNode = function getParentWidthForNestedMediaSingleNode(resolvedPos, view) {
+  var domNode = view.nodeDOM(resolvedPos.pos);
+  if (resolvedPos.nodeAfter && _richMediaUtils.floatingLayouts.includes(resolvedPos.nodeAfter.attrs.layout) && domNode && domNode.parentElement) {
+    var _view$state$schema$no = view.state.schema.nodes,
+      tableCell = _view$state$schema$no.tableCell,
+      tableHeader = _view$state$schema$no.tableHeader;
+    if ([tableCell, tableHeader].includes(resolvedPos.parent.type)) {
+      // since table has constant padding, use hardcoded constant instead of query the dom
+      var tablePadding = 8;
+      return domNode.parentElement.offsetWidth - tablePadding * 2;
+    }
+    return domNode.parentElement.offsetWidth;
+  }
+  if (domNode instanceof HTMLElement) {
+    return domNode.offsetWidth;
+  }
+  return null;
+};
+exports.getParentWidthForNestedMediaSingleNode = getParentWidthForNestedMediaSingleNode;

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.50.3";
+var packageVersion = "74.51.0";
 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/heading1.js

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconHeading1;
 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 IconHeading1() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,24 +21,36 @@ function IconHeading1() {
     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: 32,
     width: 20,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 29,
     width: 28,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 26,
     width: 28,
@@ -44,7 +58,10 @@ function IconHeading1() {
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M16.336 7.232h2.88V23h-2.88v-6.528H8.944V23h-2.88V7.232h2.88v6.624h7.392V7.232zM28.206 23h-2.88V9.992l-3.264 1.2V8.504l4.056-1.272h2.088V23z",
-    fill: "#172B4D",
+    fill: iconThemed({
+      light: '#172B4D',
+      dark: '#8696A7'
+    }),
     fillRule: "nonzero"
   })));
 }

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

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconHeading2;
 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 IconHeading2() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,24 +21,36 @@ function IconHeading2() {
     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: 32,
     width: 20,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 29,
     width: 28,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 26,
     width: 28,
@@ -44,7 +58,10 @@ function IconHeading2() {
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M14.68 8.86h2.4V22h-2.4v-5.44H8.52V22h-2.4V8.86h2.4v5.52h6.16V8.86zM28.88 22h-9.04v-2.2l4.66-3.7c1.14-.92 1.98-1.8 1.98-3.1 0-1.46-.98-2.1-2.48-2.1-1.28 0-2.6.44-3.86 1.16V9.78c.9-.52 2.06-1.12 4.14-1.12 3.14 0 4.58 1.74 4.58 4.26 0 2.02-1.28 3.4-3.04 4.7l-3.3 2.44c1.14-.14 2.74-.26 3.94-.26h2.42V22z",
-    fill: "#172B4D",
+    fill: iconThemed({
+      light: '#172B4D',
+      dark: '#8696A7'
+    }),
     fillRule: "nonzero"
   })));
 }

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

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconHeading3;
 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 IconHeading3() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,24 +21,36 @@ function IconHeading3() {
     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: 31,
     width: 20,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 28,
     width: 28,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 25,
     width: 28,
@@ -44,7 +58,10 @@ function IconHeading3() {
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M13.224 9.488h1.92V20h-1.92v-4.352H8.296V20h-1.92V9.488h1.92v4.416h4.928V9.488zM20.8 20.16c-1.712 0-2.736-.32-3.536-.88v-1.776c1.152.736 2.416.896 3.52.896 1.232 0 1.984-.432 1.984-1.504 0-1.104-.752-1.408-2.112-1.408H19.44v-1.472h1.232c1.216 0 1.92-.384 1.92-1.424 0-1.024-.688-1.52-1.92-1.52-.944 0-2.128.208-3.168.768v-1.744c.736-.416 1.776-.768 3.296-.768 2.544 0 3.696 1.296 3.696 2.816 0 1.424-.544 2.32-2.064 2.64 1.68.256 2.24 1.2 2.24 2.384 0 1.616-1.184 2.992-3.872 2.992z",
-    fill: "#172B4D",
+    fill: iconThemed({
+      light: '#172B4D',
+      dark: '#8696A7'
+    }),
     fillRule: "nonzero"
   })));
 }

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

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconHeading4;
 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 IconHeading4() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,24 +21,36 @@ function IconHeading4() {
     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: 30,
     width: 20,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 27,
     width: 28,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 24,
     width: 28,
@@ -44,7 +58,10 @@ function IconHeading4() {
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M11.804 9.802h2.254V19h-2.254v-3.57H8.206V19H5.952V9.802h2.254v3.654h3.598V9.802zm6.188 4.186l-1.246 1.68a33.67 33.67 0 012.646-.098v-3.78c-.476.812-.994 1.638-1.4 2.198zM21.52 19h-2.24v-1.666h-4.116v-1.946l4.116-5.586h2.24v5.768h1.05v1.764h-1.05V19z",
-    fill: "#172B4D",
+    fill: iconThemed({
+      light: '#172B4D',
+      dark: '#8696A7'
+    }),
     fillRule: "nonzero"
   })));
 }

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

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconHeading5;
 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 IconHeading5() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,24 +21,36 @@ function IconHeading5() {
     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: 30,
     width: 20,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 27,
     width: 28,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 24,
     width: 28,
@@ -44,7 +58,10 @@ function IconHeading5() {
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M10.832 11.116h1.932V19h-1.932v-3.06H7.748V19H5.816v-7.884h1.932v3.132h3.084v-3.132zm6.024 8.016c-1.152 0-2.124-.252-2.796-.684v-1.716a5.307 5.307 0 002.676.744c.852 0 1.308-.288 1.308-.984 0-.744-.456-.984-1.2-.984-.396 0-.816.096-1.176.24l-1.308-.504v-4.128h5.124v1.644h-3.48v1.896c.372-.168.852-.288 1.452-.288 1.656 0 2.4.9 2.4 2.304 0 1.476-.924 2.46-3 2.46z",
-    fill: "#172B4D",
+    fill: iconThemed({
+      light: '#172B4D',
+      dark: '#8696A7'
+    }),
     fillRule: "nonzero"
   })));
 }

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

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = IconHeading6;
 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 IconHeading6() {
+  var _useIconThemed = (0, _useIconThemed2.useIconThemed)(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -19,24 +21,36 @@ function IconHeading6() {
     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: 30,
     width: 20,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 27,
     width: 28,
     height: 1,
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 24,
     width: 28,
@@ -44,7 +58,10 @@ function IconHeading6() {
     rx: 0.5
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M12.675 19h-1.622v-3.239H7.562V19H5.94v-7.75h1.622v3.125h3.491V11.25h1.622V19zm4.878.199c-1.122 0-2.025-.494-2.556-1.402-.43-.66-.65-1.552-.65-2.616 0-2.573 1.213-4.13 3.233-4.13 1.472 0 2.616.87 2.836 2.164H18.81c-.15-.51-.634-.832-1.24-.832-1.064 0-1.709 1.026-1.677 2.632h.097c.355-.73 1.074-1.144 1.977-1.144 1.471 0 2.551 1.09 2.551 2.572 0 1.612-1.23 2.756-2.965 2.756zm-.016-1.332c.795 0 1.407-.596 1.407-1.375 0-.79-.59-1.37-1.402-1.37-.81 0-1.407.58-1.407 1.354 0 .79.607 1.39 1.402 1.39z",
-    fill: "#97A0AF",
+    fill: iconThemed({
+      light: '#97A0AF',
+      dark: '#5A6977'
+    }),
     fillRule: "nonzero"
   })));
 }

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

@@ -16,5 +16,5 @@ var DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
 exports.DATASOURCE_INNER_CONTAINER_CLASSNAME = DATASOURCE_INNER_CONTAINER_CLASSNAME;
 var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
 exports.FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = FLOATING_TOOLBAR_LINKPICKER_CLASSNAME;
-var smartCardStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: ", ";\n      padding-right: ", ";\n      padding-top: 0.5em;\n      padding-bottom: 0.5em;\n      margin-bottom: -0.5em;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px\n          ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n      }\n    }\n  }\n\n  .", ".", " {\n    max-width: 100%;\n    display: flex;\n    justify-content: center;\n\n    .", " {\n      cursor: pointer;\n      background-color: ", ";\n      border-radius: ", ";\n      border: 1px solid ", ";\n    }\n\n    &.", " {\n      .", " {\n        ", "\n      }\n    }\n\n    &.danger {\n      .", " {\n        box-shadow: 0 0 0 1px\n          ", ";\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n\n  .", " {\n    padding: 0;\n  }\n"])), _smartCard.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? '' : "\n      &:hover {\n        background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"), ";\n      }\n      "), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border-radius: ".concat("var(--ds-border-radius-300, 12px)", ";") : '', _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, ".concat(_colors.N0, ")"), "var(--ds-border-radius-100, ".concat(_editorSharedStyles.akEditorRuleBorderRadius, ")"), "var(--ds-border, ".concat(_colors.N40, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
+var smartCardStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: ", ";\n      padding-right: ", ";\n      padding-top: 0.5em;\n      padding-bottom: 0.5em;\n      margin-bottom: -0.5em;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px\n          ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n      }\n    }\n  }\n\n  .", ".", " {\n    max-width: 100%;\n    display: flex;\n    justify-content: center;\n\n    .", " {\n      cursor: pointer;\n      background-color: ", ";\n      border-radius: ", ";\n      border: 1px solid ", ";\n    }\n\n    &.", " {\n      .", " {\n        ", "\n      }\n    }\n\n    &.danger {\n      .", " {\n        box-shadow: 0 0 0 1px\n          ", ";\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n\n  .", " {\n    padding: 0;\n  }\n"])), _smartCard.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? '' : "\n      &:hover {\n        background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"), ";\n      }\n      "), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border-radius: ".concat("var(--ds-border-radius-300, 12px)", ";") : '', _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, ".concat(_colors.N0, ")"), "var(--ds-border-radius-100, 3px)", "var(--ds-border, ".concat(_colors.N40, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
 exports.smartCardStyles = smartCardStyles;

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.50.3";
+var packageVersion = "74.51.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {