@atlaskit/editor-common 63.0.0 → 65.0.0

package/dist/es2019/i18n/en_ZZ.js

@@ -0,0 +1,19 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
+export default {
+  'fabric.editor.captionPlaceholder': '⁣⁢Add a caption؜‌‍‌‌‌‌‍⁠‍⁣⁤',
+  'fabric.editor.codeBidiWarningLabel': '⁣⁢Bidirectional characters change the order that text is rendered. This could be used to obscure malicious code.‌⁡؜‍⁠⁠‌؜‌⁣⁤',
+  'fabric.editor.collapseNode': '⁣⁢Collapse content‍⁡‌⁠؜‍‍‌؜⁠‌⁡‍⁡‌⁣⁤',
+  'fabric.editor.expandDefaultTitle': '⁣⁢Click here to expand...‍؜‍⁡‍‍؜⁡⁠‌⁡؜⁣⁤',
+  'fabric.editor.expandNode': '⁣⁢Expand content⁡⁠⁠؜‍⁠؜‍‌؜؜⁡⁣⁤',
+  'fabric.editor.expandPlaceholder': '⁣⁢Give this expand a title...؜⁠⁡‍؜؜؜⁡⁣⁤',
+  'fabric.editor.openLink': '⁣⁢Open link in a new tab⁠⁡⁡‌‍‌⁠‌‌⁡⁡⁣⁤',
+  'fabric.editor.unsupportedBlockContent': '⁣⁢This editor does not support displaying this content؜‍؜⁡‍؜‌؜⁡⁣⁤',
+  'fabric.editor.unsupportedContentTooltip': '⁣⁢Content is not available in this editor, this will be preserved when you edit and save⁠‌‌؜‍‌‌⁡؜‍⁠‍⁡⁣⁤',
+  'fabric.editor.unsupportedInlineContent': '⁣⁢Unsupported content⁠‍⁡؜⁠⁠⁣⁤'
+};

package/dist/es2019/i18n/es.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Spanish
+//Spanish (International)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Los caracteres bidireccionales cambian el orden de renderización del texto. Esto podría utilizarse para ocultar código malicioso.',
   'fabric.editor.captionPlaceholder': 'Añadir un subtítulo',
+  'fabric.editor.codeBidiWarningLabel': 'Los caracteres bidireccionales cambian el orden de renderización del texto. Esto podría utilizarse para ocultar código malicioso.',
   'fabric.editor.collapseNode': 'contraer contenido',
   'fabric.editor.expandDefaultTitle': 'Haz clic aquí para ampliar...',
   'fabric.editor.expandNode': 'Ampliar contenido',

package/dist/es2019/i18n/fi.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Finnish
+//Finnish
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Kaksisuuntaiset merkit muuttavat tekstin renderöintijärjestystä. Tätä voidaan hyödyntää haitallisen koodin peittämisessä.',
   'fabric.editor.captionPlaceholder': 'Lisää kuvateksti',
+  'fabric.editor.codeBidiWarningLabel': 'Kaksisuuntaiset merkit muuttavat tekstin renderöintijärjestystä. Tätä voidaan hyödyntää haitallisen koodin peittämisessä.',
   'fabric.editor.collapseNode': 'piilota sisältö',
   'fabric.editor.expandDefaultTitle': 'Klikkaa tähän laajentaaksesi...',
   'fabric.editor.expandNode': 'Laajenna sisältöä',

