@atlaskit/editor-core 228.1.9 → 228.1.11

package/dist/es2019/ui/EditorContentContainer/styles/ruleWithAttrs.js

@@ -4,11 +4,19 @@
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
 import { css } from '@emotion/react';
 const dashedStrokeMask = 'linear-gradient(to right, black 0, black 4px, transparent 4px, transparent 10px)';
-const dottedStrokeMask = 'radial-gradient(circle at center, black 1px, transparent 1.1px)';
-const sketchStrokePath = 'M0.00161171 1.0107C6.6387 1 9.94061 5.16958 16.6371 5.16958C23.3336 5.16958 26.5761 1.00913 33.2726 1.0107C39.3797 1.01213 42.4198 4.22998 48.5219 4.47643C55.9487 4.77638 59.8075 0.780687 67.2368 1.0107C73.6051 1.20786 76.8081 4.42122 83.1792 4.47643C89.815 4.53393 93.1788 1.06378 99.8147 1.0107C106.716 0.95549 110.244 4.6564 117.143 4.47643C123.248 4.31717 126.289 1.21517 132.393 1.0107C139.555 0.770735 143.25 4.64894 150.414 4.47643C156.784 4.32307 159.986 1.06591 166.357 1.0107C172.993 0.953195 176.356 4.47655 182.992 4.47643C189.628 4.47632 192.992 1.01007 199.628 1.01007C206.264 1.01007 209.627 4.47632 216.263 4.47643C222.899 4.47655 226.263 1.0107 232.899 1.0107';
-const sketchStrokeMask = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 7'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='${sketchStrokePath}'/%3E%3C/svg%3E")`;
 const fadeStrokeMask = 'linear-gradient(to right, transparent 0%, black 27.4%, black 74%, transparent 100%)';
 
+// dotted strokes
+const dottedStrokeMaskSmall = 'radial-gradient(circle at center, black 0.5px, transparent 0.6px)';
+const dottedStrokeMaskMedium = 'radial-gradient(circle at center, black 1px, transparent 1.1px)';
+const dottedStrokeMaskLarge = 'radial-gradient(circle at center, black 1.5px, transparent 1.6px)';
+
+// sketch strokes
+const sketchStrokePath = 'M0.00161171 1.0107C6.6387 1 9.94061 5.16958 16.6371 5.16958C23.3336 5.16958 26.5761 1.00913 33.2726 1.0107C39.3797 1.01213 42.4198 4.22998 48.5219 4.47643C55.9487 4.77638 59.8075 0.780687 67.2368 1.0107C73.6051 1.20786 76.8081 4.42122 83.1792 4.47643C89.815 4.53393 93.1788 1.06378 99.8147 1.0107C106.716 0.95549 110.244 4.6564 117.143 4.47643C123.248 4.31717 126.289 1.21517 132.393 1.0107C139.555 0.770735 143.25 4.64894 150.414 4.47643C156.784 4.32307 159.986 1.06591 166.357 1.0107C172.993 0.953195 176.356 4.47655 182.992 4.47643C189.628 4.47632 192.992 1.01007 199.628 1.01007C206.264 1.01007 209.627 4.47632 216.263 4.47643C222.899 4.47655 226.263 1.0107 232.899 1.0107';
+const sketchStrokeMaskSmall = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 7'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1' d='${sketchStrokePath}'/%3E%3C/svg%3E")`;
+const sketchStrokeMaskMedium = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 7'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='${sketchStrokePath}'/%3E%3C/svg%3E")`;
+const sketchStrokeMaskLarge = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1 233 8'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' d='${sketchStrokePath}'/%3E%3C/svg%3E")`;
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export const ruleWithAttrsStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -19,7 +27,7 @@ export const ruleWithAttrsStyles = css({
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror hr[data-style="dotted"]': {
-    maskImage: dottedStrokeMask,
+    maskImage: dottedStrokeMaskMedium,
     maskPosition: 'center',
     maskRepeat: 'repeat-x',
     maskSize: '6px 2px'
@@ -27,7 +35,7 @@ export const ruleWithAttrsStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror hr[data-style="sketch"]': {
     height: `calc(2px + ${"var(--ds-space-050, 4px)"} + ${"var(--ds-space-050, 4px)"})`,
-    maskImage: sketchStrokeMask,
+    maskImage: sketchStrokeMaskMedium,
     maskPosition: 'center',
     maskRepeat: 'repeat-x',
     maskSize: '233px 7px',
@@ -39,5 +47,35 @@ export const ruleWithAttrsStyles = css({
     maskImage: fadeStrokeMask,
     maskRepeat: 'no-repeat',
     maskSize: '100% 100%'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror hr[data-weight="1"]': {
+    height: '1px'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror hr[data-weight="3"]': {
+    height: '3px'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror hr[data-style="dotted"][data-weight="1"]': {
+    maskImage: dottedStrokeMaskSmall,
+    maskSize: '6px 1px'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror hr[data-style="dotted"][data-weight="3"]': {
+    maskImage: dottedStrokeMaskLarge,
+    maskSize: '6px 3px'
+  },
+  // Sketch needs a mask per weight because CSS cannot change the SVG stroke width.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror hr[data-style="sketch"][data-weight="1"]': {
+    height: `calc(1px + ${"var(--ds-space-050, 4px)"} + ${"var(--ds-space-050, 4px)"})`,
+    maskImage: sketchStrokeMaskSmall
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror hr[data-style="sketch"][data-weight="3"]': {
+    height: `calc(3px + ${"var(--ds-space-050, 4px)"} + ${"var(--ds-space-050, 4px)"})`,
+    maskImage: sketchStrokeMaskLarge,
+    maskSize: '233px 8px'
   }
 });

