@atlaskit/editor-core 205.2.1 → 205.2.3

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-core
 
+## 205.2.3
+
+### Patch Changes
+
+- [#139158](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/139158)
+  [`e535a2a6ac9ea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e535a2a6ac9ea) -
+  [ux] [A11Y-10038] Announce status popup when it opens and let users know how to access the popup
+- Updated dependencies
+
+## 205.2.2
+
+### Patch Changes
+
+- [#135686](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/135686)
+  [`fad3e236fffd3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fad3e236fffd3) -
+  migrate decision item node to vanillajs
+- Updated dependencies
+
 ## 205.2.1
 
 ### Patch Changes

package/dist/cjs/i18n/sk.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -12,163 +13,6 @@ exports.default = void 0;
  */
 //Slovak
 var _default = exports.default = {
-  'fabric.editor.action': 'Položka akcie',
-  'fabric.editor.action.description': 'Vytvoriť a priradiť akčné položky',
-  'fabric.editor.addAltText': 'Alternatívny text',
-  'fabric.editor.alignImageCenter': 'Zarovnať do stredu',
-  'fabric.editor.alignImageLeft': 'Zarovnať vľavo',
-  'fabric.editor.alignImageRight': 'Zarovnať vpravo',
-  'fabric.editor.altText': 'Všetok text',
-  'fabric.editor.alttext.validation': 'Vymažte z alternatívneho textu všetky špeciálne znaky.',
-  'fabric.editor.annotate': 'Komentovať',
-  'fabric.editor.annotationToolbar': 'Panel s nástrojmi poznámok',
-  'fabric.editor.backLink': 'Vrátiť sa',
-  'fabric.editor.blockCardUnavailable': 'Vnorené prepojenie je v uzle {node} a jeho zobrazenie nemožno zmeniť',
-  'fabric.editor.blockquote.description': 'Vložiť citát alebo citáciu',
-  'fabric.editor.bold': 'Hrubé',
-  'fabric.editor.cancelButton': 'Zrušiť',
-  'fabric.editor.cardFloatingControls': 'Možnosti karty',
-  'fabric.editor.cellBackground': 'Pozadie buniek',
-  'fabric.editor.cellOptions': 'Možnosti bunky',
-  'fabric.editor.clearAltTextEdit': 'Vymazať alternatívny text',
-  'fabric.editor.clearCells': '{0, plural, one {Vymazať bunku} few {Vymazať bunky} many {Vymazať bunky} other {Vymazať bunky}}',
-  'fabric.editor.clearFormatting': 'Vymazať formátovanie',
-  'fabric.editor.clearLink': 'Vymazať prepojenie',
-  'fabric.editor.clearLinkText': 'Vymazať text',
-  'fabric.editor.closeAltTextEdit': 'Späť',
-  'fabric.editor.closeFindReplaceDialog': 'Zatvoriť',
-  'fabric.editor.closeHelpDialog': 'Zavrieť dialógové okno pomocníka',
-  'fabric.editor.code': 'Kód',
-  'fabric.editor.codeblock': 'Zlomok kódu',
-  'fabric.editor.codeblock.description': 'Zobraziť kód so zvýraznenou syntaxou',
-  'fabric.editor.columns': 'Rozloženia',
-  'fabric.editor.columns.description': 'Rozdeľte stránku pomocou sekcií',
-  'fabric.editor.configPanel.cancel': 'Zrušiť',
-  'fabric.editor.configPanel.fieldTypeError.isMultipleAndRadio': '„IsMultiple“ a „style: radio“ nie je možné kombinovať',
-  'fabric.editor.configPanel.formType.addField': 'Pridať pole',
-  'fabric.editor.configPanel.formType.removeField': 'Odstrániť pole',
-  'fabric.editor.configPanel.required': 'Povinné pole',
-  'fabric.editor.configPanel.submit': 'Odoslať',
-  'fabric.editor.date': 'Dátum',
-  'fabric.editor.date.description': 'Pridajte dátum pomocou kalendára',
-  'fabric.editor.decision': 'Rozhodnutie',
-  'fabric.editor.decision.description': 'Zaznamenajte rozhodnutia, aby sa mohli jednoducho sledovať',
-  'fabric.editor.decisionPlaceholder': 'Pridať rozhodnutie...',
-  'fabric.editor.displayInline': 'Zobraziť vo vnútri',
-  'fabric.editor.displayLink': 'Zobraziť ako text',
-  'fabric.editor.displayText': 'Text na zobrazenie',
-  'fabric.editor.edit': 'Upraviť',
-  'fabric.editor.editAltText': 'Upraviť alternatívny text',
-  'fabric.editor.editLink': 'Upraviť prepojenie',
-  'fabric.editor.editMode.inviteToEditButton.title': 'Pozvať na úpravu',
-  'fabric.editor.editorHelp': 'Pomoc editora',
-  'fabric.editor.emoji': 'Zábavný obrázok',
-  'fabric.editor.emoji.description': 'Použite emotikony na vyjadrenie nápadov 🎉 a emócií 😄',
-  'fabric.editor.error': 'Chyba',
-  'fabric.editor.errorPanel': 'Panel chýb',
-  'fabric.editor.errorPanel.description': 'Vyvolanie chýb vo farebnom paneli',
-  'fabric.editor.expand': 'Rozšírenie',
-  'fabric.editor.expand.description': 'Vložiť rozšírenie',
-  'fabric.editor.feedbackDialog': 'Poskytnúť spätnú väzbu',
-  'fabric.editor.feedbackDialog.description': 'Povedzte nám o svojej skúsenosti s používaním nového editora',
-  'fabric.editor.filesAndImages': 'Súbory a obrázky',
-  'fabric.editor.filesAndImages.description': 'Pridajte obrázky a ďalšie súbory na stránku',
-  'fabric.editor.find': 'Nájsť',
-  'fabric.editor.findNext': 'Nájsť ďalší',
-  'fabric.editor.findPrevious': 'Nájsť predchádzajúci',
-  'fabric.editor.findReplaceToolbarButton': 'Nájsť a nahradiť',
-  'fabric.editor.headerColumn': 'Stĺpec záhlavia',
-  'fabric.editor.headerRow': 'Riadok záhlavia',
-  'fabric.editor.heading1': 'Nadpis 1',
-  'fabric.editor.heading1Description': 'Použiť pre nadpis najvyššej úrovne',
-  'fabric.editor.heading2': 'Nadpis 2',
-  'fabric.editor.heading2Description': 'Použiť pre kľúčové časti',
-  'fabric.editor.heading3': 'Nadpis 3',
-  'fabric.editor.heading3Description': 'Použiť pre podriadené časti a nadpisy skupín',
-  'fabric.editor.heading4': 'Nadpis 4',
-  'fabric.editor.heading4Description': 'Použiť pre podnadpisy',
-  'fabric.editor.heading5': 'Nadpis 5',
-  'fabric.editor.heading5Description': 'Použiť pre zoskupenie položiek zoznamu',
-  'fabric.editor.heading6': 'Nadpis 6',
-  'fabric.editor.heading6Description': 'Použiť pre nadpisy nízkej úrovne',
-  'fabric.editor.help': 'Pomocník',
-  'fabric.editor.help.description': 'Preskúmať klávesové skratky a možnosti značenia',
-  'fabric.editor.helpDialogTips': 'Stlačením tlačidla {keyMap} rýchlo kedykoľvek otvorte tento dialóg',
-  'fabric.editor.horizontalRule': 'Rozdeľovač',
-  'fabric.editor.horizontalRule.description': 'Oddeľte obsah vodorovnou čiarou',
-  'fabric.editor.image': 'Obrázok',
-  'fabric.editor.info': 'Informácie',
-  'fabric.editor.infoPanel': 'Informačný panel',
-  'fabric.editor.infoPanel.description': 'Zvýrazniť informácie vo farebnom paneli',
-  'fabric.editor.insertMenu': 'Vložiť',
-  'fabric.editor.italic': 'Kurzíva',
-  'fabric.editor.keyboardShortcuts': 'Klávesové skratky',
-  'fabric.editor.layoutFixedWidth': 'Späť do centra',
-  'fabric.editor.layoutFullWidth': 'Celá šírka',
-  'fabric.editor.layoutWide': 'Rozšíriť',
-  'fabric.editor.leftSidebar': 'Ľavý bočný panel',
-  'fabric.editor.link': 'Prepojenie',
-  'fabric.editor.link.description': 'Vložiť prepojenie',
-  'fabric.editor.linkAddress': 'Adresa prepojenia',
-  'fabric.editor.linkPlaceholder': 'Vložiť prepojenie',
-  'fabric.editor.lists': 'Zoznamy',
-  'fabric.editor.markdown': 'Vyznačenie',
-  'fabric.editor.mediaAddLink': 'Pridať prepojenie',
-  'fabric.editor.mention': 'Spomenutie',
-  'fabric.editor.mention.description': 'Spomeňte niekoho a pošlite mu oznámenie',
-  'fabric.editor.mergeCells': 'Zlúčiť bunky',
-  'fabric.editor.moreFormatting': 'Ďalšie formátovanie',
-  'fabric.editor.normal': 'Normálny text',
-  'fabric.editor.note': 'Poznámka',
-  'fabric.editor.notePanel': 'Panel poznámok',
-  'fabric.editor.notePanel.description': 'Pridať poznámku do farebného panela',
-  'fabric.editor.numberedColumn': 'Číslovaný stĺpec',
-  'fabric.editor.orderedList': 'Očíslovaný zoznam',
-  'fabric.editor.orderedList.description': 'Vytvoriť zoradený zoznam',
-  'fabric.editor.other': 'Iné...',
-  'fabric.editor.pastePlainText': 'Vložiť obyčajný text',
-  'fabric.editor.placeholderAltText': 'Popísať obrázok alternatívnym textom',
-  'fabric.editor.placeholderText': 'Zástupný text',
-  'fabric.editor.placeholderTextPlaceholder': 'Pridať zástupný text',
-  'fabric.editor.quickInsert': 'Rýchlo vložiť',
-  'fabric.editor.redo': 'Vrátiť naspäť',
-  'fabric.editor.remove': 'Odstrániť',
-  'fabric.editor.replace': 'Nahradiť',
-  'fabric.editor.replaceAll': 'Nahradiť všetko',
-  'fabric.editor.replaceWith': 'Nahradiť textom',
-  'fabric.editor.rightSidebar': 'Pravý bočný panel',
-  'fabric.editor.saveButton': 'Uložiť',
-  'fabric.editor.selectLanguage': 'Vybrať jazyk',
-  'fabric.editor.splitCell': 'Rozdeliť bunky',
-  'fabric.editor.status': 'Stav',
-  'fabric.editor.status.description': 'Pridať vlastné označenie stavu',
-  'fabric.editor.statusPlaceholder': 'Nastaviť stav',
-  'fabric.editor.strike': 'Preškrtnúť',
-  'fabric.editor.subscript': 'Dolný index',
-  'fabric.editor.success': 'Úspech',
-  'fabric.editor.successPanel': 'Panel úspechov',
-  'fabric.editor.successPanel.description': 'Pridať tipy do farebného panela',
-  'fabric.editor.superscript': 'Horný index',
-  'fabric.editor.supportAltText': 'Alternatívny text je užitočný pre ľudí so zrakovým postihnutím používajúcich čítačky obrazovky.',
-  'fabric.editor.table': 'Tabuľka',
-  'fabric.editor.table.description': 'Vložiť tabuľku',
-  'fabric.editor.tableOptions': 'Možnosti tabuľky',
-  'fabric.editor.taskPlaceholder': 'Napíšte svoju činnosť. Pomocou "@" ju niekomu priraďte.',
-  'fabric.editor.textColor': 'Farba textu',
-  'fabric.editor.textStyles': 'Štýly textu',
-  'fabric.editor.threeColumns': 'Tri stĺpce',
-  'fabric.editor.threeColumnsWithSidebars': 'Tri stĺpce s bočnými panelmi',
-  'fabric.editor.twoColumns': 'Dva stĺpce',
-  'fabric.editor.underline': 'Podčiarknuť',
-  'fabric.editor.undo': 'Späť',
-  'fabric.editor.unlink': 'Zrušiť prepojenie',
-  'fabric.editor.unorderedList': 'Zoznam s odrážkami',
-  'fabric.editor.unorderedList.description': 'Vytvoriť nezoradený zoznam',
-  'fabric.editor.viewMore': 'Zobraziť ďalšie',
-  'fabric.editor.visit': 'Otvoriť prepojenie v novom okne',
-  'fabric.editor.warning': 'Varovanie',
-  'fabric.editor.warningPanel': 'Panel výstrah',
-  'fabric.editor.warningPanel.description': 'Pridať upozornenie do farebného panela',
-  'fabric.editor.wrapLeft': 'Zbaliť vľavo',
-  'fabric.editor.wrapRight': 'Zbaliť vpravo'
+  'fabric.editor.chromeCollapsedPlaceholder': 'None',
+  'fabric.editor.headingLink.toolbarHelpTitle': 'None'
 };

package/dist/cjs/ui/ContentStyles/index.js

@@ -127,6 +127,14 @@ var placeholderOverflowStyles = (0, _react2.css)({
     textOverflow: 'ellipsis'
   }
 });
