@atlaskit/editor-core 205.2.1 → 205.2.3

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

@@ -36,7 +36,7 @@ import { layoutStyles } from './layout';
 import { mediaStyles } from './media';
 import { panelStyles } from './panel';
 import { statusStyles, vanillaStatusStyles } from './status';
-import { taskDecisionStyles } from './tasks-and-decisions';
+import { taskDecisionStyles, vanillaTaskDecisionIconWithoutVisualRefresh, vanillaTaskDecisionIconWithVisualRefresh, vanillaTaskDecisionStyles } from './tasks-and-decisions';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const linkStyles = css`
 	.ProseMirror {
@@ -241,6 +241,14 @@ const placeholderOverflowStyles = css({
     textOverflow: 'ellipsis'
   }
 });
+const placeholderWrapStyles = 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'
+  }
+});
 const firstBlockNodeStyles = css`
 	.ProseMirror {
 		> .${PanelSharedCssClassName.prefix},
@@ -399,6 +407,7 @@ const contentStyles = props => css`
 	${placeholderTextStyles}
 	${placeholderStyles}
 	${editorExperiment('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null}
+	${editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_3') ? placeholderWrapStyles : null}
 
   ${codeBlockStyles()}
 
@@ -434,6 +443,16 @@ const contentStyles = props => css`
   ${findReplaceStyles}
   ${textHighlightStyle}
   ${taskDecisionStyles}
+  ${editorExperiment('platform_editor_vanilla_dom', true, {
+  exposure: false
+}) && vanillaTaskDecisionStyles}
+  // Switch between the two icons based on the visual refresh feature gate
+  ${editorExperiment('platform_editor_vanilla_dom', true, {
+  exposure: false
+}) && fg('platform-visual-refresh-icons') && vanillaTaskDecisionIconWithVisualRefresh}
+  ${editorExperiment('platform_editor_vanilla_dom', true, {
+  exposure: false
+}) && !fg('platform-visual-refresh-icons') && vanillaTaskDecisionIconWithoutVisualRefresh}
   ${statusStyles}
   ${editorExperiment('platform_editor_vanilla_dom', true) ? vanillaStatusStyles : null}
   ${annotationSharedStyles()}

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

@@ -24,4 +24,124 @@ export const taskDecisionStyles = css`
 			}
 		}
 	}
-`;
+`;
+
+// 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
+export const vanillaTaskDecisionStyles = 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)"} 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)"} ${"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(${"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
+export const vanillaTaskDecisionIconWithVisualRefresh = 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
+export const vanillaTaskDecisionIconWithoutVisualRefresh = 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/es2019/version-wrapper.js

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

package/dist/esm/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'
 };

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

@@ -38,7 +38,7 @@ import { layoutStyles } from './layout';
 import { mediaStyles } from './media';
 import { panelStyles } from './panel';
 import { statusStyles, vanillaStatusStyles } from './status';
-import { taskDecisionStyles } from './tasks-and-decisions';
+import { taskDecisionStyles, vanillaTaskDecisionIconWithoutVisualRefresh, vanillaTaskDecisionIconWithVisualRefresh, vanillaTaskDecisionStyles } from './tasks-and-decisions';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var linkStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t", "\n\t}\n"])), linkSharedStyle);
 var ruleStyles = function ruleStyles() {
@@ -119,6 +119,14 @@ var placeholderOverflowStyles = css({
     textOverflow: 'ellipsis'
   }
 });
+var placeholderWrapStyles = 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 = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\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"])), PanelSharedCssClassName.prefix, CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, expandClassNames.prefix);
 var firstBlockNodeStylesNew = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\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"])), PanelSharedCssClassName.prefix, CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, expandClassNames.prefix);
 
@@ -138,15 +146,21 @@ export var fixBlockControlStylesSSR = function fixBlockControlStylesSSR() {
 // 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 css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\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"])), akEditorGutterPadding, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, akEditorCalculatedWideLayoutWidth, editorFontSize({
+  return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\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"])), akEditorGutterPadding, akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorBreakpointForSmallDevice, akEditorCalculatedWideLayoutWidth, editorFontSize({
     theme: props.theme
-  }), whitespaceSharedStyles, paragraphSharedStyles(props.typographyTheme), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, fg('editor_request_to_edit_task') ? null : css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\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"]))), fg('platform_editor_hide_cursor_when_pm_hideselection') ? css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\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, editorExperiment('platform_editor_advanced_code_blocks', true) ? css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\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)", placeholderTextStyles, placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, codeBlockStyles(), blocktypeStyles(props.typographyTheme), codeMarkSharedStyles(), textColorStyles, backgroundColorStyles(), listsStyles, ruleStyles(), mediaStyles(), layoutStyles(props.viewMode), telepointerStyle, gapCursorStyles, panelStyles(), mentionsStyles, editorExperiment('platform_editor_vanilla_dom', true, {
+  }), whitespaceSharedStyles, paragraphSharedStyles(props.typographyTheme), listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, fg('editor_request_to_edit_task') ? null : css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\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"]))), fg('platform_editor_hide_cursor_when_pm_hideselection') ? css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\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, editorExperiment('platform_editor_advanced_code_blocks', true) ? css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\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)", placeholderTextStyles, placeholderStyles, editorExperiment('platform_editor_controls', 'variant1') ? placeholderOverflowStyles : null, editorExperiment('platform_editor_controls', 'variant1') && fg('platform_editor_controls_patch_3') ? placeholderWrapStyles : null, codeBlockStyles(), blocktypeStyles(props.typographyTheme), codeMarkSharedStyles(), textColorStyles, backgroundColorStyles(), listsStyles, ruleStyles(), mediaStyles(), layoutStyles(props.viewMode), telepointerStyle, gapCursorStyles, panelStyles(), mentionsStyles, editorExperiment('platform_editor_vanilla_dom', true, {
     exposure: false
   }) && vanillaMentionsStyles, editorExperiment('platform_editor_vanilla_dom', true, {
     exposure: false
   }) && vanillaSelectionStyles, editorExperiment('platform_editor_vanilla_dom', true, {
     exposure: false
-  }) ? emojiStyles : reactEmojiStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(), findReplaceStyles, textHighlightStyle, taskDecisionStyles, statusStyles, editorExperiment('platform_editor_vanilla_dom', true) ? vanillaStatusStyles : null, annotationSharedStyles(), smartCardStyles(), fg('platform-linking-visual-refresh-v1') ? getSmartCardSharedStyles() : smartCardSharedStyles, editorExperiment('platform_editor_vanilla_dom', true) ? dateVanillaStyles : null, dateStyles, embedCardStyles(), unsupportedStyles, resizerStyles, aiPanelStyles(props.colorMode), fixBlockControlStylesSSR(), MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !fg('platform-visual-refresh-icons') ? css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\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, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(), findReplaceStyles, textHighlightStyle, taskDecisionStyles, editorExperiment('platform_editor_vanilla_dom', true, {
+    exposure: false
+  }) && vanillaTaskDecisionStyles, editorExperiment('platform_editor_vanilla_dom', true, {
+    exposure: false
+  }) && fg('platform-visual-refresh-icons') && vanillaTaskDecisionIconWithVisualRefresh, editorExperiment('platform_editor_vanilla_dom', true, {
+    exposure: false
+  }) && !fg('platform-visual-refresh-icons') && vanillaTaskDecisionIconWithoutVisualRefresh, statusStyles, editorExperiment('platform_editor_vanilla_dom', true) ? vanillaStatusStyles : null, annotationSharedStyles(), smartCardStyles(), fg('platform-linking-visual-refresh-v1') ? getSmartCardSharedStyles() : smartCardSharedStyles, editorExperiment('platform_editor_vanilla_dom', true) ? dateVanillaStyles : null, dateStyles, embedCardStyles(), unsupportedStyles, resizerStyles, aiPanelStyles(props.colorMode), fixBlockControlStylesSSR(), MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT, !fg('platform-visual-refresh-icons') ? css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\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);
 };
 export var createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {

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

@@ -5,4 +5,124 @@ import { css } from '@emotion/react';
 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/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var taskDecisionStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket]), TaskDecisionSharedCssClassName.DECISION_CONTAINER, akEditorSelectedNodeClassName, akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-blanket-danger, ".concat(akEditorDeleteBackgroundWithOpacity, ")"));
+export var taskDecisionStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), akEditorSelectedNodeClassName, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket]), TaskDecisionSharedCssClassName.DECISION_CONTAINER, akEditorSelectedNodeClassName, akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-blanket-danger, ".concat(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
+export var vanillaTaskDecisionStyles = 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
+export var vanillaTaskDecisionIconWithVisualRefresh = 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
+export var vanillaTaskDecisionIconWithoutVisualRefresh = 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/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "205.2.1";
+export var version = "205.2.3";