package/dist/es2019/ui/PluginSlot/PluginSlot-compiled.js

@@ -1,4 +1,4 @@
-/* PluginSlot-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* PluginSlot-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./PluginSlot-compiled.compiled.css";
 import * as React from 'react';

package/dist/es2019/ui/Toolbar/ToolbarComponentsWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* ToolbarComponentsWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarComponentsWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `ToolbarInner.tsx`.

package/dist/es2019/ui/Toolbar/ToolbarPortal.js

@@ -1,4 +1,4 @@
-/* ToolbarPortal.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarPortal.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ToolbarPortal.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/ui/Toolbar/ToolbarSizeDetectorWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* ToolbarSizeDetectorWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarSizeDetectorWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `ToolbarWithSizeDetector.tsx`.

package/dist/es2019/ui/WithFlash/withFlash-compiled.js

@@ -1,4 +1,4 @@
-/* withFlash-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* withFlash-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./withFlash-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/quick-insert/ExtensionQuickInsertIcon.js

@@ -6,6 +6,10 @@ import CarouselIcon from '@atlaskit/icon-lab/core/carousel';
 import TableOfContentIcon from '@atlaskit/icon-lab/core/table-of-content';
 import TemplateIcon from '@atlaskit/icon-lab/core/template';
 const lazyExtensionIconCache = new WeakMap();
+const brandedSlashCommandIconUrls = {
+  amplitude: 'https://dam-cdn.atl.orangelogic.com/AssetLink/730r6bie0211kg6obni4343y4g1wv6n5.svg',
+  figma: 'https://dam-cdn.atl.orangelogic.com/AssetLink/68t3023r7347271te7qw370k2pk37rgb.svg'
+};
 const whiteboardQuickInsertItemKeys = new Set(['whiteboard-extension:create-whiteboard', 'whiteboard-extension:create-diagram', 'whiteboard-extension:create-flowchart', 'whiteboard-extension:create-brainstorming', 'whiteboard-extension:create-retrospective', 'whiteboard-extension:create-roadmap']);
 const quickInsertItemIcons = {
   'toc:toc': TableOfContentIcon,
@@ -50,8 +54,10 @@ const createLazyExtensionIcon = getIcon => {
 export const ExtensionQuickInsertIcon = ({
   getIcon,
   itemKey,
+  itemTitle,
   label
 }) => {
+  const brandedIconUrl = brandedSlashCommandIconUrls[itemTitle.toLowerCase()];
   const Icon = React.useMemo(() => {
     const quickInsertItemIcon = quickInsertItemIcons[itemKey];
     if (quickInsertItemIcon) {
@@ -62,6 +68,15 @@ export const ExtensionQuickInsertIcon = ({
     }
     return getIcon ? createLazyExtensionIcon(getIcon) : AppsIcon;
   }, [getIcon, itemKey]);
+  if (brandedIconUrl) {
+    return /*#__PURE__*/React.createElement("img", {
+      alt: "",
+      "aria-hidden": "true",
+      height: 24,
+      src: brandedIconUrl,
+      width: 24
+    });
+  }
   return /*#__PURE__*/React.createElement(Icon, {
     label: label
   });

package/dist/es2019/ui/quick-insert/ExtensionQuickInsertMenuItem.js

@@ -3,6 +3,7 @@ import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-i
 import { useQuickInsertContext } from '@atlaskit/editor-common/quick-insert/use-quick-insert-context';
 import { executeExtensionQuickInsertItem } from './executeExtensionQuickInsertItem';
 import { ExtensionQuickInsertIcon } from './ExtensionQuickInsertIcon';
+import { getExtensionQuickInsertPreviewImageUrls } from './getExtensionQuickInsertPreviewImageUrls';
 export const ExtensionQuickInsertMenuItem = ({
   apiRef,
   createAnalyticsEvent,
@@ -36,10 +37,12 @@ export const ExtensionQuickInsertMenuItem = ({
     iconBefore: /*#__PURE__*/React.createElement(ExtensionQuickInsertIcon, {
       getIcon: item.icon,
       itemKey: item.key,
+      itemTitle: item.title,
       label: ""
     }),
     isDisabled: isOffline,
     onSelect: onSelect,
+    previewImageUrls: getExtensionQuickInsertPreviewImageUrls(item),
     title: item.title
   });
 };

package/dist/es2019/ui/quick-insert/getExtensionQuickInsertPreviewImageUrls.js

@@ -0,0 +1,23 @@
+const previewImageUrlsByTitle = {
+  amplitude: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/7v8shu6n3wd15644f3ys785628dkt632.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/2r34o120k40e0us4w66oqpud63o4lef4.png'
+  },
+  dropbox: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/83f1773ur08qm4t3bqaabpwb173313tg.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/37v2dk5n1ltwc82j1w76dv1tyr8puwq0.png'
+  },
+  figma: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/svedc2lju60bgq3r43kfmi7213wj46as.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/u80s30071b4c10vdjr5rw0uje8cu2pk7.png'
+  },
+  'google drive': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/y01wj4t58w86byx86l6k81a22axud131.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/wi413m0837rjykg23r6y0256b7377185.png'
+  },
+  iframe: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/77p6d5rb343gue8580bacbl0xf82u5jv.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/72a0j8eddxg82rnp8j48bipi8sq8g0ke.png'
+  }
+};
+export const getExtensionQuickInsertPreviewImageUrls = item => previewImageUrlsByTitle[item.title.toLowerCase()];