+var placeholderWrapStyles = (0, _react2.css)({
+  // As part of controls work, we add placeholder `Search` to quick insert command
+  // This style is to prevent `/Search` being wrapped if it's triggered at the end of the line
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ProseMirror mark[data-type-ahead-query="true"]:has(.placeholder-decoration-wrap)': {
+    whiteSpace: 'nowrap'
+  }
+});
 var firstBlockNodeStyles = (0, _react2.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> div[data-task-list-local-id],\n\t\t> div[data-layout-section],\n\t\t> .", " {\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t> hr:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n"])), _panel.PanelSharedCssClassName.prefix, _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, _styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _styles.expandClassNames.prefix);
 var firstBlockNodeStylesNew = (0, _react2.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n\t.ProseMirror {\n\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> .", ",\n\t\t\t> div[data-task-list-local-id],\n\t\t> div[data-layout-section],\n\t\t> .", " {\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t> hr:first-child,\n\t\t> .ProseMirror-widget:first-child + hr {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n"])), _panel.PanelSharedCssClassName.prefix, _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, _styles.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _styles.expandClassNames.prefix);
 
@@ -146,15 +154,21 @@ var fixBlockControlStylesSSR = exports.fixBlockControlStylesSSR = function fixBl
 // The breakpoint for small devices is 1266px, copied from getBreakpoint in platform/packages/editor/editor-common/src/ui/WidthProvider/index.tsx
 var akEditorBreakpointForSmallDevice = "1266px";
 var contentStyles = function contentStyles(props) {
-  return (0, _react2.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: 52px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t", "\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t *\n\t * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection\n\t * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks\n\t *    https://product-fabric.atlassian.net/browse/ED-26331\n\t */\n\t", "\n\n\t/* This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24 */\n\t", "\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\t", "\n\t", "\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t// For FullPage only when inside a table\n\t// Related code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\t// In the \"editorContentAreaContainerStyle\" function\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n     is bigger than the others, new ADS icon does not have this issue\n  */\n\t", "\n"])), _editorSharedStyles.akEditorGutterPadding, _editorSharedStyles.akEditorDefaultLayoutWidth, _editorSharedStyles.akEditorFullWidthLayoutWidth, _editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, _editorSharedStyles.akEditorCalculatedWideLayoutWidth, (0, _editorSharedStyles.editorFontSize)({
+  return (0, _react2.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n\t--ak-editor--default-gutter-padding: ", "px;\n\t/* 52 is from akEditorGutterPaddingDynamic via editor-shared-styles */\n\t--ak-editor--large-gutter-padding: 52px;\n\t--ak-editor--default-layout-width: ", "px;\n\t--ak-editor--full-width-layout-width: ", "px;\n\t/* calculate editor line length, 100cqw is the editor container width */\n\t--ak-editor--line-length: min(\n\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\tvar(--ak-editor--default-layout-width)\n\t);\n\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t--ak-editor--breakout-full-page-guttering-padding: calc(\n\t\tvar(--ak-editor--large-gutter-padding) * 2 + var(--ak-editor--default-gutter-padding)\n\t);\n\n\t.fabric-editor--full-width-mode {\n\t\t--ak-editor--line-length: min(\n\t\t\tcalc(100cqw - var(--ak-editor--large-gutter-padding) * 2),\n\t\t\tvar(--ak-editor--full-width-layout-width)\n\t\t);\n\t}\n\n\t.ProseMirror {\n\t\t--ak-editor-max-container-width: calc(100cqw - var(--ak-editor--large-gutter-padding));\n\t}\n\n\t/* We can't allow nodes that are inside other nodes to bleed from the parent container */\n\t.ProseMirror > div[data-prosemirror-node-block] [data-prosemirror-node-block] {\n\t\t--ak-editor-max-container-width: 100%;\n\t}\n\n\t/* container editor-area is defined in platform/packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts */\n\t@container editor-area (width >= ", ") {\n\t\t.ProseMirror {\n\t\t\t--ak-editor--breakout-wide-layout-width: ", "px;\n\t\t}\n\t}\n\n\t.ProseMirror {\n\t\toutline: none;\n\t\tfont-size: ", "px;\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t\t", ";\n\t}\n\n\t", "\n\n\t.ProseMirror-hideselection *::selection {\n\t\tbackground: transparent;\n\t}\n\n\t.ProseMirror-hideselection *::-moz-selection {\n\t\tbackground: transparent;\n\t}\n\n\t/**\n\t * This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24\n\t *\n\t * 1. Merge and Release platform_editor_hide_cursor_when_pm_hideselection\n\t * 2. Cleanup duplicated style from platform_editor_advanced_code_blocks\n\t *    https://product-fabric.atlassian.net/browse/ED-26331\n\t */\n\t", "\n\n\t/* This prosemirror css style: https://github.com/ProseMirror/prosemirror-view/blob/f37ebb29befdbde3cd194fe13fe17b78e743d2f2/style/prosemirror.css#L24 */\n\t", "\n\n\t.ProseMirror-selectednode {\n\t\toutline: none;\n\t}\n\n\t.ProseMirror-selectednode:empty {\n\t\toutline: 2px solid ", ";\n\t}\n\n\t.ProseMirror.ProseMirror-focused:has(.ProseMirror-mark-boundary-cursor) {\n\t\tcaret-color: transparent;\n\t}\n\t.ProseMirror:not(.ProseMirror-focused) .ProseMirror-mark-boundary-cursor {\n\t\tdisplay: none;\n\t}\n\n\t", "\n\t", "\n\t", "\n\t", "\n\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\t", "\n\t", "\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  // Switch between the two icons based on the visual refresh feature gate\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.mediaGroupView-content-wrap ul {\n\t\tpadding: 0;\n\t}\n\n\t/** Needed to override any cleared floats, e.g. image wrapping */\n\n\tdiv.fabric-editor-block-mark[class^='fabric-editor-align'] {\n\t\tclear: none !important;\n\t}\n\n\t.fabric-editor-align-end {\n\t\ttext-align: right;\n\t}\n\n\t.fabric-editor-align-start {\n\t\ttext-align: left;\n\t}\n\n\t.fabric-editor-align-center {\n\t\ttext-align: center;\n\t}\n\n\t// For FullPage only when inside a table\n\t// Related code all lives inside: packages/editor/editor-core/src/ui/Appearance/FullPage/StyledComponents.ts\n\t// In the \"editorContentAreaContainerStyle\" function\n\t.fabric-editor--full-width-mode {\n\t\t.pm-table-container {\n\t\t\t.code-block,\n\t\t\t.extension-container,\n\t\t\t.multiBodiedExtension--container {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.pm-table-header-content-wrap :not(.fabric-editor-alignment),\n\t.pm-table-header-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark,\n\t.pm-table-cell-content-wrap :not(p, .fabric-editor-block-mark) + div.fabric-editor-block-mark {\n\t\tp:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\t.pm-table-cell-content-wrap .mediaGroupView-content-wrap {\n\t\tclear: both;\n\t}\n\n\t.hyperlink-floating-toolbar,\n\t.", " {\n\t\tpadding: 0;\n\t}\n\n\t/* Legacy Link icon in the Atlaskit package\n     is bigger than the others, new ADS icon does not have this issue\n  */\n\t", "\n"])), _editorSharedStyles.akEditorGutterPadding, _editorSharedStyles.akEditorDefaultLayoutWidth, _editorSharedStyles.akEditorFullWidthLayoutWidth, _editorSharedStyles.akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, _editorSharedStyles.akEditorCalculatedWideLayoutWidth, (0, _editorSharedStyles.editorFontSize)({
     theme: props.theme
-  }), _styles.whitespaceSharedStyles, (0, _styles.paragraphSharedStyles)(props.typographyTheme), _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, (0, _platformFeatureFlags.fg)('editor_request_to_edit_task') ? null : (0, _react2.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\topacity: 0.7;\n\t\t\t\t}\n\t\t\t"]))), (0, _platformFeatureFlags.fg)('platform_editor_hide_cursor_when_pm_hideselection') ? (0, _react2.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, (0, _experiments.editorExperiment)('platform_editor_advanced_code_blocks', true) ? (0, _react2.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, "var(--ds-border-focused, #8cf)", _styles5.placeholderTextStyles, placeholderStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, (0, _codeBlock.codeBlockStyles)(), (0, _styles2.blocktypeStyles)(props.typographyTheme), (0, _styles.codeMarkSharedStyles)(), _styles.textColorStyles, (0, _styles.backgroundColorStyles)(), listsStyles, ruleStyles(), (0, _media.mediaStyles)(), (0, _layout.layoutStyles)(props.viewMode), _collab.telepointerStyle, _selection.gapCursorStyles, (0, _panel2.panelStyles)(), mentionsStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
+  }), _styles.whitespaceSharedStyles, (0, _styles.paragraphSharedStyles)(props.typographyTheme), _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, (0, _platformFeatureFlags.fg)('editor_request_to_edit_task') ? null : (0, _react2.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\topacity: 0.7;\n\t\t\t\t}\n\t\t\t"]))), (0, _platformFeatureFlags.fg)('platform_editor_hide_cursor_when_pm_hideselection') ? (0, _react2.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, (0, _experiments.editorExperiment)('platform_editor_advanced_code_blocks', true) ? (0, _react2.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.ProseMirror-hideselection {\n\t\t\t\t\tcaret-color: transparent;\n\t\t\t\t}\n\t\t\t"]))) : null, "var(--ds-border-focused, #8cf)", _styles5.placeholderTextStyles, placeholderStyles, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_3') ? placeholderWrapStyles : null, (0, _codeBlock.codeBlockStyles)(), (0, _styles2.blocktypeStyles)(props.typographyTheme), (0, _styles.codeMarkSharedStyles)(), _styles.textColorStyles, (0, _styles.backgroundColorStyles)(), listsStyles, ruleStyles(), (0, _media.mediaStyles)(), (0, _layout.layoutStyles)(props.viewMode), _collab.telepointerStyle, _selection.gapCursorStyles, (0, _panel2.panelStyles)(), mentionsStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
     exposure: false
   }) && vanillaMentionsStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
     exposure: false
   }) && vanillaSelectionStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
     exposure: false
