@atlaskit/editor-core 193.24.0 → 193.24.15

package/dist/es2019/ui/ContentStyles/media.js

@@ -6,185 +6,186 @@ import { fileCardImageViewSelector, inlinePlayerClassName, newFileExperienceClas
 import { B200, N60, Y500 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css -- Needs manual remediation
 export const mediaStyles = css`
-  .ProseMirror {
-    ${mediaSingleSharedStyle} & [layout='full-width'] .${richMediaClassName},
+	.ProseMirror {
+		${mediaSingleSharedStyle} & [layout='full-width'] .${richMediaClassName},
     & [layout='wide'] .${richMediaClassName} {
-      margin-left: 50%;
-      transform: translateX(-50%);
-    }
-
-    .media-extended-resize-experience[layout^='wrap-'] {
-      // override 'overflow: auto' when viewport <= 410 set by mediaSingleSharedStyle
-      // to prevent scroll bar
-      overflow: visible !important;
-    }
-
-    & [layout^='wrap-'] + [layout^='wrap-'] {
-      clear: none;
-      & + p,
-      & + div[class^='fabric-editor-align'],
-      & + ul,
-      & + ol,
-      & + h1,
-      & + h2,
-      & + h3,
-      & + h4,
-      & + h5,
-      & + h6 {
-        clear: both !important;
-      }
-      & .${richMediaClassName} {
-        margin-left: 0;
-        margin-right: 0;
-      }
-    }
-
-    ${mediaInlineImageStyles}
-
-    .mediaSingleView-content-wrap[layout^='wrap-'] {
-      max-width: 100%;
-      // overwrite default Prosemirror setting making it clear: both
-      clear: inherit;
-    }
-
-    .mediaSingleView-content-wrap[layout='wrap-left'] {
-      float: left;
-    }
-
-    .mediaSingleView-content-wrap[layout='wrap-right'] {
-      float: right;
-    }
-
-    .mediaSingleView-content-wrap[layout='wrap-right']
-      + .mediaSingleView-content-wrap[layout='wrap-left'] {
-      clear: both;
-    }
-
-    /* Larger margins for resize handlers when at depth 0 of the document */
-    & > .mediaSingleView-content-wrap {
-      .richMedia-resize-handle-right {
-        margin-right: -${akEditorMediaResizeHandlerPaddingWide}px;
-      }
-      .richMedia-resize-handle-left {
-        margin-left: -${akEditorMediaResizeHandlerPaddingWide}px;
-      }
-    }
-  }
-
-  .richMedia-resize-handle-right,
-  .richMedia-resize-handle-left {
-    display: flex;
-    flex-direction: column;
-
-    /* vertical align */
-    justify-content: center;
-  }
-
-  .richMedia-resize-handle-right {
-    align-items: flex-end;
-    padding-right: ${"var(--ds-space-150, 12px)"};
-    margin-right: -${akEditorMediaResizeHandlerPadding}px;
-  }
-
-  .richMedia-resize-handle-left {
-    align-items: flex-start;
-    padding-left: ${"var(--ds-space-150, 12px)"};
-    margin-left: -${akEditorMediaResizeHandlerPadding}px;
-  }
-
-  .richMedia-resize-handle-right::after,
-  .richMedia-resize-handle-left::after {
-    content: ' ';
-    display: flex;
-    width: 3px;
-    height: 64px;
-
-    border-radius: 6px;
-  }
-
-  .${richMediaClassName}:hover .richMedia-resize-handle-left::after,
-  .${richMediaClassName}:hover .richMedia-resize-handle-right::after {
-    background: ${`var(--ds-border, ${N60})`};
-  }
-
-  .${akEditorSelectedNodeClassName} .richMedia-resize-handle-right::after,
-  .${akEditorSelectedNodeClassName} .richMedia-resize-handle-left::after,
-  .${richMediaClassName} .richMedia-resize-handle-right:hover::after,
-  .${richMediaClassName} .richMedia-resize-handle-left:hover::after,
-  .${richMediaClassName}.is-resizing .richMedia-resize-handle-right::after,
-  .${richMediaClassName}.is-resizing .richMedia-resize-handle-left::after {
-    background: ${`var(--ds-border-focused, ${B200})`};
-  }
-
-  .__resizable_base__ {
-    left: unset !important;
-    width: auto !important;
-    height: auto !important;
-  }
-
-  /* Danger when top level node for smart cards / inline links */
-  .danger > div > div > .media-card-frame,
-  .danger > span > a {
-    background-color: ${`var(--ds-background-danger, ${akEditorDeleteBackground})`};
-    box-shadow: 0px 0px 0px ${akEditorSelectedBorderBoldSize}px
-      ${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
-    transition: background-color 0s, box-shadow 0s;
-  }
-  /* Danger when nested node or common */
-  .danger {
-    /* Media single */
-    .${richMediaClassName} .${fileCardImageViewSelector}::after {
-      border: 1px solid ${`var(--ds-border-danger, ${akEditorDeleteIconColor})`};
-    }
-    /* Media single video player */
-    .${richMediaClassName} .${inlinePlayerClassName}::after {
-      border: 1px solid ${`var(--ds-border-danger, ${akEditorDeleteIconColor})`};
-    }
-    /* New file experience */
-    .${richMediaClassName} .${newFileExperienceClassName} {
-      box-shadow: 0 0 0 1px
-        ${`var(--ds-border-danger, ${akEditorDeleteIconColor})`} !important;
-    }
-    /* Media resize legacy handlers */
-    .richMedia-resize-handle-right::after,
-    .richMedia-resize-handle-left::after {
-      background: ${`var(--ds-icon-danger, ${akEditorDeleteIconColor})`} !important;
-    }
-    /* Media resize new handlers */
-    .resizer-handle-thumb {
-      background: ${`var(--ds-icon-danger, ${akEditorDeleteIconColor})`} !important;
-    }
-
-    /* Smart cards */
-    div div .media-card-frame,
-    .inlineCardView-content-wrap > span > a {
-      background-color: ${"var(--ds-blanket-danger, rgb(255, 189, 173, 0.5))"}; /* R75 with 50% opactiy */
-      transition: background-color 0s;
-    }
-
-    div div .media-card-frame::after {
-      box-shadow: none;
-    }
-  }
-
-  .warning {
-    /* Media single */
-    .${richMediaClassName} .${fileCardImageViewSelector}::after {
-      border: 1px solid ${`var(--ds-border-warning, ${Y500})`};
-    }
-
-    .${richMediaClassName} .${inlinePlayerClassName}::after {
-      border: 1px solid ${`var(--ds-border-warning, ${Y500})`};
-    }
-
-    .${richMediaClassName} .${newFileExperienceClassName} {
-      box-shadow: 0 0 0 1px ${`var(--ds-border-warning, ${Y500})`} !important;
-    }
-
-    .resizer-handle-thumb {
-      background: ${`var(--ds-icon-warning, ${Y500})`} !important;
-    }
-  }
+			margin-left: 50%;
+			transform: translateX(-50%);
+		}
+
+		.media-extended-resize-experience[layout^='wrap-'] {
+			// override 'overflow: auto' when viewport <= 410 set by mediaSingleSharedStyle
+			// to prevent scroll bar
+			overflow: visible !important;
+		}
+
+		& [layout^='wrap-'] + [layout^='wrap-'] {
+			clear: none;
+			& + p,
+			& + div[class^='fabric-editor-align'],
+			& + ul,
+			& + ol,
+			& + h1,
+			& + h2,
+			& + h3,
+			& + h4,
+			& + h5,
+			& + h6 {
+				clear: both !important;
+			}
+			& .${richMediaClassName} {
+				margin-left: 0;
+				margin-right: 0;
+			}
+		}
+
+		${mediaInlineImageStyles}
+
+		.mediaSingleView-content-wrap[layout^='wrap-'] {
+			max-width: 100%;
+			// overwrite default Prosemirror setting making it clear: both
+			clear: inherit;
+		}
+
+		.mediaSingleView-content-wrap[layout='wrap-left'] {
+			float: left;
+		}
+
+		.mediaSingleView-content-wrap[layout='wrap-right'] {
+			float: right;
+		}
+
+		.mediaSingleView-content-wrap[layout='wrap-right']
+			+ .mediaSingleView-content-wrap[layout='wrap-left'] {
+			clear: both;
+		}
+
+		/* Larger margins for resize handlers when at depth 0 of the document */
+		& > .mediaSingleView-content-wrap {
+			.richMedia-resize-handle-right {
+				margin-right: -${akEditorMediaResizeHandlerPaddingWide}px;
+			}
+			.richMedia-resize-handle-left {
+				margin-left: -${akEditorMediaResizeHandlerPaddingWide}px;
+			}
+		}
+	}
+
+	.richMedia-resize-handle-right,
+	.richMedia-resize-handle-left {
+		display: flex;
+		flex-direction: column;
+
+		/* vertical align */
+		justify-content: center;
+	}
+
+	.richMedia-resize-handle-right {
+		align-items: flex-end;
+		padding-right: ${"var(--ds-space-150, 12px)"};
+		margin-right: -${akEditorMediaResizeHandlerPadding}px;
+	}
+
+	.richMedia-resize-handle-left {
+		align-items: flex-start;
+		padding-left: ${"var(--ds-space-150, 12px)"};
+		margin-left: -${akEditorMediaResizeHandlerPadding}px;
+	}
+
+	.richMedia-resize-handle-right::after,
+	.richMedia-resize-handle-left::after {
+		content: ' ';
+		display: flex;
+		width: 3px;
+		height: 64px;
+
+		border-radius: 6px;
+	}
+
+	.${richMediaClassName}:hover .richMedia-resize-handle-left::after,
+	.${richMediaClassName}:hover .richMedia-resize-handle-right::after {
+		background: ${`var(--ds-border, ${N60})`};
+	}
+
+	.${akEditorSelectedNodeClassName} .richMedia-resize-handle-right::after,
+	.${akEditorSelectedNodeClassName} .richMedia-resize-handle-left::after,
+	.${richMediaClassName} .richMedia-resize-handle-right:hover::after,
+	.${richMediaClassName} .richMedia-resize-handle-left:hover::after,
+	.${richMediaClassName}.is-resizing .richMedia-resize-handle-right::after,
+	.${richMediaClassName}.is-resizing .richMedia-resize-handle-left::after {
+		background: ${`var(--ds-border-focused, ${B200})`};
+	}
+
+	.__resizable_base__ {
+		left: unset !important;
+		width: auto !important;
+		height: auto !important;
+	}
+
+	/* Danger when top level node for smart cards / inline links */
+	.danger > div > div > .media-card-frame,
+	.danger > span > a {
+		background-color: ${`var(--ds-background-danger, ${akEditorDeleteBackground})`};
+		box-shadow: 0px 0px 0px ${akEditorSelectedBorderBoldSize}px
+			${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
+		transition:
+			background-color 0s,
+			box-shadow 0s;
+	}
+	/* Danger when nested node or common */
+	.danger {
+		/* Media single */
+		.${richMediaClassName} .${fileCardImageViewSelector}::after {
+			border: 1px solid ${`var(--ds-border-danger, ${akEditorDeleteIconColor})`};
+		}
+		/* Media single video player */
+		.${richMediaClassName} .${inlinePlayerClassName}::after {
+			border: 1px solid ${`var(--ds-border-danger, ${akEditorDeleteIconColor})`};
+		}
+		/* New file experience */
+		.${richMediaClassName} .${newFileExperienceClassName} {
+			box-shadow: 0 0 0 1px ${`var(--ds-border-danger, ${akEditorDeleteIconColor})`} !important;
+		}
+		/* Media resize legacy handlers */
+		.richMedia-resize-handle-right::after,
+		.richMedia-resize-handle-left::after {
+			background: ${`var(--ds-icon-danger, ${akEditorDeleteIconColor})`} !important;
+		}
+		/* Media resize new handlers */
+		.resizer-handle-thumb {
+			background: ${`var(--ds-icon-danger, ${akEditorDeleteIconColor})`} !important;
+		}
+
+		/* Smart cards */
+		div div .media-card-frame,
+		.inlineCardView-content-wrap > span > a {
+			background-color: ${"var(--ds-blanket-danger, rgb(255, 189, 173, 0.5))"}; /* R75 with 50% opactiy */
+			transition: background-color 0s;
+		}
+
+		div div .media-card-frame::after {
+			box-shadow: none;
+		}
+	}
+
+	.warning {
+		/* Media single */
+		.${richMediaClassName} .${fileCardImageViewSelector}::after {
+			border: 1px solid ${`var(--ds-border-warning, ${Y500})`};
+		}
+
+		.${richMediaClassName} .${inlinePlayerClassName}::after {
+			border: 1px solid ${`var(--ds-border-warning, ${Y500})`};
+		}
+
+		.${richMediaClassName} .${newFileExperienceClassName} {
+			box-shadow: 0 0 0 1px ${`var(--ds-border-warning, ${Y500})`} !important;
+		}
+
+		.resizer-handle-thumb {
+			background: ${`var(--ds-icon-warning, ${Y500})`} !important;
+		}
+	}
 `;
 
 /* `left: unset` above is to work around Chrome bug where rendering a div with

package/dist/es2019/ui/ContentStyles/panel.js

@@ -3,41 +3,40 @@ import { PanelSharedCssClassName, panelSharedStyles } from '@atlaskit/editor-com
 import { akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation due to mixin usage
 export const panelStyles = () => css`
-  .ProseMirror {
-    .${PanelSharedCssClassName.prefix} {
-      cursor: pointer;
+	.ProseMirror {
+		.${PanelSharedCssClassName.prefix} {
+			cursor: pointer;
 
-      /* Danger when top level node */
-      &.danger {
-        box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px
-          ${akEditorDeleteBorder};
-        background-color: ${`var(--ds-background-danger, ${akEditorDeleteBackground})`} !important;
+			/* Danger when top level node */
+			&.danger {
+				box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px ${akEditorDeleteBorder};
+				background-color: ${`var(--ds-background-danger, ${akEditorDeleteBackground})`} !important;
 
-        .${PanelSharedCssClassName.icon} {
-          color: ${`var(--ds-icon-danger, ${akEditorDeleteIconColor})`} !important;
-        }
-      }
-    }
+				.${PanelSharedCssClassName.icon} {
+					color: ${`var(--ds-icon-danger, ${akEditorDeleteIconColor})`} !important;
+				}
+			}
+		}
 