package/dist/es2019/version-wrapper.js

@@ -1,3 +1,3 @@
 export const name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export const version = "228.1.8";
+export const version = "228.1.10";

package/dist/esm/composable-editor/editor-internal-compiled.js

@@ -1,4 +1,4 @@
-/* editor-internal-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* editor-internal-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `editor-internal.tsx`.

package/dist/esm/ui/Addon/ClickAreaBlock/clickAreaBlock-compiled.js

@@ -1,4 +1,4 @@
-/* clickAreaBlock-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* clickAreaBlock-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];

package/dist/esm/ui/Appearance/Chromeless-compiled.js

@@ -1,4 +1,4 @@
-/* Chromeless-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Chromeless-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `Chromeless.tsx`.

package/dist/esm/ui/Appearance/Comment/Comment-compiled.js

@@ -1,4 +1,4 @@
-/* Comment-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Comment-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./Comment-compiled.compiled.css";

package/dist/esm/ui/Appearance/Comment/FixedToolbar-compiled.js

@@ -1,4 +1,4 @@
-/* FixedToolbar-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* FixedToolbar-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `Toolbar.tsx`.

package/dist/esm/ui/Appearance/Comment/StickyToolbar-compiled.js

@@ -1,4 +1,4 @@
-/* StickyToolbar-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* StickyToolbar-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./StickyToolbar-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/Appearance/FullPage/BeforeWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* BeforeWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* BeforeWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `BeforeWrapper.tsx`.

package/dist/esm/ui/Appearance/FullPage/CustomToolbarWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* CustomToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* CustomToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `CustomToolbarWrapper.tsx`.

package/dist/esm/ui/Appearance/FullPage/FullPage-compiled.js

@@ -1,4 +1,4 @@
-/* FullPage-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* FullPage-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `FullPage.tsx`.

package/dist/esm/ui/Appearance/FullPage/FullPageContentArea-compiled.js

@@ -1,4 +1,4 @@
-/* FullPageContentArea-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* FullPageContentArea-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./FullPageContentArea-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useImperativeHandle, useRef } from 'react';

package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js

@@ -1,4 +1,4 @@
-/* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* FullPageToolbarNext.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./FullPageToolbarNext.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useMemo } from 'react';

package/dist/esm/ui/Appearance/FullPage/MainToolbar-compiled.js

@@ -1,4 +1,4 @@
-/* MainToolbar-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* MainToolbar-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `MainToolbar.tsx`.

package/dist/esm/ui/Appearance/FullPage/MainToolbarWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* MainToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* MainToolbarWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `MainToolbarWrapper.tsx`.

package/dist/esm/ui/ChromeCollapsed/ChromeCollapsed-compiled.js

@@ -1,4 +1,4 @@
-/* ChromeCollapsed-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ChromeCollapsed-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
 import "./ChromeCollapsed-compiled.compiled.css";

package/dist/esm/ui/ContextPanel/index-compiled.js

@@ -1,4 +1,4 @@
-/* index-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* index-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "customWidth", "visible"],

package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css

@@ -27,7 +27,7 @@
 .cc-1wz6obl .ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor){caret-color:transparent}.cc-1wz6obl .ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor{display:none}.cc-1wz6obl .ProseMirror:has(.ProseMirror-hide-cursor){caret-color:transparent}
 .cc-1aoj0mo .dateView-content-wrap.ak-editor-selected-node.danger .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
 .cc-5hyj3q .ProseMirror hr.ak-editor-selected-node.danger{background-color:var(--ds-border-danger,#e2483d)}
-.cc-dgsww3 .ProseMirror hr[data-style=dashed]{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 4px,transparent 0,transparent 10px);mask-image:linear-gradient(90deg,#000 0,#000 4px,transparent 0,transparent 10px);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:10px 100%;mask-size:10px 100%}.cc-dgsww3 .ProseMirror hr[data-style=dotted]{-webkit-mask-image:radial-gradient(circle at center,#000 1px,transparent 1.1px);mask-image:radial-gradient(circle at center,#000 1px,transparent 1.1px);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:6px 2px;mask-size:6px 2px}.cc-dgsww3 .ProseMirror hr[data-style=sketch]{height:calc(2px + var(--ds-space-050, 4px) + var(--ds-space-050, 4px));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 7'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M0.00161171 1.0107C6.6387 1 9.94061 5.16958 16.6371 5.16958C23.3336 5.16958 26.5761 1.00913 33.2726 1.0107C39.3797 1.01213 42.4198 4.22998 48.5219 4.47643C55.9487 4.77638 59.8075 0.780687 67.2368 1.0107C73.6051 1.20786 76.8081 4.42122 83.1792 4.47643C89.815 4.53393 93.1788 1.06378 99.8147 1.0107C106.716 0.95549 110.244 4.6564 117.143 4.47643C123.248 4.31717 126.289 1.21517 132.393 1.0107C139.555 0.770735 143.25 4.64894 150.414 4.47643C156.784 4.32307 159.986 1.06591 166.357 1.0107C172.993 0.953195 176.356 4.47655 182.992 4.47643C189.628 4.47632 192.992 1.01007 199.628 1.01007C206.264 1.01007 209.627 4.47632 216.263 4.47643C222.899 4.47655 226.263 1.0107 232.899 1.0107'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 7'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M0.00161171 1.0107C6.6387 1 9.94061 5.16958 16.6371 5.16958C23.3336 5.16958 26.5761 1.00913 33.2726 1.0107C39.3797 1.01213 42.4198 4.22998 48.5219 4.47643C55.9487 4.77638 59.8075 0.780687 67.2368 1.0107C73.6051 1.20786 76.8081 4.42122 83.1792 4.47643C89.815 4.53393 93.1788 1.06378 99.8147 1.0107C106.716 0.95549 110.244 4.6564 117.143 4.47643C123.248 4.31717 126.289 1.21517 132.393 1.0107C139.555 0.770735 143.25 4.64894 150.414 4.47643C156.784 4.32307 159.986 1.06591 166.357 1.0107C172.993 0.953195 176.356 4.47655 182.992 4.47643C189.628 4.47632 192.992 1.01007 199.628 1.01007C206.264 1.01007 209.627 4.47632 216.263 4.47643C222.899 4.47655 226.263 1.0107 232.899 1.0107'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:233px 7px;mask-size:233px 7px;padding-top:0;padding-bottom:0}.cc-dgsww3 .ProseMirror hr[data-style=fade]{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 27.4%,#000 74%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 27.4%,#000 74%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
+.cc-dgsww3 .ProseMirror hr[data-style=dashed]{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 4px,transparent 0,transparent 10px);mask-image:linear-gradient(90deg,#000 0,#000 4px,transparent 0,transparent 10px);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:10px 100%;mask-size:10px 100%}.cc-dgsww3 .ProseMirror hr[data-style=dotted]{-webkit-mask-image:radial-gradient(circle at center,#000 1px,transparent 1.1px);mask-image:radial-gradient(circle at center,#000 1px,transparent 1.1px);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:6px 2px;mask-size:6px 2px}.cc-dgsww3 .ProseMirror hr[data-style=sketch]{height:calc(2px + var(--ds-space-050, 4px) + var(--ds-space-050, 4px));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 7'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M0.00161171 1.0107C6.6387 1 9.94061 5.16958 16.6371 5.16958C23.3336 5.16958 26.5761 1.00913 33.2726 1.0107C39.3797 1.01213 42.4198 4.22998 48.5219 4.47643C55.9487 4.77638 59.8075 0.780687 67.2368 1.0107C73.6051 1.20786 76.8081 4.42122 83.1792 4.47643C89.815 4.53393 93.1788 1.06378 99.8147 1.0107C106.716 0.95549 110.244 4.6564 117.143 4.47643C123.248 4.31717 126.289 1.21517 132.393 1.0107C139.555 0.770735 143.25 4.64894 150.414 4.47643C156.784 4.32307 159.986 1.06591 166.357 1.0107C172.993 0.953195 176.356 4.47655 182.992 4.47643C189.628 4.47632 192.992 1.01007 199.628 1.01007C206.264 1.01007 209.627 4.47632 216.263 4.47643C222.899 4.47655 226.263 1.0107 232.899 1.0107'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 7'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M0.00161171 1.0107C6.6387 1 9.94061 5.16958 16.6371 5.16958C23.3336 5.16958 26.5761 1.00913 33.2726 1.0107C39.3797 1.01213 42.4198 4.22998 48.5219 4.47643C55.9487 4.77638 59.8075 0.780687 67.2368 1.0107C73.6051 1.20786 76.8081 4.42122 83.1792 4.47643C89.815 4.53393 93.1788 1.06378 99.8147 1.0107C106.716 0.95549 110.244 4.6564 117.143 4.47643C123.248 4.31717 126.289 1.21517 132.393 1.0107C139.555 0.770735 143.25 4.64894 150.414 4.47643C156.784 4.32307 159.986 1.06591 166.357 1.0107C172.993 0.953195 176.356 4.47655 182.992 4.47643C189.628 4.47632 192.992 1.01007 199.628 1.01007C206.264 1.01007 209.627 4.47632 216.263 4.47643C222.899 4.47655 226.263 1.0107 232.899 1.0107'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:233px 7px;mask-size:233px 7px;padding-top:0;padding-bottom:0}.cc-dgsww3 .ProseMirror hr[data-style=fade]{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 27.4%,#000 74%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 27.4%,#000 74%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.cc-dgsww3 .ProseMirror hr[data-weight="1"]{height:1px}.cc-dgsww3 .ProseMirror hr[data-weight="3"]{height:3px}.cc-dgsww3 .ProseMirror hr[data-style=dotted][data-weight="1"]{-webkit-mask-image:radial-gradient(circle at center,#000 .5px,transparent .6px);mask-image:radial-gradient(circle at center,#000 .5px,transparent .6px);-webkit-mask-size:6px 1px;mask-size:6px 1px}.cc-dgsww3 .ProseMirror hr[data-style=dotted][data-weight="3"]{-webkit-mask-image:radial-gradient(circle at center,#000 1.5px,transparent .1pc);mask-image:radial-gradient(circle at center,#000 1.5px,transparent .1pc);-webkit-mask-size:6px 3px;mask-size:6px 3px}.cc-dgsww3 .ProseMirror hr[data-style=sketch][data-weight="1"]{height:calc(1px + var(--ds-space-050, 4px) + var(--ds-space-050, 4px));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 7'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1' d='M0.00161171 1.0107C6.6387 1 9.94061 5.16958 16.6371 5.16958C23.3336 5.16958 26.5761 1.00913 33.2726 1.0107C39.3797 1.01213 42.4198 4.22998 48.5219 4.47643C55.9487 4.77638 59.8075 0.780687 67.2368 1.0107C73.6051 1.20786 76.8081 4.42122 83.1792 4.47643C89.815 4.53393 93.1788 1.06378 99.8147 1.0107C106.716 0.95549 110.244 4.6564 117.143 4.47643C123.248 4.31717 126.289 1.21517 132.393 1.0107C139.555 0.770735 143.25 4.64894 150.414 4.47643C156.784 4.32307 159.986 1.06591 166.357 1.0107C172.993 0.953195 176.356 4.47655 182.992 4.47643C189.628 4.47632 192.992 1.01007 199.628 1.01007C206.264 1.01007 209.627 4.47632 216.263 4.47643C222.899 4.47655 226.263 1.0107 232.899 1.0107'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 7'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1' d='M0.00161171 1.0107C6.6387 1 9.94061 5.16958 16.6371 5.16958C23.3336 5.16958 26.5761 1.00913 33.2726 1.0107C39.3797 1.01213 42.4198 4.22998 48.5219 4.47643C55.9487 4.77638 59.8075 0.780687 67.2368 1.0107C73.6051 1.20786 76.8081 4.42122 83.1792 4.47643C89.815 4.53393 93.1788 1.06378 99.8147 1.0107C106.716 0.95549 110.244 4.6564 117.143 4.47643C123.248 4.31717 126.289 1.21517 132.393 1.0107C139.555 0.770735 143.25 4.64894 150.414 4.47643C156.784 4.32307 159.986 1.06591 166.357 1.0107C172.993 0.953195 176.356 4.47655 182.992 4.47643C189.628 4.47632 192.992 1.01007 199.628 1.01007C206.264 1.01007 209.627 4.47632 216.263 4.47643C222.899 4.47655 226.263 1.0107 232.899 1.0107'/%3E%3C/svg%3E")}.cc-dgsww3 .ProseMirror hr[data-style=sketch][data-weight="3"]{height:calc(3px + var(--ds-space-050, 4px) + var(--ds-space-050, 4px));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1 233 8'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' d='M0.00161171 1.0107C6.6387 1 9.94061 5.16958 16.6371 5.16958C23.3336 5.16958 26.5761 1.00913 33.2726 1.0107C39.3797 1.01213 42.4198 4.22998 48.5219 4.47643C55.9487 4.77638 59.8075 0.780687 67.2368 1.0107C73.6051 1.20786 76.8081 4.42122 83.1792 4.47643C89.815 4.53393 93.1788 1.06378 99.8147 1.0107C106.716 0.95549 110.244 4.6564 117.143 4.47643C123.248 4.31717 126.289 1.21517 132.393 1.0107C139.555 0.770735 143.25 4.64894 150.414 4.47643C156.784 4.32307 159.986 1.06591 166.357 1.0107C172.993 0.953195 176.356 4.47655 182.992 4.47643C189.628 4.47632 192.992 1.01007 199.628 1.01007C206.264 1.01007 209.627 4.47632 216.263 4.47643C222.899 4.47655 226.263 1.0107 232.899 1.0107'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1 233 8'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' d='M0.00161171 1.0107C6.6387 1 9.94061 5.16958 16.6371 5.16958C23.3336 5.16958 26.5761 1.00913 33.2726 1.0107C39.3797 1.01213 42.4198 4.22998 48.5219 4.47643C55.9487 4.77638 59.8075 0.780687 67.2368 1.0107C73.6051 1.20786 76.8081 4.42122 83.1792 4.47643C89.815 4.53393 93.1788 1.06378 99.8147 1.0107C106.716 0.95549 110.244 4.6564 117.143 4.47643C123.248 4.31717 126.289 1.21517 132.393 1.0107C139.555 0.770735 143.25 4.64894 150.414 4.47643C156.784 4.32307 159.986 1.06591 166.357 1.0107C172.993 0.953195 176.356 4.47655 182.992 4.47643C189.628 4.47632 192.992 1.01007 199.628 1.01007C206.264 1.01007 209.627 4.47632 216.263 4.47643C222.899 4.47655 226.263 1.0107 232.899 1.0107'/%3E%3C/svg%3E");-webkit-mask-size:233px 8px;mask-size:233px 8px}
 .cc-1mmt8n5 .show-diff-atomic-inline-changed-date{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-purple,#af59e1);outline:2px solid var(--show-diff-atomic-inline-changed-border-color,var(--ds-border-accent-purple,#af59e1));outline-offset:1px;border-radius:var(--ds-radius-medium,6px)}.cc-1mmt8n5 .show-diff-atomic-inline-changed-date.show-diff-atomic-inline-changed-traditional{--show-diff-atomic-inline-changed-border-color:var(--ds-border-accent-green,#22a06b)}.cc-1mmt8n5 .date-lozenger-container span{white-space:unset}.cc-1mmt8n5 .dateView-content-wrap .date-lozenger-container{line-height:normal;cursor:pointer}.cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db);border-color:transparent}.cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span ::selection, .cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span::selection{background-color:transparent}.cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span ::-moz-selection, .cc-1mmt8n5 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span::-moz-selection{background-color:transparent}.cc-1mmt8n5 .danger .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
 .cc-avdkma [data-prosemirror-node-name=date] .date-lozenger-container span{background-color:var(--ds-background-neutral,#0515240f);color:var(--ds-text,#292a2e);border-radius:var(--ds-radius-small,4px);padding-top:var(--ds-space-025,2px);padding-right:var(--ds-space-050,4px);padding-bottom:var(--ds-space-025,2px);padding-left:var(--ds-space-050,4px);margin-top:0;margin-right:1px;margin-bottom:0;margin-left:1px;position:relative;transition-property:background;transition-duration:.3s;white-space:nowrap;cursor:unset}.cc-avdkma [data-prosemirror-node-name=date] .date-lozenger-container span:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}.cc-avdkma [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red{background-color:var(--ds-background-accent-red-subtlest,#ffeceb);color:var(--ds-text-accent-red,#ae2e24)}.cc-avdkma [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red:hover{background-color:var(--ds-background-accent-red-subtler,#ffd5d2)}
 .cc-ak695d .ak-editor-selected-node.danger>[data-decision-wrapper], .cc-ak695d ol[data-node-type=decisionList].ak-editor-selected-node.danger{background-color:var(--ds-background-danger,#ffeceb);box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}

package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js

@@ -1,4 +1,4 @@
-/* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./EditorContentContainer-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/EditorContentContainer/styles/ruleWithAttrs.js

@@ -4,11 +4,19 @@
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
 import { css } from '@emotion/react';
 var dashedStrokeMask = 'linear-gradient(to right, black 0, black 4px, transparent 4px, transparent 10px)';
-var dottedStrokeMask = 'radial-gradient(circle at center, black 1px, transparent 1.1px)';
-var sketchStrokePath = 'M0.00161171 1.0107C6.6387 1 9.94061 5.16958 16.6371 5.16958C23.3336 5.16958 26.5761 1.00913 33.2726 1.0107C39.3797 1.01213 42.4198 4.22998 48.5219 4.47643C55.9487 4.77638 59.8075 0.780687 67.2368 1.0107C73.6051 1.20786 76.8081 4.42122 83.1792 4.47643C89.815 4.53393 93.1788 1.06378 99.8147 1.0107C106.716 0.95549 110.244 4.6564 117.143 4.47643C123.248 4.31717 126.289 1.21517 132.393 1.0107C139.555 0.770735 143.25 4.64894 150.414 4.47643C156.784 4.32307 159.986 1.06591 166.357 1.0107C172.993 0.953195 176.356 4.47655 182.992 4.47643C189.628 4.47632 192.992 1.01007 199.628 1.01007C206.264 1.01007 209.627 4.47632 216.263 4.47643C222.899 4.47655 226.263 1.0107 232.899 1.0107';
-var sketchStrokeMask = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 7'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='".concat(sketchStrokePath, "'/%3E%3C/svg%3E\")");
 var fadeStrokeMask = 'linear-gradient(to right, transparent 0%, black 27.4%, black 74%, transparent 100%)';
 
+// dotted strokes
+var dottedStrokeMaskSmall = 'radial-gradient(circle at center, black 0.5px, transparent 0.6px)';
+var dottedStrokeMaskMedium = 'radial-gradient(circle at center, black 1px, transparent 1.1px)';
+var dottedStrokeMaskLarge = 'radial-gradient(circle at center, black 1.5px, transparent 1.6px)';
+
+// sketch strokes
+var sketchStrokePath = 'M0.00161171 1.0107C6.6387 1 9.94061 5.16958 16.6371 5.16958C23.3336 5.16958 26.5761 1.00913 33.2726 1.0107C39.3797 1.01213 42.4198 4.22998 48.5219 4.47643C55.9487 4.77638 59.8075 0.780687 67.2368 1.0107C73.6051 1.20786 76.8081 4.42122 83.1792 4.47643C89.815 4.53393 93.1788 1.06378 99.8147 1.0107C106.716 0.95549 110.244 4.6564 117.143 4.47643C123.248 4.31717 126.289 1.21517 132.393 1.0107C139.555 0.770735 143.25 4.64894 150.414 4.47643C156.784 4.32307 159.986 1.06591 166.357 1.0107C172.993 0.953195 176.356 4.47655 182.992 4.47643C189.628 4.47632 192.992 1.01007 199.628 1.01007C206.264 1.01007 209.627 4.47632 216.263 4.47643C222.899 4.47655 226.263 1.0107 232.899 1.0107';
+var sketchStrokeMaskSmall = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 7'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1' d='".concat(sketchStrokePath, "'/%3E%3C/svg%3E\")");
+var sketchStrokeMaskMedium = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233 7'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='".concat(sketchStrokePath, "'/%3E%3C/svg%3E\")");
+var sketchStrokeMaskLarge = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1 233 8'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' d='".concat(sketchStrokePath, "'/%3E%3C/svg%3E\")");
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
 export var ruleWithAttrsStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -19,7 +27,7 @@ export var ruleWithAttrsStyles = css({
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror hr[data-style="dotted"]': {
-    maskImage: dottedStrokeMask,
+    maskImage: dottedStrokeMaskMedium,
     maskPosition: 'center',
     maskRepeat: 'repeat-x',
     maskSize: '6px 2px'
@@ -27,7 +35,7 @@ export var ruleWithAttrsStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ProseMirror hr[data-style="sketch"]': {
     height: "calc(2px + ".concat("var(--ds-space-050, 4px)", " + ", "var(--ds-space-050, 4px)", ")"),
-    maskImage: sketchStrokeMask,
+    maskImage: sketchStrokeMaskMedium,
     maskPosition: 'center',
     maskRepeat: 'repeat-x',
     maskSize: '233px 7px',
@@ -39,5 +47,35 @@ export var ruleWithAttrsStyles = css({
     maskImage: fadeStrokeMask,
     maskRepeat: 'no-repeat',
     maskSize: '100% 100%'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror hr[data-weight="1"]': {
+    height: '1px'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror hr[data-weight="3"]': {
+    height: '3px'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror hr[data-style="dotted"][data-weight="1"]': {
+    maskImage: dottedStrokeMaskSmall,
+    maskSize: '6px 1px'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror hr[data-style="dotted"][data-weight="3"]': {
+    maskImage: dottedStrokeMaskLarge,
+    maskSize: '6px 3px'
+  },
+  // Sketch needs a mask per weight because CSS cannot change the SVG stroke width.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror hr[data-style="sketch"][data-weight="1"]': {
+    height: "calc(1px + ".concat("var(--ds-space-050, 4px)", " + ", "var(--ds-space-050, 4px)", ")"),
+    maskImage: sketchStrokeMaskSmall
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ProseMirror hr[data-style="sketch"][data-weight="3"]': {
+    height: "calc(3px + ".concat("var(--ds-space-050, 4px)", " + ", "var(--ds-space-050, 4px)", ")"),
+    maskImage: sketchStrokeMaskLarge,
+    maskSize: '233px 8px'
   }
 });

package/dist/esm/ui/PluginSlot/PluginSlot-compiled.js

@@ -1,4 +1,4 @@
-/* PluginSlot-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* PluginSlot-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];

package/dist/esm/ui/Toolbar/ToolbarComponentsWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* ToolbarComponentsWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarComponentsWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `ToolbarInner.tsx`.

package/dist/esm/ui/Toolbar/ToolbarPortal.js

@@ -1,4 +1,4 @@
-/* ToolbarPortal.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarPortal.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ToolbarPortal.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/ui/Toolbar/ToolbarSizeDetectorWrapper-compiled.js

@@ -1,4 +1,4 @@
-/* ToolbarSizeDetectorWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ToolbarSizeDetectorWrapper-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
  * Used via `componentWithCondition` in `ToolbarWithSizeDetector.tsx`.

package/dist/esm/ui/WithFlash/withFlash-compiled.js

@@ -1,4 +1,4 @@
-/* withFlash-compiled.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* withFlash-compiled.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";

package/dist/esm/ui/quick-insert/ExtensionQuickInsertIcon.js

@@ -8,6 +8,10 @@ import CarouselIcon from '@atlaskit/icon-lab/core/carousel';
 import TableOfContentIcon from '@atlaskit/icon-lab/core/table-of-content';
 import TemplateIcon from '@atlaskit/icon-lab/core/template';
 var lazyExtensionIconCache = new WeakMap();
+var brandedSlashCommandIconUrls = {
+  amplitude: 'https://dam-cdn.atl.orangelogic.com/AssetLink/730r6bie0211kg6obni4343y4g1wv6n5.svg',
+  figma: 'https://dam-cdn.atl.orangelogic.com/AssetLink/68t3023r7347271te7qw370k2pk37rgb.svg'
+};
 var whiteboardQuickInsertItemKeys = new Set(['whiteboard-extension:create-whiteboard', 'whiteboard-extension:create-diagram', 'whiteboard-extension:create-flowchart', 'whiteboard-extension:create-brainstorming', 'whiteboard-extension:create-retrospective', 'whiteboard-extension:create-roadmap']);
 var quickInsertItemIcons = {
   'toc:toc': TableOfContentIcon,
@@ -81,7 +85,9 @@ var createLazyExtensionIcon = function createLazyExtensionIcon(getIcon) {
 export var ExtensionQuickInsertIcon = function ExtensionQuickInsertIcon(_ref2) {
   var getIcon = _ref2.getIcon,
     itemKey = _ref2.itemKey,
+    itemTitle = _ref2.itemTitle,
     label = _ref2.label;
+  var brandedIconUrl = brandedSlashCommandIconUrls[itemTitle.toLowerCase()];
   var Icon = React.useMemo(function () {
     var quickInsertItemIcon = quickInsertItemIcons[itemKey];
     if (quickInsertItemIcon) {
@@ -92,6 +98,15 @@ export var ExtensionQuickInsertIcon = function ExtensionQuickInsertIcon(_ref2) {
     }
     return getIcon ? createLazyExtensionIcon(getIcon) : AppsIcon;
   }, [getIcon, itemKey]);
+  if (brandedIconUrl) {
+    return /*#__PURE__*/React.createElement("img", {
+      alt: "",
+      "aria-hidden": "true",
+      height: 24,
+      src: brandedIconUrl,
+      width: 24
+    });
+  }
   return /*#__PURE__*/React.createElement(Icon, {
     label: label
   });

