@atlaskit/editor-common 74.45.0 → 74.45.2

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

@@ -1,7 +1,17 @@
-// 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 IconList() {
+  const {
+    iconThemed
+  } = useIconThemed();
+  const dotColour = iconThemed({
+    light: '#6C798F',
+    dark: '#5A6977'
+  });
+  const lineColour = iconThemed({
+    light: '#C1C7D0',
+    dark: '#454F59'
+  });
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,44 +21,47 @@ export default function IconList() {
     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(8 10)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     width: 4,
     height: 4,
     rx: 2
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 9,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 1,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 17,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     y: 8,
     width: 4,
     height: 4,
     rx: 2
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     y: 16,
     width: 4,
     height: 4,

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

@@ -1,7 +1,11 @@
 // 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 IconQuote() {
+  const {
+    iconThemed
+  } = useIconThemed();
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,10 +15,16 @@ export default function IconQuote() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 8,
     width: 2,
@@ -22,6 +32,9 @@ export default function IconQuote() {
     rx: 1
   }), /*#__PURE__*/React.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/es2019/quick-insert/assets/status.js

@@ -1,7 +1,9 @@
-// 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 IconStatus() {
+  const {
+    iconThemed
+  } = useIconThemed();
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,17 +13,26 @@ export default function IconStatus() {
     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(5 11)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#B3D4FF",
+    fill: iconThemed({
+      light: '#B3D4FF',
+      dark: '#09326C'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#0065FF",
+    fill: iconThemed({
+      light: '#0065FF',
+      dark: '#1D7AFC'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -30,12 +41,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(5 18)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#C3F8DF",
+    fill: iconThemed({
+      light: '#C3F8DF',
+      dark: '#164B35'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#36B37E",
+    fill: iconThemed({
+      light: '#36B37E',
+      dark: '#22A06B'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -44,12 +61,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(5 25)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#DFE1E6",
+    fill: iconThemed({
+      light: '#DFE1E6',
+      dark: '#2C333A'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#8993A4",
+    fill: iconThemed({
+      light: '#8993A4',
+      dark: '#5A6977'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -58,12 +81,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(21 25)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#FFD3C8",
+    fill: iconThemed({
+      light: '#FFD3C8',
+      dark: '#601D16'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#FF5230",
+    fill: iconThemed({
+      light: '#FF5230',
+      dark: '#F35844'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -72,12 +101,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(21 11)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#EAE6FF",
+    fill: iconThemed({
+      light: '#EAE6FF',
+      dark: '#352C63'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#8777D9",
+    fill: iconThemed({
+      light: '#8777D9',
+      dark: '#8270DB'
+    }),
     x: 2,
     y: 2,
     width: 10,
@@ -86,12 +121,18 @@ export default function IconStatus() {
   })), /*#__PURE__*/React.createElement("g", {
     transform: "translate(21 18)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#FFF0B3",
+    fill: iconThemed({
+      light: '#FFF0B3',
+      dark: '#5F3811'
+    }),
     width: 14,
     height: 5,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#FF991F",
+    fill: iconThemed({
+      light: '#FF991F',
+      dark: '#D19D00'
+    }),
     x: 2,
     y: 2,
     width: 10,

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

@@ -1,5 +1,4 @@
 import { css } from '@emotion/react';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 const richMediaClassName = 'rich-media-item';
 const wrappedMediaBreakoutPoint = 410;
 const mediaSingleSharedStyle = css`
@@ -61,15 +60,15 @@ const mediaSingleSharedStyle = css`
     margin-left: 0;
   }
 
-  ${!getBooleanFF('platform.editor.media.extended-resize-experience') && `@media all and (max-width: ${wrappedMediaBreakoutPoint}px) {
+  @media all and (max-width: ${wrappedMediaBreakoutPoint}px) {
     div.mediaSingleView-content-wrap[layout='wrap-left'],
     div.mediaSingleView-content-wrap[data-layout='wrap-left'],
     div.mediaSingleView-content-wrap[layout='wrap-right'],
     div.mediaSingleView-content-wrap[data-layout='wrap-right'] {
       float: none;
       overflow: auto;
-      margin: 12px 0;
+      margin: ${"var(--ds-space-150, 12px)"} 0;
     }
-  }`}
+  }
 `;
 export { mediaSingleSharedStyle, richMediaClassName };

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

@@ -8,7 +8,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "74.45.0";
+const packageVersion = "74.45.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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

@@ -3,7 +3,6 @@
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
-import { calcMediaSingleMaxWidth } from '../../media-single';
 import { nonWrappedLayouts } from '../../utils';
 import { calcBreakoutWidth, calcWideWidth } from '../../utils/breakout';
 function float(layout) {
@@ -72,12 +71,6 @@ function calcMaxWidth(layout, containerWidth) {
       return '100%';
   }
 }
-const getEffectiveFullWidth = (containerWidth, fullWidthMode) => {
-  if (fullWidthMode) {
-    return '100%';
-  }
-  return `${calcMediaSingleMaxWidth(containerWidth)}px`;
-};
 function calcMargin(layout) {
   switch (layout) {
     case 'wrap-right':
@@ -137,10 +130,7 @@ export const MediaSingleDimensionHelper = ({
 
   &[class*='not-resizing'] {
     ${!isNestedNode && `${nonWrappedLayouts.includes(layout) && `margin-left: 50%;
-      transform: translateX(-50%);`}
-
-    // override min-width to counteract max-width set by ResizerNext inline style
-    ${layout === 'full-width' && `min-width: ${getEffectiveFullWidth(containerWidth, fullWidthMode)} !important;`};`}
+      transform: translateX(-50%);`}`}
   }
 
   float: ${float(layout)};

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

@@ -6,7 +6,7 @@ export const shouldAddDefaultWrappedWidth = (layout, width, lineLength) => {
 };
 export const nonWrappedLayouts = ['center', 'wide', 'full-width'];
 export const floatingLayouts = ['wrap-left', 'wrap-right'];
-export const isRichMediaInsideOfBlockNode = (view, pos, includeMoreParentNodeTypes) => {
+export const isRichMediaInsideOfBlockNode = (view, pos) => {
   if (typeof pos !== 'number' || isNaN(pos) || !view) {
     return false;
   }
@@ -14,12 +14,9 @@ export const isRichMediaInsideOfBlockNode = (view, pos, includeMoreParentNodeTyp
   const {
     expand,
     nestedExpand,
-    layoutColumn,
-    tableCell,
-    listItem
+    layoutColumn
   } = view.state.schema.nodes;
-  const parentNodeTypes = [expand, nestedExpand, layoutColumn];
-  return !!findParentNodeOfTypeClosestToPos($pos, includeMoreParentNodeTypes ? [...parentNodeTypes, tableCell, listItem] : parentNodeTypes);
+  return !!findParentNodeOfTypeClosestToPos($pos, [expand, nestedExpand, layoutColumn]);
 };
 export const alignAttributes = (layout, oldAttrs, gridSize = 12, originalWidth, lineLength) => {
   let width = oldAttrs.width;

package/dist/es2019/version.json

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

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

@@ -1,6 +1,17 @@
 /* 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() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
+  var cellBackgroundColour = iconThemed({
+    light: '#FFF',
+    dark: '#1D2125'
+  });
+  var headerBackgroundColour = iconThemed({
+    light: '#DFE1E6',
+    dark: '#5A6977'
+  });
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -10,24 +21,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/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 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/esm/quick-insert/assets/list-number.js

@@ -1,7 +1,13 @@
-// 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() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
+  var lineColour = iconThemed({
+    light: '#C1C7D0',
+    dark: '#454F59'
+  });
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,33 +17,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"
   }))));
 }

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

@@ -1,7 +1,16 @@
-// 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 IconList() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
+  var dotColour = iconThemed({
+    light: '#6C798F',
+    dark: '#5A6977'
+  });
+  var lineColour = iconThemed({
+    light: '#C1C7D0',
+    dark: '#454F59'
+  });
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,44 +20,47 @@ export default function IconList() {
     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(8 10)"
   }, /*#__PURE__*/React.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     width: 4,
     height: 4,
     rx: 2
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 9,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 1,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: lineColour,
     x: 7,
     y: 17,
     width: 17,
     height: 2,
     rx: 1
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     y: 8,
     width: 4,
     height: 4,
     rx: 2
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#6C798F",
+    fill: dotColour,
     y: 16,
     width: 4,
     height: 4,

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

@@ -1,7 +1,10 @@
 // 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 IconQuote() {
+  var _useIconThemed = useIconThemed(),
+    iconThemed = _useIconThemed.iconThemed;
   return /*#__PURE__*/React.createElement("svg", {
     focusable: "false",
     "aria-hidden": true,
@@ -11,10 +14,16 @@ export default function IconQuote() {
     fill: "none",
     fillRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
-    fill: "#FFF",
+    fill: iconThemed({
+      light: '#FFF',
+      dark: '#161A1D'
+    }),
     d: "M0 0h40v40H0z"
   }), /*#__PURE__*/React.createElement("rect", {
-    fill: "#C1C7D0",
+    fill: iconThemed({
+      light: '#C1C7D0',
+      dark: '#454F59'
+    }),
     x: 6,
     y: 8,
     width: 2,
@@ -22,6 +31,9 @@ export default function IconQuote() {
     rx: 1
   }), /*#__PURE__*/React.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'
+    })
   })));
 }