-  }) ? emojiStyles : reactEmojiStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _extension.extensionStyles, (0, _expand.expandStyles)(), _styles3.findReplaceStyles, _styles4.textHighlightStyle, _tasksAndDecisions.taskDecisionStyles, _status.statusStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true) ? _status.vanillaStatusStyles : null, (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? (0, _styles.getSmartCardSharedStyles)() : _styles.smartCardSharedStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true) ? _date.dateVanillaStyles : null, _date.dateStyles, (0, _styles.embedCardStyles)(), _styles.unsupportedStyles, _styles.resizerStyles, (0, _aiPanels.aiPanelStyles)(props.colorMode), fixBlockControlStylesSSR(), _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _react2.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
+  }) ? emojiStyles : reactEmojiStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _extension.extensionStyles, (0, _expand.expandStyles)(), _styles3.findReplaceStyles, _styles4.textHighlightStyle, _tasksAndDecisions.taskDecisionStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
+    exposure: false
+  }) && _tasksAndDecisions.vanillaTaskDecisionStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
+    exposure: false
+  }) && (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.vanillaTaskDecisionIconWithVisualRefresh, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true, {
+    exposure: false
+  }) && !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && _tasksAndDecisions.vanillaTaskDecisionIconWithoutVisualRefresh, _status.statusStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true) ? _status.vanillaStatusStyles : null, (0, _styles.annotationSharedStyles)(), (0, _styles.smartCardStyles)(), (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? (0, _styles.getSmartCardSharedStyles)() : _styles.smartCardSharedStyles, (0, _experiments.editorExperiment)('platform_editor_vanilla_dom', true) ? _date.dateVanillaStyles : null, _date.dateStyles, (0, _styles.embedCardStyles)(), _styles.unsupportedStyles, _styles.resizerStyles, (0, _aiPanels.aiPanelStyles)(props.colorMode), fixBlockControlStylesSSR(), _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _react2.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\t.hyperlink-open-link {\n\t\t\t\t\tmin-width: 24px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tmax-width: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t"]))) : null);
 };
 var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

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

@@ -4,11 +4,131 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.taskDecisionStyles = void 0;
+exports.vanillaTaskDecisionStyles = exports.vanillaTaskDecisionIconWithoutVisualRefresh = exports.vanillaTaskDecisionIconWithVisualRefresh = exports.taskDecisionStyles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var taskDecisionStyles = exports.taskDecisionStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t[data-decision-wrapper] {\n\t\tcursor: pointer;\n\t}\n\n\t.", " > [data-decision-wrapper],\n\tol[data-node-type='decisionList'].", " {\n\t\tborder-radius: 4px;\n\t\t", "\n\t}\n\n\t.danger {\n\t\t.", ".", " > div {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t\t&::after {\n\t\t\t\tcontent: none; /* reset the Blanket selection style */\n\t\t\t}\n\t\t}\n\t}\n"])), _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _styles.TaskDecisionSharedCssClassName.DECISION_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-blanket-danger, ".concat(_editorSharedStyles.akEditorDeleteBackgroundWithOpacity, ")"));
+var taskDecisionStyles = exports.taskDecisionStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t[data-decision-wrapper] {\n\t\tcursor: pointer;\n\t}\n\n\t.", " > [data-decision-wrapper],\n\tol[data-node-type='decisionList'].", " {\n\t\tborder-radius: 4px;\n\t\t", "\n\t}\n\n\t.danger {\n\t\t.", ".", " > div {\n\t\t\tbox-shadow: 0 0 0 ", "px\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t\t&::after {\n\t\t\t\tcontent: none; /* reset the Blanket selection style */\n\t\t\t}\n\t\t}\n\t}\n"])), _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _styles.TaskDecisionSharedCssClassName.DECISION_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-blanket-danger, ".concat(_editorSharedStyles.akEditorDeleteBackgroundWithOpacity, ")"));
+
+// Combine this with taskDecisionStyles (above) when cleaning up the platform_editor_vanilla_dom experiment.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+var vanillaTaskDecisionStyles = exports.vanillaTaskDecisionStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"]': {
+    listStyleType: 'none'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper]': {
+    display: 'flex',
+    flexDirection: 'row',
+    margin: "var(--ds-space-100, 8px)".concat(" 0 0 0"),
+    padding: "var(--ds-space-100, 8px)",
+    paddingLeft: "var(--ds-space-150, 12px)",
+    borderRadius: "var(--ds-border-radius-100, 4px)",
+    backgroundColor: "var(--ds-background-neutral, #091E420F)",
+    position: 'relative'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"]': {
+    flex: '0 0 16px',
+    height: '16px',
+    width: '16px',
+    margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-150, 12px)", " 0 0"),
+    color: "var(--ds-icon-subtle, #626F86)",
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"]:not(:has([data-empty]):not(:has([data-type-ahead]))) > [data-decision-wrapper] > [data-component="icon"]': {
+    color: "var(--ds-icon-success, #22A06B)"
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
+    display: 'inline-block',
+    flexShrink: 0,
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography -- Mirroring icon styles
+    lineHeight: 1
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
+    overflow: 'hidden',
+    pointerEvents: 'none',
+    color: 'currentColor',
+    verticalAlign: 'bottom'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="placeholder"]': {
+    margin: "0 0 0 calc(".concat("var(--ds-space-100, 8px)", " * 3.5)"),
+    position: 'absolute',
+    color: "var(--ds-text-subtlest, #626F86)",
+    pointerEvents: 'none',
+    textOverflow: 'ellipsis',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    maxWidth: 'calc(100% - 50px)'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"]:not(:has([data-empty]):not(:has([data-type-ahead]))) > [data-decision-wrapper] > [data-component="placeholder"]': {
+    display: 'none'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="content"]': {
+    margin: 0,
+    wordWrap: 'break-word',
+    minWidth: 0,
+    flex: '1 1 auto'
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var vanillaTaskDecisionIconWithVisualRefresh = exports.vanillaTaskDecisionIconWithVisualRefresh = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span >  svg[data-icon-source="legacy"]': {
+    display: 'none'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
+    boxSizing: 'border-box',
+    paddingInlineEnd: 'var(--ds--button--new-icon-padding-end, 0)',
+    paddingInlineStart: 'var(--ds--button--new-icon-padding-start, 0)',
+    '@media screen and (forced-colors: active)': {
+      color: 'canvastext',
+      filter: 'grayscale(1)'
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
+    width: "var(--ds-space-300, 24px)",
+    height: "var(--ds-space-300, 24px)"
+  }
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
+var vanillaTaskDecisionIconWithoutVisualRefresh = exports.vanillaTaskDecisionIconWithoutVisualRefresh = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span >  svg[data-icon-source="refreshed"]': {
+    display: 'none'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span': {
+    width: '32px',
+    height: '32px',
+    '@media screen and (forced-colors: active)': {
+      filter: 'grayscale(1)',
+      color: 'canvastext',
+      fill: 'canvas'
+    }
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-prosemirror-node-view-type="vanilla"][data-prosemirror-node-name="decisionItem"] > [data-decision-wrapper] > [data-component="icon"] > span > svg': {
+    maxWidth: '100%',
+    maxHeight: '100%',
+    fill: "var(--ds-surface, #FFFFFF)",
+    width: '32px',
+    height: '32px'
+  }
+});

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "205.2.1";
+var version = exports.version = "205.2.3";