package/dist/esm/ui/quick-insert/ExtensionQuickInsertMenuItem.js

@@ -3,6 +3,7 @@ import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-i
 import { useQuickInsertContext } from '@atlaskit/editor-common/quick-insert/use-quick-insert-context';
 import { executeExtensionQuickInsertItem } from './executeExtensionQuickInsertItem';
 import { ExtensionQuickInsertIcon } from './ExtensionQuickInsertIcon';
+import { getExtensionQuickInsertPreviewImageUrls } from './getExtensionQuickInsertPreviewImageUrls';
 export var ExtensionQuickInsertMenuItem = function ExtensionQuickInsertMenuItem(_ref) {
   var apiRef = _ref.apiRef,
     createAnalyticsEvent = _ref.createAnalyticsEvent,
@@ -33,10 +34,12 @@ export var ExtensionQuickInsertMenuItem = function ExtensionQuickInsertMenuItem(
     iconBefore: /*#__PURE__*/React.createElement(ExtensionQuickInsertIcon, {
       getIcon: item.icon,
       itemKey: item.key,
+      itemTitle: item.title,
       label: ""
     }),
     isDisabled: isOffline,
     onSelect: onSelect,
+    previewImageUrls: getExtensionQuickInsertPreviewImageUrls(item),
     title: item.title
   });
 };