package/dist/es2019/i18n/fr.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// French
+//French (France)
 export default {
-  'fabric.editor.codeBidiWarningLabel': "Les caractères bidirectionnels changent l'ordre de rendu du texte. Ils peuvent être utilisés pour masquer du code malveillant.",
   'fabric.editor.captionPlaceholder': 'Ajouter une légende',
+  'fabric.editor.codeBidiWarningLabel': "Les caractères bidirectionnels changent l'ordre de rendu du texte. Ils peuvent être utilisés pour masquer du code malveillant.",
   'fabric.editor.collapseNode': 'Réduire le contenu',
   'fabric.editor.expandDefaultTitle': 'Cliquez ici pour développer...',
   'fabric.editor.expandNode': 'Développer le contenu',

package/dist/es2019/i18n/hu.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Hungarian
+//Hungarian
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'A kétirányú karakterek megváltoztatják a szöveg renderelési sorrendjét. Ez felhasználható rosszindulatú kód elfedésére.',
   'fabric.editor.captionPlaceholder': 'Képaláírás hozzáadása',
+  'fabric.editor.codeBidiWarningLabel': 'A kétirányú karakterek megváltoztatják a szöveg renderelési sorrendjét. Ez felhasználható rosszindulatú kód elfedésére.',
   'fabric.editor.collapseNode': 'tartalom összecsukása',
   'fabric.editor.expandDefaultTitle': 'Kattints ide a kibontáshoz…',
   'fabric.editor.expandNode': 'Tartalom kibontása',

package/dist/es2019/i18n/it.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Italian
+//Italian (Italy)
 export default {
-  'fabric.editor.codeBidiWarningLabel': "I caratteri bidirezionali modificano l'ordine in cui è visualizzato il testo. Possono essere utilizzati per nascondere un codice dannoso.",
   'fabric.editor.captionPlaceholder': 'Aggiungi didascalia',
+  'fabric.editor.codeBidiWarningLabel': "I caratteri bidirezionali modificano l'ordine in cui è visualizzato il testo. Possono essere utilizzati per nascondere un codice dannoso.",
   'fabric.editor.collapseNode': 'Comprimi contenuto',
   'fabric.editor.expandDefaultTitle': 'Clicca qui per espandere...',
   'fabric.editor.expandNode': 'Espandi contenuto',

package/dist/es2019/i18n/ja.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Japanese
+//Japanese
 export default {
-  'fabric.editor.codeBidiWarningLabel': '双方向文字はテキストのレンダリング順序を変更します。このため、悪意あるコードを隠すために使用される場合があります。',
   'fabric.editor.captionPlaceholder': 'キャプションを追加',
+  'fabric.editor.codeBidiWarningLabel': '双方向文字はテキストのレンダリング順序を変更します。このため、悪意のあるコードを隠すために使用される場合があります。',
   'fabric.editor.collapseNode': 'コンテンツを折りたたむ',
   'fabric.editor.expandDefaultTitle': 'こちらをクリックして展開…',
   'fabric.editor.expandNode': 'コンテンツを展開',

package/dist/es2019/i18n/ko.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Korean
+//Korean
 export default {
-  'fabric.editor.codeBidiWarningLabel': '양방향 문자가 텍스트가 렌더링되는 순서를 변경합니다. 악성 코드를 가리는 데 사용할 수 있습니다.',
   'fabric.editor.captionPlaceholder': '캡션 추가',
+  'fabric.editor.codeBidiWarningLabel': '양방향 문자가 텍스트가 렌더링되는 순서를 변경합니다. 악성 코드를 가리는 데 사용할 수 있습니다.',
   'fabric.editor.collapseNode': '콘텐츠 접기',
   'fabric.editor.expandDefaultTitle': '여기를 클릭하여 펼치기...',
   'fabric.editor.expandNode': '콘텐츠 펼치기',

package/dist/es2019/i18n/nb.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Norwegian Bokmål
+//Norwegian (Bokmål)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Toveistegn endrer rekkefølgen som tekst vises i. Dette kan brukes til å skjule skadelig kode.',
   'fabric.editor.captionPlaceholder': 'Legg til bildetekst',
+  'fabric.editor.codeBidiWarningLabel': 'Toveistegn endrer rekkefølgen som tekst vises i. Dette kan brukes til å skjule skadelig kode.',
   'fabric.editor.collapseNode': 'Minimer innhold',
   'fabric.editor.expandDefaultTitle': 'Klikk her for å utvide …',
   'fabric.editor.expandNode': 'Utvid innhold',

package/dist/es2019/i18n/nl.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Dutch
+//Dutch (Netherlands)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Bidirectionele tekens wijzigen de volgorde waarin de tekst wordt weergegeven. Dit kan worden gebruikt om schadelijke code te verdoezelen.',
   'fabric.editor.captionPlaceholder': 'Bijschrift toevoegen',
+  'fabric.editor.codeBidiWarningLabel': 'Bidirectionele tekens wijzigen de volgorde waarin de tekst wordt weergegeven. Dit kan worden gebruikt om schadelijke code te verdoezelen.',
   'fabric.editor.collapseNode': 'Content inklappen',
   'fabric.editor.expandDefaultTitle': 'Klik hier om uit te breiden...',
   'fabric.editor.expandNode': 'Content uitbreiden',

package/dist/es2019/i18n/pl.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Polish
+//Polish (Poland)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Znaki dwukierunkowe zmieniają kolejność, w jakiej tekst jest renderowany. Może to zostać wykorzystane do ukrycia złośliwego kodu.',
   'fabric.editor.captionPlaceholder': 'Dodaj podpis',
+  'fabric.editor.codeBidiWarningLabel': 'Znaki dwukierunkowe zmieniają kolejność, w jakiej tekst jest renderowany. Może to zostać wykorzystane do ukrycia złośliwego kodu.',
   'fabric.editor.collapseNode': 'Zwiń zawartość',
   'fabric.editor.expandDefaultTitle': 'Kliknij tutaj, aby rozwinąć...',
   'fabric.editor.expandNode': 'Rozwiń zawartość',

package/dist/es2019/i18n/pt_BR.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Portuguese (Brazil)
+//Portuguese (Brazil)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Caracteres bidirecionais alteram a ordem em que o texto é renderizado. Eles podem ser usados para ocultar códigos mal-intencionados.',
   'fabric.editor.captionPlaceholder': 'Adicionar legenda',
+  'fabric.editor.codeBidiWarningLabel': 'Caracteres bidirecionais alteram a ordem em que o texto é renderizado. Eles podem ser usados para ocultar códigos mal-intencionados.',
   'fabric.editor.collapseNode': 'Recolher conteúdo',
   'fabric.editor.expandDefaultTitle': 'Clique aqui para expandir...',
   'fabric.editor.expandNode': 'Expandir conteúdo',

package/dist/es2019/i18n/ru.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Russian
+//Russian
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Двунаправленные символы изменяют порядок отображения текста. Они могут использоваться для маскировки вредоносного кода.',
   'fabric.editor.captionPlaceholder': 'Добавьте подпись',
+  'fabric.editor.codeBidiWarningLabel': 'Двунаправленные символы изменяют порядок отображения текста. Они могут использоваться для маскировки вредоносного кода.',
   'fabric.editor.collapseNode': 'Свернуть содержимое',
   'fabric.editor.expandDefaultTitle': 'Нажмите здесь, чтобы развернуть…',
   'fabric.editor.expandNode': 'Разверните содержимое',

package/dist/es2019/i18n/sv.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Swedish
+//Swedish
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Dubbelriktade tecken ändrar återgivningsordningen för text. Detta kan användas för att dölja skadlig kod.',
   'fabric.editor.captionPlaceholder': 'Lägg till en bildtext',
+  'fabric.editor.codeBidiWarningLabel': 'Dubbelriktade tecken ändrar återgivningsordningen för text. Detta kan användas för att dölja skadlig kod.',
   'fabric.editor.collapseNode': 'komprimera innehåll',
   'fabric.editor.expandDefaultTitle': 'Klicka här för att expandera ...',
   'fabric.editor.expandNode': 'Expandera innehåll',

package/dist/es2019/i18n/th.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Thai
+//Thai (Thailand)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'ตัวอักษรแบบสองทิศทางเปลี่ยนลำดับการแสดงข้อความ ซึ่งอาจนำไปใช้เพื่อปิดบังรหัสที่มีวัตถุประสงค์ในทางที่ไม่ดีได้',
   'fabric.editor.captionPlaceholder': 'เพิ่มคำอธิบาย',
+  'fabric.editor.codeBidiWarningLabel': 'ตัวอักษรแบบสองทิศทางเปลี่ยนลำดับการแสดงข้อความ ซึ่งอาจนำไปใช้เพื่อปิดบังรหัสที่มีวัตถุประสงค์ในทางที่ไม่ดีได้',
   'fabric.editor.collapseNode': 'ย่อเนื้อหา',
   'fabric.editor.expandDefaultTitle': 'คลิกที่นี่เพื่อขยาย...',
   'fabric.editor.expandNode': 'ขยายเนื้อหา',

package/dist/es2019/i18n/tr.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Turkish
+//Turkish (Turkey)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Çift yönlü karakterler metnin oluşturulduğu sırayı değiştirir. Bu, kötü amaçlı kodu gizlemek için kullanılabilir.',
   'fabric.editor.captionPlaceholder': 'Açıklama yazısı ekleyin',
+  'fabric.editor.codeBidiWarningLabel': 'Çift yönlü karakterler metnin oluşturulduğu sırayı değiştirir. Bu, kötü amaçlı kodu gizlemek için kullanılabilir.',
   'fabric.editor.collapseNode': 'içeriği daraltın',
   'fabric.editor.expandDefaultTitle': 'Genişletmek için buraya tıklayın...',
   'fabric.editor.expandNode': 'İçeriği genişletin',

package/dist/es2019/i18n/uk.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Ukrainian
+//Ukrainian (Ukraine)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Двонаправлені символи змінюють порядок відображення тексту. Такий спосіб може використовуватися, щоб приховати зловмисний код.',
   'fabric.editor.captionPlaceholder': 'Додати підпис',
+  'fabric.editor.codeBidiWarningLabel': 'Двонаправлені символи змінюють порядок відображення тексту. Такий спосіб може використовуватися, щоб приховати зловмисний код.',
   'fabric.editor.collapseNode': 'Згорніть вміст',
   'fabric.editor.expandDefaultTitle': 'Натисніть, щоб розгорнути…',
   'fabric.editor.expandNode': 'Розгорніть вміст',

package/dist/es2019/i18n/vi.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Vietnamese
+//Vietnamese (Vietnam)
 export default {
-  'fabric.editor.codeBidiWarningLabel': 'Ký tự hai chiều thay đổi thứ tự kết xuất văn bản. Điều này có thể được dùng để che giấu mã độc hại.',
   'fabric.editor.captionPlaceholder': 'Thêm chú thích',
+  'fabric.editor.codeBidiWarningLabel': 'Ký tự hai chiều thay đổi thứ tự kết xuất văn bản. Điều này có thể được dùng để che giấu mã độc hại.',
   'fabric.editor.collapseNode': 'thu gọn nội dung',
   'fabric.editor.expandDefaultTitle': 'Nhấp vào đây để mở rộng...',
   'fabric.editor.expandNode': 'Mở rộng nội dung',

package/dist/es2019/i18n/zh.js

@@ -1,12 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
+//Chinese (Simplified)
 export default {
-  'fabric.editor.codeBidiWarningLabel': '双向字符会更改文本的呈现顺序。这可能被用于掩盖恶意代码。',
   'fabric.editor.captionPlaceholder': '添加标题',
+  'fabric.editor.codeBidiWarningLabel': '双向字符会更改文本的呈现顺序。这可能被用于掩盖恶意代码。',
   'fabric.editor.collapseNode': '收起内容',
   'fabric.editor.expandDefaultTitle': '点击此处展开...',
   'fabric.editor.expandNode': '展开内容',

package/dist/es2019/i18n/zh_TW.js

@@ -1,13 +1,13 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// undefined
+//Chinese (Traditional)
 export default {
-  'fabric.editor.codeBidiWarningLabel': '雙向字元會變更文字呈現的順序。這可用來將惡意程式碼模糊化。',
   'fabric.editor.captionPlaceholder': '新增標題',
+  'fabric.editor.codeBidiWarningLabel': '雙向字元會變更文字呈現的順序。這可用來將惡意程式碼模糊化。',
   'fabric.editor.collapseNode': '摺疊內容',
   'fabric.editor.expandDefaultTitle': '按一下此處以展開...',
   'fabric.editor.expandNode': '展開內容',

package/dist/es2019/index.js

@@ -1,7 +1,2 @@
-// new child entry point ./utils/index.ts
-// temporarily keep for confluence
-export { ProviderFactory, WithProviders } from './provider-factory'; // temporarily keep for confluence
-
-export { WidthConsumer, // temporarily keep for confluence
-WidthProvider // temporarily keep for confluence
-} from './ui';
+// DO NOT EMPORT ANYTHING FROM THIS FILE. USE CHILD ENTRY POINTS.
+export {};

package/dist/es2019/safe-plugin/index.js

@@ -0,0 +1,10 @@
+import { Plugin } from 'prosemirror-state';
+export class SafePlugin extends Plugin {
+  // This variable isn't (and shouldn't) be used anywhere. Its purpose is
+  // to distinguish Plugin from SafePlugin, thus ensuring that an 'unsafe'
+  // Plugin cannot be assigned as an item in EditorPlugin → pmPlugins.
+  constructor(spec) {
+    super(spec);
+  }
+
+}

package/dist/es2019/styles/index.js

@@ -9,7 +9,6 @@ export { getPanelTypeBackground, darkPanelColors, getPanelDarkColor, panelShared
 export { ruleSharedStyles } from './shared/rule';
 export { whitespaceSharedStyles } from './shared/whitespace';
 export { paragraphSharedStyles } from './shared/paragraph';
-export { inlineNodeSharedStyle } from './shared/inline-nodes';
 export { linkSharedStyle } from './shared/link';
 export { listsSharedStyles } from './shared/lists';
 export { indentationSharedStyles } from './shared/indentation';

package/dist/es2019/styles/shared/annotation.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { N60A, Y300, Y75 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 export const annotationPrefix = 'ak-editor-annotation';
@@ -13,16 +13,16 @@ const Y75a = 'rgba(255, 240, 179, 0.5)';
 const Y200a = 'rgba(255, 196, 0, 0.82)';
 const DY75a = 'rgba(111, 92, 37, 0.5)';
 const DY200 = '#82641c';
-export const AnnotationSharedCSSByState = {
+export const AnnotationSharedCSSByState = props => ({
   focus: css`
     background: ${themed({
     light: Y75,
     dark: DY75
-  })};
+  })(props)};
     border-bottom: 2px solid ${themed({
     light: Y300,
     dark: DY300
-  })};
+  })(props)};
     box-shadow: 1px 2px 3px ${N60A}, -1px 2px 3px ${N60A};
     cursor: pointer;
   `,
@@ -30,27 +30,27 @@ export const AnnotationSharedCSSByState = {
     background: ${themed({
     light: Y75a,
     dark: DY75a
-  })};
+  })(props)};
     border-bottom: 2px solid ${themed({
     light: Y200a,
     dark: DY200
-  })};
+  })(props)};
     cursor: pointer;
   `
-};
-export const annotationSharedStyles = css`
+});
+export const annotationSharedStyles = props => css`
   .ProseMirror {
     .${AnnotationSharedClassNames.focus} {
-      ${AnnotationSharedCSSByState.focus};
+      ${AnnotationSharedCSSByState(props).focus};
     }
 
     .${AnnotationSharedClassNames.draft} {
-      ${AnnotationSharedCSSByState.focus};
+      ${AnnotationSharedCSSByState(props).focus};
       cursor: initial;
     }
 
     .${AnnotationSharedClassNames.blur} {
-      ${AnnotationSharedCSSByState.blur};
+      ${AnnotationSharedCSSByState(props).blur};
     }
   }
 `;

package/dist/es2019/styles/shared/block-marks.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 export const blockMarksSharedStyles = css`
   /**
    * We need to remove margin-top from first item
@@ -13,7 +13,8 @@ export const blockMarksSharedStyles = css`
     h3,
     h4,
     h5,
-    h6 {
+    h6,
+    .heading-wrapper {
       &:first-child {
         margin-top: 0;
       }

package/dist/es2019/styles/shared/blockquote.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { akEditorBlockquoteBorderColor, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { gridSize } from '@atlaskit/theme/constants';
 export const blockquoteSharedStyles = css`

package/dist/es2019/styles/shared/code-mark.js

@@ -1,13 +1,16 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { getCodeStyles } from '@atlaskit/code/inline';
 import { DN70, N30A } from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
-export const codeMarkSharedStyles = css`
-  .code {
-    --ds--code--bg-color: ${themed({
-  light: N30A,
-  dark: DN70
-})};
-    ${getCodeStyles}
-  }
-`;
+import { getTheme, themed } from '@atlaskit/theme/components';
+export const codeMarkSharedStyles = props => {
+  const theme = getTheme(props);
+  return css`
+    .code {
+      --ds--code--bg-color: ${themed({
+    light: N30A,
+    dark: DN70
+  })(props)};
+      ${getCodeStyles(theme)}
+    }
+  `;
+};

package/dist/es2019/styles/shared/column-layout.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
 const columnLayoutSharedStyle = css`
   [data-layout-section] {

package/dist/es2019/styles/shared/date.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 export const DateSharedCssClassName = {
   DATE_WRAPPER: `date-lozenger-container`,
   DATE_CONTAINER: 'dateView-content-wrap'

package/dist/es2019/styles/shared/headings.js

@@ -1,39 +1,39 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { h100, h300, h400, h500, h600, h700 } from '@atlaskit/theme/typography'; // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
 // text sizing prototype: http://proto/fabricrender/
 
-export const headingsSharedStyles = css`
+export const headingsSharedStyles = props => css`
   & h1 {
-    ${h700};
+    ${h700(props)};
     margin-bottom: 0;
     margin-top: 1.667em;
   }
 
   & h2 {
-    ${h600};
+    ${h600(props)};
     margin-top: 1.8em;
     margin-bottom: 0;
   }
 
   & h3 {
-    ${h500};
+    ${h500(props)};
     margin-top: 2em;
     margin-bottom: 0;
   }
 
   & h4 {
-    ${h400};
+    ${h400(props)};
     margin-top: 1.357em;
   }
 
   & h5 {
-    ${h300};
+    ${h300(props)};
     margin-top: 1.667em;
     text-transform: none;
   }
 
   & h6 {
-    ${h100};
+    ${h100(props)};
     margin-top: 1.455em;
     text-transform: none;
   }

package/dist/es2019/styles/shared/indentation.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 export const indentationSharedStyles = css`
   .fabric-editor-indentation-mark {
     &[data-level='1'] {

package/dist/es2019/styles/shared/lists.js

@@ -1,5 +1,6 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { bulletListSelector, orderedListSelector } from '@atlaskit/adf-schema';
+import browser from '../../utils/browser';
 export const listsSharedStyles = css`
   /* =============== INDENTATION SPACING ========= */
 
@@ -7,6 +8,21 @@ export const listsSharedStyles = css`
   ol {
     box-sizing: border-box;
     padding-left: 24px;
+
+    /*
+    Firefox does not handle empty block element inside li tag.
+    If there is not block element inside li tag,
+      then firefox sets inherited height to li
+    However, if there is any block element and if it's empty
+      (or has empty inline element) then
+    firefox sets li tag height to zero.
+    More details at
+    https://product-fabric.atlassian.net/wiki/spaces/~455502413/pages/3149365890/ED-14110+Investigation
+    */
+    li p:empty,
+    li p > span:empty {
+      ${browser.gecko ? 'display: inline-block;' : ''}
+    }
   }
 
   ${orderedListSelector}, ${bulletListSelector} {

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

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 const richMediaClassName = 'rich-media-item';
 const wrappedMediaBreakoutPoint = 410;
 const mediaSingleSharedStyle = css`

package/dist/es2019/styles/shared/paragraph.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { akEditorLineHeight, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles'; // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
 
 export const paragraphSharedStyles = css`

package/dist/es2019/styles/shared/shadow.js

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { akEditorShadowZIndex } from '@atlaskit/editor-shared-styles';
 import { N40A } from '@atlaskit/theme/colors';
 import { shadowClassNames } from '../../ui/OverflowShadow';