-    .${PanelSharedCssClassName.content} {
-      cursor: text;
-    }
+		.${PanelSharedCssClassName.content} {
+			cursor: text;
+		}
 
-    /* Danger when nested node */
-    .danger .${PanelSharedCssClassName.prefix} {
-      &[data-panel-type] {
-        background-color: ${`var(--ds-blanket-danger, ${akEditorDeleteBackgroundWithOpacity})`};
+		/* Danger when nested node */
+		.danger .${PanelSharedCssClassName.prefix} {
+			&[data-panel-type] {
+				background-color: ${`var(--ds-blanket-danger, ${akEditorDeleteBackgroundWithOpacity})`};
 
-        .${PanelSharedCssClassName.icon} {
-          color: ${`var(--ds-icon-danger, ${akEditorDeleteIconColor})`};
-        }
-      }
-    }
+				.${PanelSharedCssClassName.icon} {
+					color: ${`var(--ds-icon-danger, ${akEditorDeleteIconColor})`};
+				}
+			}
+		}
 
-    ${panelSharedStyles()};
-  }
+		${panelSharedStyles()};
+	}
 
-  .${PanelSharedCssClassName.prefix}.${akEditorSelectedNodeClassName}:not(.danger) {
-    ${getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket])}
-  }
+	.${PanelSharedCssClassName.prefix}.${akEditorSelectedNodeClassName}:not(.danger) {
+		${getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket])}
+	}
 `;

package/dist/es2019/ui/ContentStyles/status.js

@@ -4,40 +4,38 @@ import { akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSele
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 export const statusStyles = css`
-  .${TableSharedCssClassName.TABLE_CELL_WRAPPER},
-    .${TableSharedCssClassName.TABLE_HEADER_CELL_WRAPPER},
-    [data-layout-section] {
-    .${StatusSharedCssClassName.STATUS_CONTAINER} {
-      max-width: 100%;
-      line-height: 0;
+	.${TableSharedCssClassName.TABLE_CELL_WRAPPER},
+		.${TableSharedCssClassName.TABLE_HEADER_CELL_WRAPPER},
+		[data-layout-section] {
+		.${StatusSharedCssClassName.STATUS_CONTAINER} {
+			max-width: 100%;
+			line-height: 0;
 
-      > span {
-        width: 100%;
-      }
-    }
-  }
-  .${StatusSharedCssClassName.STATUS_CONTAINER} {
-    > span {
-      cursor: pointer;
-      line-height: 0; /* Prevent responsive layouts increasing height of container. */
-    }
+			> span {
+				width: 100%;
+			}
+		}
+	}
+	.${StatusSharedCssClassName.STATUS_CONTAINER} {
+		> span {
+			cursor: pointer;
+			line-height: 0; /* Prevent responsive layouts increasing height of container. */
+		}
 
-    &.${akEditorSelectedNodeClassName}
-      .${StatusSharedCssClassName.STATUS_LOZENGE}
-      > span {
-      ${getSelectionStyles([SelectionStyle.BoxShadow])}
-    }
-  }
+		&.${akEditorSelectedNodeClassName} .${StatusSharedCssClassName.STATUS_LOZENGE} > span {
+			${getSelectionStyles([SelectionStyle.BoxShadow])}
+		}
+	}
 