package/dist/esm/ui/quick-insert/getExtensionQuickInsertPreviewImageUrls.js

@@ -0,0 +1,25 @@
+var previewImageUrlsByTitle = {
+  amplitude: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/7v8shu6n3wd15644f3ys785628dkt632.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/2r34o120k40e0us4w66oqpud63o4lef4.png'
+  },
+  dropbox: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/83f1773ur08qm4t3bqaabpwb173313tg.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/37v2dk5n1ltwc82j1w76dv1tyr8puwq0.png'
+  },
+  figma: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/svedc2lju60bgq3r43kfmi7213wj46as.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/u80s30071b4c10vdjr5rw0uje8cu2pk7.png'
+  },
+  'google drive': {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/y01wj4t58w86byx86l6k81a22axud131.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/wi413m0837rjykg23r6y0256b7377185.png'
+  },
+  iframe: {
+    dark: 'https://dam-cdn.atl.orangelogic.com/AssetLink/77p6d5rb343gue8580bacbl0xf82u5jv.png',
+    light: 'https://dam-cdn.atl.orangelogic.com/AssetLink/72a0j8eddxg82rnp8j48bipi8sq8g0ke.png'
+  }
+};
+export var getExtensionQuickInsertPreviewImageUrls = function getExtensionQuickInsertPreviewImageUrls(item) {
+  return previewImageUrlsByTitle[item.title.toLowerCase()];
+};

package/dist/esm/version-wrapper.js

@@ -1,3 +1,3 @@
 export var name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-export var version = "228.1.8";
+export var version = "228.1.10";

package/dist/types/ui/quick-insert/ExtensionQuickInsertIcon.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import type { MenuItem } from '@atlaskit/editor-common/extensions';
-export declare const ExtensionQuickInsertIcon: ({ getIcon, itemKey, label, }: {
+export declare const ExtensionQuickInsertIcon: ({ getIcon, itemKey, itemTitle, label, }: {
     getIcon?: MenuItem['icon'];
     itemKey: string;
+    itemTitle: string;
     label: string;
 }) => React.JSX.Element;

package/dist/types/ui/quick-insert/getExtensionQuickInsertPreviewImageUrls.d.ts

@@ -0,0 +1,7 @@
+import type { MenuItem } from '@atlaskit/editor-common/extensions';
+type PreviewImageUrls = {
+    dark: string;
+    light: string;
+};
+export declare const getExtensionQuickInsertPreviewImageUrls: (item: Pick<MenuItem, 'title'>) => PreviewImageUrls | undefined;
+export {};