package/dist/es2019/i18n/sk.js

@@ -1,3 +1,4 @@
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -6,163 +7,6 @@
  */
 //Slovak
 export default {
-  'fabric.editor.action': 'Položka akcie',
-  'fabric.editor.action.description': 'Vytvoriť a priradiť akčné položky',
-  'fabric.editor.addAltText': 'Alternatívny text',
-  'fabric.editor.alignImageCenter': 'Zarovnať do stredu',
-  'fabric.editor.alignImageLeft': 'Zarovnať vľavo',
-  'fabric.editor.alignImageRight': 'Zarovnať vpravo',
-  'fabric.editor.altText': 'Všetok text',
-  'fabric.editor.alttext.validation': 'Vymažte z alternatívneho textu všetky špeciálne znaky.',
-  'fabric.editor.annotate': 'Komentovať',
-  'fabric.editor.annotationToolbar': 'Panel s nástrojmi poznámok',
-  'fabric.editor.backLink': 'Vrátiť sa',
-  'fabric.editor.blockCardUnavailable': 'Vnorené prepojenie je v uzle {node} a jeho zobrazenie nemožno zmeniť',
-  'fabric.editor.blockquote.description': 'Vložiť citát alebo citáciu',
-  'fabric.editor.bold': 'Hrubé',
-  'fabric.editor.cancelButton': 'Zrušiť',
-  'fabric.editor.cardFloatingControls': 'Možnosti karty',
-  'fabric.editor.cellBackground': 'Pozadie buniek',
-  'fabric.editor.cellOptions': 'Možnosti bunky',
-  'fabric.editor.clearAltTextEdit': 'Vymazať alternatívny text',
-  'fabric.editor.clearCells': '{0, plural, one {Vymazať bunku} few {Vymazať bunky} many {Vymazať bunky} other {Vymazať bunky}}',
-  'fabric.editor.clearFormatting': 'Vymazať formátovanie',
-  'fabric.editor.clearLink': 'Vymazať prepojenie',
-  'fabric.editor.clearLinkText': 'Vymazať text',
-  'fabric.editor.closeAltTextEdit': 'Späť',
-  'fabric.editor.closeFindReplaceDialog': 'Zatvoriť',
-  'fabric.editor.closeHelpDialog': 'Zavrieť dialógové okno pomocníka',
-  'fabric.editor.code': 'Kód',
-  'fabric.editor.codeblock': 'Zlomok kódu',
-  'fabric.editor.codeblock.description': 'Zobraziť kód so zvýraznenou syntaxou',
-  'fabric.editor.columns': 'Rozloženia',
-  'fabric.editor.columns.description': 'Rozdeľte stránku pomocou sekcií',
-  'fabric.editor.configPanel.cancel': 'Zrušiť',
-  'fabric.editor.configPanel.fieldTypeError.isMultipleAndRadio': '„IsMultiple“ a „style: radio“ nie je možné kombinovať',
-  'fabric.editor.configPanel.formType.addField': 'Pridať pole',
-  'fabric.editor.configPanel.formType.removeField': 'Odstrániť pole',
-  'fabric.editor.configPanel.required': 'Povinné pole',
-  'fabric.editor.configPanel.submit': 'Odoslať',
-  'fabric.editor.date': 'Dátum',
-  'fabric.editor.date.description': 'Pridajte dátum pomocou kalendára',
-  'fabric.editor.decision': 'Rozhodnutie',
-  'fabric.editor.decision.description': 'Zaznamenajte rozhodnutia, aby sa mohli jednoducho sledovať',
-  'fabric.editor.decisionPlaceholder': 'Pridať rozhodnutie...',
-  'fabric.editor.displayInline': 'Zobraziť vo vnútri',
-  'fabric.editor.displayLink': 'Zobraziť ako text',
-  'fabric.editor.displayText': 'Text na zobrazenie',
-  'fabric.editor.edit': 'Upraviť',
-  'fabric.editor.editAltText': 'Upraviť alternatívny text',
-  'fabric.editor.editLink': 'Upraviť prepojenie',
-  'fabric.editor.editMode.inviteToEditButton.title': 'Pozvať na úpravu',
-  'fabric.editor.editorHelp': 'Pomoc editora',
-  'fabric.editor.emoji': 'Zábavný obrázok',
-  'fabric.editor.emoji.description': 'Použite emotikony na vyjadrenie nápadov 🎉 a emócií 😄',
-  'fabric.editor.error': 'Chyba',
-  'fabric.editor.errorPanel': 'Panel chýb',
-  'fabric.editor.errorPanel.description': 'Vyvolanie chýb vo farebnom paneli',
-  'fabric.editor.expand': 'Rozšírenie',
-  'fabric.editor.expand.description': 'Vložiť rozšírenie',
-  'fabric.editor.feedbackDialog': 'Poskytnúť spätnú väzbu',
-  'fabric.editor.feedbackDialog.description': 'Povedzte nám o svojej skúsenosti s používaním nového editora',
-  'fabric.editor.filesAndImages': 'Súbory a obrázky',
-  'fabric.editor.filesAndImages.description': 'Pridajte obrázky a ďalšie súbory na stránku',
-  'fabric.editor.find': 'Nájsť',
-  'fabric.editor.findNext': 'Nájsť ďalší',
-  'fabric.editor.findPrevious': 'Nájsť predchádzajúci',
-  'fabric.editor.findReplaceToolbarButton': 'Nájsť a nahradiť',
-  'fabric.editor.headerColumn': 'Stĺpec záhlavia',
-  'fabric.editor.headerRow': 'Riadok záhlavia',
-  'fabric.editor.heading1': 'Nadpis 1',
-  'fabric.editor.heading1Description': 'Použiť pre nadpis najvyššej úrovne',
-  'fabric.editor.heading2': 'Nadpis 2',
-  'fabric.editor.heading2Description': 'Použiť pre kľúčové časti',
-  'fabric.editor.heading3': 'Nadpis 3',
-  'fabric.editor.heading3Description': 'Použiť pre podriadené časti a nadpisy skupín',
-  'fabric.editor.heading4': 'Nadpis 4',
-  'fabric.editor.heading4Description': 'Použiť pre podnadpisy',
-  'fabric.editor.heading5': 'Nadpis 5',
-  'fabric.editor.heading5Description': 'Použiť pre zoskupenie položiek zoznamu',
-  'fabric.editor.heading6': 'Nadpis 6',
-  'fabric.editor.heading6Description': 'Použiť pre nadpisy nízkej úrovne',
-  'fabric.editor.help': 'Pomocník',
-  'fabric.editor.help.description': 'Preskúmať klávesové skratky a možnosti značenia',
-  'fabric.editor.helpDialogTips': 'Stlačením tlačidla {keyMap} rýchlo kedykoľvek otvorte tento dialóg',
-  'fabric.editor.horizontalRule': 'Rozdeľovač',
-  'fabric.editor.horizontalRule.description': 'Oddeľte obsah vodorovnou čiarou',
-  'fabric.editor.image': 'Obrázok',
-  'fabric.editor.info': 'Informácie',
-  'fabric.editor.infoPanel': 'Informačný panel',
-  'fabric.editor.infoPanel.description': 'Zvýrazniť informácie vo farebnom paneli',
-  'fabric.editor.insertMenu': 'Vložiť',
-  'fabric.editor.italic': 'Kurzíva',
-  'fabric.editor.keyboardShortcuts': 'Klávesové skratky',
-  'fabric.editor.layoutFixedWidth': 'Späť do centra',
-  'fabric.editor.layoutFullWidth': 'Celá šírka',
-  'fabric.editor.layoutWide': 'Rozšíriť',
-  'fabric.editor.leftSidebar': 'Ľavý bočný panel',
-  'fabric.editor.link': 'Prepojenie',
-  'fabric.editor.link.description': 'Vložiť prepojenie',
-  'fabric.editor.linkAddress': 'Adresa prepojenia',
-  'fabric.editor.linkPlaceholder': 'Vložiť prepojenie',
-  'fabric.editor.lists': 'Zoznamy',
-  'fabric.editor.markdown': 'Vyznačenie',
-  'fabric.editor.mediaAddLink': 'Pridať prepojenie',
-  'fabric.editor.mention': 'Spomenutie',
-  'fabric.editor.mention.description': 'Spomeňte niekoho a pošlite mu oznámenie',
-  'fabric.editor.mergeCells': 'Zlúčiť bunky',
-  'fabric.editor.moreFormatting': 'Ďalšie formátovanie',
-  'fabric.editor.normal': 'Normálny text',
-  'fabric.editor.note': 'Poznámka',
-  'fabric.editor.notePanel': 'Panel poznámok',
-  'fabric.editor.notePanel.description': 'Pridať poznámku do farebného panela',
-  'fabric.editor.numberedColumn': 'Číslovaný stĺpec',
-  'fabric.editor.orderedList': 'Očíslovaný zoznam',
-  'fabric.editor.orderedList.description': 'Vytvoriť zoradený zoznam',
-  'fabric.editor.other': 'Iné...',
-  'fabric.editor.pastePlainText': 'Vložiť obyčajný text',
-  'fabric.editor.placeholderAltText': 'Popísať obrázok alternatívnym textom',
-  'fabric.editor.placeholderText': 'Zástupný text',
-  'fabric.editor.placeholderTextPlaceholder': 'Pridať zástupný text',
-  'fabric.editor.quickInsert': 'Rýchlo vložiť',
-  'fabric.editor.redo': 'Vrátiť naspäť',
-  'fabric.editor.remove': 'Odstrániť',
-  'fabric.editor.replace': 'Nahradiť',
-  'fabric.editor.replaceAll': 'Nahradiť všetko',
-  'fabric.editor.replaceWith': 'Nahradiť textom',
-  'fabric.editor.rightSidebar': 'Pravý bočný panel',
-  'fabric.editor.saveButton': 'Uložiť',
-  'fabric.editor.selectLanguage': 'Vybrať jazyk',
-  'fabric.editor.splitCell': 'Rozdeliť bunky',
-  'fabric.editor.status': 'Stav',
-  'fabric.editor.status.description': 'Pridať vlastné označenie stavu',
-  'fabric.editor.statusPlaceholder': 'Nastaviť stav',
-  'fabric.editor.strike': 'Preškrtnúť',
-  'fabric.editor.subscript': 'Dolný index',
-  'fabric.editor.success': 'Úspech',
-  'fabric.editor.successPanel': 'Panel úspechov',
-  'fabric.editor.successPanel.description': 'Pridať tipy do farebného panela',
-  'fabric.editor.superscript': 'Horný index',
-  'fabric.editor.supportAltText': 'Alternatívny text je užitočný pre ľudí so zrakovým postihnutím používajúcich čítačky obrazovky.',
-  'fabric.editor.table': 'Tabuľka',
-  'fabric.editor.table.description': 'Vložiť tabuľku',
-  'fabric.editor.tableOptions': 'Možnosti tabuľky',
-  'fabric.editor.taskPlaceholder': 'Napíšte svoju činnosť. Pomocou "@" ju niekomu priraďte.',
-  'fabric.editor.textColor': 'Farba textu',
-  'fabric.editor.textStyles': 'Štýly textu',
-  'fabric.editor.threeColumns': 'Tri stĺpce',
-  'fabric.editor.threeColumnsWithSidebars': 'Tri stĺpce s bočnými panelmi',
-  'fabric.editor.twoColumns': 'Dva stĺpce',
-  'fabric.editor.underline': 'Podčiarknuť',
-  'fabric.editor.undo': 'Späť',
-  'fabric.editor.unlink': 'Zrušiť prepojenie',
-  'fabric.editor.unorderedList': 'Zoznam s odrážkami',
-  'fabric.editor.unorderedList.description': 'Vytvoriť nezoradený zoznam',
-  'fabric.editor.viewMore': 'Zobraziť ďalšie',
-  'fabric.editor.visit': 'Otvoriť prepojenie v novom okne',
-  'fabric.editor.warning': 'Varovanie',
-  'fabric.editor.warningPanel': 'Panel výstrah',
-  'fabric.editor.warningPanel.description': 'Pridať upozornenie do farebného panela',
-  'fabric.editor.wrapLeft': 'Zbaliť vľavo',
-  'fabric.editor.wrapRight': 'Zbaliť vpravo'
+  'fabric.editor.chromeCollapsedPlaceholder': 'None',
+  'fabric.editor.headingLink.toolbarHelpTitle': 'None'
 };