-  .danger {
-    .${StatusSharedCssClassName.STATUS_LOZENGE} > span {
-      background-color: ${akEditorDeleteBackgroundWithOpacity};
-    }
+	.danger {
+		.${StatusSharedCssClassName.STATUS_LOZENGE} > span {
+			background-color: ${akEditorDeleteBackgroundWithOpacity};
+		}
 
-    .${StatusSharedCssClassName.STATUS_CONTAINER}.${akEditorSelectedNodeClassName}
-      .${StatusSharedCssClassName.STATUS_LOZENGE}
-      > span {
-      box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px ${akEditorDeleteBorder};
-    }
-  }
+		.${StatusSharedCssClassName.STATUS_CONTAINER}.${akEditorSelectedNodeClassName}
+			.${StatusSharedCssClassName.STATUS_LOZENGE}
+			> span {
+			box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px ${akEditorDeleteBorder};
+		}
+	}
 `;

package/dist/es2019/ui/ContentStyles/tasks-and-decisions.js

@@ -3,25 +3,24 @@ import { TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css -- Needs manual remediation due to `getSelectionStyles`
 export const taskDecisionStyles = css`
-  [data-decision-wrapper] {
-    cursor: pointer;
-  }
+	[data-decision-wrapper] {
+		cursor: pointer;
+	}
 
-  .${akEditorSelectedNodeClassName} > [data-decision-wrapper],
-  ol[data-node-type='decisionList'].${akEditorSelectedNodeClassName} {
-    border-radius: 4px;
-    ${getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket])}
-  }
+	.${akEditorSelectedNodeClassName} > [data-decision-wrapper],
+	ol[data-node-type='decisionList'].${akEditorSelectedNodeClassName} {
+		border-radius: 4px;
+		${getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket])}
+	}
 
-  .danger {
-    .${TaskDecisionSharedCssClassName.DECISION_CONTAINER}.${akEditorSelectedNodeClassName}
-      > div {
-      box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px
-        ${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
-      background-color: ${`var(--ds-blanket-danger, ${akEditorDeleteBackgroundWithOpacity})`};
-      &::after {
-        content: none; /* reset the Blanket selection style */
-      }
-    }
-  }
+	.danger {
+		.${TaskDecisionSharedCssClassName.DECISION_CONTAINER}.${akEditorSelectedNodeClassName} > div {
+			box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px
+				${`var(--ds-border-danger, ${akEditorDeleteBorder})`};
+			background-color: ${`var(--ds-blanket-danger, ${akEditorDeleteBackgroundWithOpacity})`};
+			&::after {
+				content: none; /* reset the Blanket selection style */
+			}
+		}
+	}
 `;

package/dist/es2019/utils/extensions.js

@@ -6,7 +6,7 @@ import { combineProviders } from '@atlaskit/editor-common/provider-helpers';
 /**
  * Utils to send analytics event when a extension is inserted using quickInsert
  */
-function sendExtensionQuickInsertAnalytics(item, createAnalyticsEvent) {
+function sendExtensionQuickInsertAnalytics(item, createAnalyticsEvent, source) {
   if (createAnalyticsEvent) {
     fireAnalyticsEvent(createAnalyticsEvent)({
       payload: {
@@ -17,7 +17,7 @@ function sendExtensionQuickInsertAnalytics(item, createAnalyticsEvent) {
           extensionType: item.extensionType,
           extensionKey: item.extensionKey,
           key: item.key,
-          inputMethod: INPUT_METHOD.QUICK_INSERT
+          inputMethod: source || INPUT_METHOD.QUICK_INSERT
         },
         eventType: EVENT_TYPE.TRACK
       }
@@ -42,17 +42,17 @@ export async function extensionProviderToQuickInsertProvider(extensionProvider,
           keywords: item.keywords,
           featured: item.featured,
           categories: item.categories,
-          action: insert => {
+          action: (insert, state, source) => {
             if (typeof item.node === 'function') {
               resolveImport(item.node()).then(node => {
-                sendExtensionQuickInsertAnalytics(item, createAnalyticsEvent);
+                sendExtensionQuickInsertAnalytics(item, createAnalyticsEvent, source);
                 if (node) {
                   editorActions.replaceSelection(node);
                 }
               });
               return insert('');
             } else {
-              sendExtensionQuickInsertAnalytics(item, createAnalyticsEvent);
+              sendExtensionQuickInsertAnalytics(item, createAnalyticsEvent, source);
               return insert(item.node);
             }
           }

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "193.24.0";
+export const version = "193.24.15";

package/dist/esm/ui/Appearance/Comment/Toolbar.js

@@ -13,11 +13,11 @@ var MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 490;
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 var mainToolbarWrapperStyle = function mainToolbarWrapperStyle() {
   var isTwoLineEditorToolbar = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  align-items: center;\n  padding: ", " ", " 0;\n  display: flex;\n  height: auto;\n  background-color: ", ";\n  box-shadow: none;\n  padding-left: ", ";\n\n  & > div {\n    > :first-child:not(style),\n    > style:first-child + * {\n      margin-left: 0;\n    }\n    ", "\n  }\n\n  .block-type-btn {\n    padding-left: 0;\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-surface, white)", "var(--ds-space-250, 20px)", isTwoLineEditorToolbar && "\n        @media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n          flex-direction: column-reverse;\n          align-items: end;\n          display: flex;\n          justify-content: flex-end;\n        }\n\n        //make this more explicit for a toolbar\n        > *:nth-child(1) {\n          @media (max-width: ").concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n            > div:nth-child(2) {\n              justify-content: flex-end;\n              display: flex;\n            }\n          }\n        }\n    "));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: relative;\n\talign-items: center;\n\tpadding: ", " ", " 0;\n\tdisplay: flex;\n\theight: auto;\n\tbackground-color: ", ";\n\tbox-shadow: none;\n\tpadding-left: ", ";\n\n\t& > div {\n\t\t> :first-child:not(style),\n\t\t> style:first-child + * {\n\t\t\tmargin-left: 0;\n\t\t}\n\t\t", "\n\t}\n\n\t.block-type-btn {\n\t\tpadding-left: 0;\n\t}\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-surface, white)", "var(--ds-space-250, 20px)", isTwoLineEditorToolbar && "\n        @media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n          flex-direction: column-reverse;\n          align-items: end;\n          display: flex;\n          justify-content: flex-end;\n        }\n\n        //make this more explicit for a toolbar\n        > *:nth-child(1) {\n          @media (max-width: ").concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n            > div:nth-child(2) {\n              justify-content: flex-end;\n              display: flex;\n            }\n          }\n        }\n    "));
 };
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
-var stickyToolbarWrapperStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  /* stylelint-disable declaration-block-no-duplicate-properties */\n  position: relative;\n  position: sticky;\n  /* stylelint-enable declaration-block-no-duplicate-properties */\n  padding-bottom: ", ";\n  z-index: ", ";\n  transition: box-shadow ease-in-out 0.2s;\n  &.show-keyline {\n    box-shadow: 0 ", "px 0 0\n      ", ";\n  }\n"])), "var(--ds-space-100, 8px)", akEditorMenuZIndex, akEditorToolbarKeylineHeight, "var(--ds-background-accent-gray-subtlest, #F1F2F4)");
+var stickyToolbarWrapperStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t/* stylelint-disable declaration-block-no-duplicate-properties */\n\tposition: relative;\n\tposition: sticky;\n\t/* stylelint-enable declaration-block-no-duplicate-properties */\n\tpadding-bottom: ", ";\n\tz-index: ", ";\n\ttransition: box-shadow ease-in-out 0.2s;\n\t&.show-keyline {\n\t\tbox-shadow: 0 ", "px 0 0\n\t\t\t", ";\n\t}\n"])), "var(--ds-space-100, 8px)", akEditorMenuZIndex, akEditorToolbarKeylineHeight, "var(--ds-background-accent-gray-subtlest, #F1F2F4)");
 var StickyToolbar = function StickyToolbar(props) {
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -104,6 +104,6 @@ export var MainToolbar = function MainToolbar(_ref) {
 export var mainToolbarCustomComponentsSlotStyle = function mainToolbarCustomComponentsSlotStyle() {
   var isTwoLineEditorToolbar = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   return (// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
-    css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    flex-grow: 1;\n    padding-right: ", ";\n    > div {\n      display: flex;\n      flex-shrink: 0;\n    }\n    ", "\n  "])), "var(--ds-space-250, 20px)", isTwoLineEditorToolbar && "\n    @media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n      {\n        padding-right: 0;\n      }\n    }\n  "))
+    css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t\talign-items: center;\n\t\tflex-grow: 1;\n\t\tpadding-right: ", ";\n\t\t> div {\n\t\t\tdisplay: flex;\n\t\t\tflex-shrink: 0;\n\t\t}\n\t\t", "\n\t"])), "var(--ds-space-250, 20px)", isTwoLineEditorToolbar && "\n    @media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px) {\n      {\n        padding-right: 0;\n      }\n    }\n  "))
   );
 };

package/dist/esm/ui/AppearanceComponents/Mobile.js

@@ -53,11 +53,11 @@ export var MobileAppearance = /*#__PURE__*/forwardRef(function MobileAppearance(
       var keyboardHeight = (_basePluginState$keyb = basePluginState === null || basePluginState === void 0 ? void 0 : basePluginState.keyboardHeight) !== null && _basePluginState$keyb !== void 0 ? _basePluginState$keyb : -1;
 
       /*
-        We calculate the min-height based on the windowHeight - keyboardHeight - paddingTop.
-        This is needed due to scrolling issues when there is no content to scroll (like, only having 1 paragraph),
-        but if the clickable area is bigger than the windowHeight - keyboard (including toolbar) then the view
-        is scrolled nevertheless, and it gives the sensation that the content was lost.
-      */
+           We calculate the min-height based on the windowHeight - keyboardHeight - paddingTop.
+           This is needed due to scrolling issues when there is no content to scroll (like, only having 1 paragraph),
+           but if the clickable area is bigger than the windowHeight - keyboard (including toolbar) then the view
+           is scrolled nevertheless, and it gives the sensation that the content was lost.
+         */
 
       if (!persistScrollGutter) {
         // in iOS Hybrid Editor windowHeight doesn't exclude keyboardHeight