@payloadcms/richtext-lexical 4.0.0-internal.d28e9fb → 4.0.0-internal.d7d662c

package/dist/lexical/plugins/handles/DraggableBlockPlugin/useKeyboardReordering.js

@@ -0,0 +1,62 @@
+import { mergeRegister } from '@lexical/utils';
+import { $getSelection, $isNodeSelection, $isRangeSelection, COMMAND_PRIORITY_HIGH, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_DOWN_COMMAND } from 'lexical';
+import { useEffect } from 'react';
+import { $moveBlock } from './moveBlock.js';
+/** Move the current top-level line, including decorator nodes, without a pointer. */
+export function useKeyboardReordering({
+  editor,
+  instructionsID
+}) {
+  useEffect(() => {
+    const $moveLine = ({
+      direction,
+      event
+    }) => {
+      if (!editor.isEditable() || !event.altKey || !event.shiftKey || event.ctrlKey || event.metaKey) {
+        return false;
+      }
+      const selection = $getSelection();
+      const selectedNode = $isRangeSelection(selection) && selection.isCollapsed() ? selection.anchor.getNode() : $isNodeSelection(selection) && selection.getNodes().length === 1 ? selection.getNodes()[0] : null;
+      const node = selectedNode?.getTopLevelElement();
+      if (!node) {
+        return false;
+      }
+      event.preventDefault();
+      $moveBlock({
+        direction,
+        node
+      });
+      return true;
+    };
+    return mergeRegister(editor.registerCommand(KEY_DOWN_COMMAND, event => event.target instanceof HTMLElement && Boolean(event.target.closest('.draggable-block-menu')), COMMAND_PRIORITY_HIGH), editor.registerCommand(KEY_ARROW_UP_COMMAND, event => $moveLine({
+      direction: -1,
+      event
+    }), COMMAND_PRIORITY_HIGH), editor.registerCommand(KEY_ARROW_DOWN_COMMAND, event => $moveLine({
+      direction: 1,
+      event
+    }), COMMAND_PRIORITY_HIGH));
+  }, [editor]);
+  useEffect(() => {
+    let restore;
+    const unregister = editor.registerRootListener(root => {
+      restore?.();
+      if (!root) {
+        return;
+      }
+      const description = root.getAttribute('aria-describedby');
+      root.setAttribute('aria-describedby', [description, instructionsID].filter(Boolean).join(' '));
+      restore = () => {
+        if (description === null) {
+          root.removeAttribute('aria-describedby');
+        } else {
+          root.setAttribute('aria-describedby', description);
+        }
+      };
+    });
+    return () => {
+      unregister();
+      restore?.();
+    };
+  }, [editor, instructionsID]);
+}
+//# sourceMappingURL=useKeyboardReordering.js.map

package/dist/lexical/plugins/handles/DraggableBlockPlugin/useKeyboardReordering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardReordering.js","names":["mergeRegister","$getSelection","$isNodeSelection","$isRangeSelection","COMMAND_PRIORITY_HIGH","KEY_ARROW_DOWN_COMMAND","KEY_ARROW_UP_COMMAND","KEY_DOWN_COMMAND","useEffect","$moveBlock","useKeyboardReordering","editor","instructionsID","$moveLine","direction","event","isEditable","altKey","shiftKey","ctrlKey","metaKey","selection","selectedNode","isCollapsed","anchor","getNode","getNodes","length","node","getTopLevelElement","preventDefault","registerCommand","target","HTMLElement","Boolean","closest","restore","unregister","registerRootListener","root","description","getAttribute","setAttribute","filter","join","removeAttribute"],"sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/useKeyboardReordering.ts"],"sourcesContent":["import type { LexicalEditor } from 'lexical'\n\nimport { mergeRegister } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isNodeSelection,\n  $isRangeSelection,\n  COMMAND_PRIORITY_HIGH,\n  KEY_ARROW_DOWN_COMMAND,\n  KEY_ARROW_UP_COMMAND,\n  KEY_DOWN_COMMAND,\n} from 'lexical'\nimport { useEffect } from 'react'\n\nimport { $moveBlock } from './moveBlock.js'\n\n/** Move the current top-level line, including decorator nodes, without a pointer. */\nexport function useKeyboardReordering({\n  editor,\n  instructionsID,\n}: {\n  editor: LexicalEditor\n  instructionsID: string\n}) {\n  useEffect(() => {\n    const $moveLine = ({ direction, event }: { direction: -1 | 1; event: KeyboardEvent }) => {\n      if (\n        !editor.isEditable() ||\n        !event.altKey ||\n        !event.shiftKey ||\n        event.ctrlKey ||\n        event.metaKey\n      ) {\n        return false\n      }\n      const selection = $getSelection()\n      const selectedNode =\n        $isRangeSelection(selection) && selection.isCollapsed()\n          ? selection.anchor.getNode()\n          : $isNodeSelection(selection) && selection.getNodes().length === 1\n            ? selection.getNodes()[0]\n            : null\n      const node = selectedNode?.getTopLevelElement()\n\n      if (!node) {\n        return false\n      }\n      event.preventDefault()\n      $moveBlock({ direction, node })\n      return true\n    }\n\n    return mergeRegister(\n      editor.registerCommand(\n        KEY_DOWN_COMMAND,\n        (event) =>\n          event.target instanceof HTMLElement &&\n          Boolean(event.target.closest('.draggable-block-menu')),\n        COMMAND_PRIORITY_HIGH,\n      ),\n      editor.registerCommand(\n        KEY_ARROW_UP_COMMAND,\n        (event) => $moveLine({ direction: -1, event }),\n        COMMAND_PRIORITY_HIGH,\n      ),\n      editor.registerCommand(\n        KEY_ARROW_DOWN_COMMAND,\n        (event) => $moveLine({ direction: 1, event }),\n        COMMAND_PRIORITY_HIGH,\n      ),\n    )\n  }, [editor])\n\n  useEffect(() => {\n    let restore: (() => void) | undefined\n    const unregister = editor.registerRootListener((root) => {\n      restore?.()\n      if (!root) {\n        return\n      }\n      const description = root.getAttribute('aria-describedby')\n      root.setAttribute('aria-describedby', [description, instructionsID].filter(Boolean).join(' '))\n      restore = () => {\n        if (description === null) {\n          root.removeAttribute('aria-describedby')\n        } else {\n          root.setAttribute('aria-describedby', description)\n        }\n      }\n    })\n\n    return () => {\n      unregister()\n      restore?.()\n    }\n  }, [editor, instructionsID])\n}\n"],"mappings":"AAEA,SAASA,aAAa,QAAQ;AAC9B,SACEC,aAAa,EACbC,gBAAgB,EAChBC,iBAAiB,EACjBC,qBAAqB,EACrBC,sBAAsB,EACtBC,oBAAoB,EACpBC,gBAAgB,QACX;AACP,SAASC,SAAS,QAAQ;AAE1B,SAASC,UAAU,QAAQ;AAE3B;AACA,OAAO,SAASC,sBAAsB;EACpCC,MAAM;EACNC;AAAc,CAIf;EACCJ,SAAA,CAAU;IACR,MAAMK,SAAA,GAAYA,CAAC;MAAEC,SAAS;MAAEC;IAAK,CAA+C;MAClF,IACE,CAACJ,MAAA,CAAOK,UAAU,MAClB,CAACD,KAAA,CAAME,MAAM,IACb,CAACF,KAAA,CAAMG,QAAQ,IACfH,KAAA,CAAMI,OAAO,IACbJ,KAAA,CAAMK,OAAO,EACb;QACA,OAAO;MACT;MACA,MAAMC,SAAA,GAAYpB,aAAA;MAClB,MAAMqB,YAAA,GACJnB,iBAAA,CAAkBkB,SAAA,KAAcA,SAAA,CAAUE,WAAW,KACjDF,SAAA,CAAUG,MAAM,CAACC,OAAO,KACxBvB,gBAAA,CAAiBmB,SAAA,KAAcA,SAAA,CAAUK,QAAQ,GAAGC,MAAM,KAAK,IAC7DN,SAAA,CAAUK,QAAQ,EAAE,CAAC,EAAE,GACvB;MACR,MAAME,IAAA,GAAON,YAAA,EAAcO,kBAAA;MAE3B,IAAI,CAACD,IAAA,EAAM;QACT,OAAO;MACT;MACAb,KAAA,CAAMe,cAAc;MACpBrB,UAAA,CAAW;QAAEK,SAAA;QAAWc;MAAK;MAC7B,OAAO;IACT;IAEA,OAAO5B,aAAA,CACLW,MAAA,CAAOoB,eAAe,CACpBxB,gBAAA,EACCQ,KAAA,IACCA,KAAA,CAAMiB,MAAM,YAAYC,WAAA,IACxBC,OAAA,CAAQnB,KAAA,CAAMiB,MAAM,CAACG,OAAO,CAAC,2BAC/B/B,qBAAA,GAEFO,MAAA,CAAOoB,eAAe,CACpBzB,oBAAA,EACCS,KAAA,IAAUF,SAAA,CAAU;MAAEC,SAAA,EAAW,CAAC;MAAGC;IAAM,IAC5CX,qBAAA,GAEFO,MAAA,CAAOoB,eAAe,CACpB1B,sBAAA,EACCU,KAAA,IAAUF,SAAA,CAAU;MAAEC,SAAA,EAAW;MAAGC;IAAM,IAC3CX,qBAAA;EAGN,GAAG,CAACO,MAAA,CAAO;EAEXH,SAAA,CAAU;IACR,IAAI4B,OAAA;IACJ,MAAMC,UAAA,GAAa1B,MAAA,CAAO2B,oBAAoB,CAAEC,IAAA;MAC9CH,OAAA;MACA,IAAI,CAACG,IAAA,EAAM;QACT;MACF;MACA,MAAMC,WAAA,GAAcD,IAAA,CAAKE,YAAY,CAAC;MACtCF,IAAA,CAAKG,YAAY,CAAC,oBAAoB,CAACF,WAAA,EAAa5B,cAAA,CAAe,CAAC+B,MAAM,CAACT,OAAA,EAASU,IAAI,CAAC;MACzFR,OAAA,GAAUA,CAAA;QACR,IAAII,WAAA,KAAgB,MAAM;UACxBD,IAAA,CAAKM,eAAe,CAAC;QACvB,OAAO;UACLN,IAAA,CAAKG,YAAY,CAAC,oBAAoBF,WAAA;QACxC;MACF;IACF;IAEA,OAAO;MACLH,UAAA;MACAD,OAAA;IACF;EACF,GAAG,CAACzB,MAAA,EAAQC,cAAA,CAAe;AAC7B","ignoreList":[]}

package/dist/lexical/plugins/handles/utils/setHandlePosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setHandlePosition.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/utils/setHandlePosition.ts"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,WAAW,GAAG,IAAI,EAC9B,UAAU,EAAE,WAAW,EACvB,UAAU,EAAE,WAAW,EACvB,UAAU,GAAE,MAAU,QAyCvB"}
+{"version":3,"file":"setHandlePosition.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/utils/setHandlePosition.ts"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,WAAW,GAAG,IAAI,EAC9B,UAAU,EAAE,WAAW,EACvB,UAAU,EAAE,WAAW,EACvB,UAAU,GAAE,MAAU,QA2CvB"}

package/dist/lexical/plugins/handles/utils/setHandlePosition.js

@@ -3,6 +3,7 @@
 import { doesLineHeightAffectElement } from './doesLineHeightAffectElement.js';
 export function setHandlePosition(targetElem, handleElem, anchorElem, leftOffset = 0) {
   if (!targetElem) {
+    handleElem.style.visibility = 'hidden';
     handleElem.style.opacity = '0';
     handleElem.style.transform = 'translate(-10000px, -10000px)';
     return;
@@ -23,6 +24,7 @@ export function setHandlePosition(targetElem, handleElem, anchorElem, leftOffset
   }
   const left = leftOffset;
   handleElem.style.opacity = '1';
+  handleElem.style.visibility = 'visible';
   handleElem.style.transform = `translate(${left}px, ${top}px)`;
 }
 //# sourceMappingURL=setHandlePosition.js.map

package/dist/lexical/plugins/handles/utils/setHandlePosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"setHandlePosition.js","names":["doesLineHeightAffectElement","setHandlePosition","targetElem","handleElem","anchorElem","leftOffset","style","opacity","transform","targetRect","getBoundingClientRect","targetStyle","window","getComputedStyle","floatingElemRect","anchorElementRect","top","isBlockStyle","some","classes","classList","contains","firstElementChild","actualLineHeight","parseInt","lineHeight","height","left"],"sources":["../../../../../src/lexical/plugins/handles/utils/setHandlePosition.ts"],"sourcesContent":["'use client'\nimport { doesLineHeightAffectElement } from './doesLineHeightAffectElement.js'\n\nexport function setHandlePosition(\n  targetElem: HTMLElement | null,\n  handleElem: HTMLElement,\n  anchorElem: HTMLElement,\n  leftOffset: number = 0, // SPACE\n) {\n  if (!targetElem) {\n    handleElem.style.opacity = '0'\n    handleElem.style.transform = 'translate(-10000px, -10000px)'\n    return\n  }\n\n  const targetRect = targetElem.getBoundingClientRect()\n  const targetStyle = window.getComputedStyle(targetElem)\n  const floatingElemRect = handleElem.getBoundingClientRect()\n  const anchorElementRect = anchorElem.getBoundingClientRect()\n\n  let top: number\n\n  const isBlockStyle = [\n    'LexicalEditorTheme__block',\n    'LexicalEditorTheme__upload',\n    'LexicalEditorTheme__relationship',\n  ].some(\n    (classes) =>\n      targetElem.classList.contains(classes) ||\n      targetElem.firstElementChild?.classList.contains(classes),\n  )\n\n  if (!isBlockStyle) {\n    // No need to let line height affect the re-positioning of the floating element if line height has no\n    // visual effect on the element. Otherwise, the floating element will be positioned incorrectly.\n    const actualLineHeight = doesLineHeightAffectElement(targetElem)\n      ? parseInt(targetStyle.lineHeight, 10)\n      : 0\n\n    top = targetRect.top + (actualLineHeight - floatingElemRect.height) / 2 - anchorElementRect.top\n  } else {\n    top = targetRect.top + 8 - anchorElementRect.top\n  }\n\n  const left = leftOffset\n\n  handleElem.style.opacity = '1'\n  handleElem.style.transform = `translate(${left}px, ${top}px)`\n}\n"],"mappings":"AAAA;;AACA,SAASA,2BAA2B,QAAQ;AAE5C,OAAO,SAASC,kBACdC,UAA8B,EAC9BC,UAAuB,EACvBC,UAAuB,EACvBC,UAAA,GAAqB,CAAC;EAEtB,IAAI,CAACH,UAAA,EAAY;IACfC,UAAA,CAAWG,KAAK,CAACC,OAAO,GAAG;IAC3BJ,UAAA,CAAWG,KAAK,CAACE,SAAS,GAAG;IAC7B;EACF;EAEA,MAAMC,UAAA,GAAaP,UAAA,CAAWQ,qBAAqB;EACnD,MAAMC,WAAA,GAAcC,MAAA,CAAOC,gBAAgB,CAACX,UAAA;EAC5C,MAAMY,gBAAA,GAAmBX,UAAA,CAAWO,qBAAqB;EACzD,MAAMK,iBAAA,GAAoBX,UAAA,CAAWM,qBAAqB;EAE1D,IAAIM,GAAA;EAEJ,MAAMC,YAAA,GAAe,CACnB,6BACA,8BACA,mCACD,CAACC,IAAI,CACHC,OAAA,IACCjB,UAAA,CAAWkB,SAAS,CAACC,QAAQ,CAACF,OAAA,KAC9BjB,UAAA,CAAWoB,iBAAiB,EAAEF,SAAA,CAAUC,QAAA,CAASF,OAAA;EAGrD,IAAI,CAACF,YAAA,EAAc;IACjB;IACA;IACA,MAAMM,gBAAA,GAAmBvB,2BAAA,CAA4BE,UAAA,IACjDsB,QAAA,CAASb,WAAA,CAAYc,UAAU,EAAE,MACjC;IAEJT,GAAA,GAAMP,UAAA,CAAWO,GAAG,GAAG,CAACO,gBAAA,GAAmBT,gBAAA,CAAiBY,MAAM,IAAI,IAAIX,iBAAA,CAAkBC,GAAG;EACjG,OAAO;IACLA,GAAA,GAAMP,UAAA,CAAWO,GAAG,GAAG,IAAID,iBAAA,CAAkBC,GAAG;EAClD;EAEA,MAAMW,IAAA,GAAOtB,UAAA;EAEbF,UAAA,CAAWG,KAAK,CAACC,OAAO,GAAG;EAC3BJ,UAAA,CAAWG,KAAK,CAACE,SAAS,GAAG,aAAamB,IAAA,OAAWX,GAAA,KAAQ;AAC/D","ignoreList":[]}
+{"version":3,"file":"setHandlePosition.js","names":["doesLineHeightAffectElement","setHandlePosition","targetElem","handleElem","anchorElem","leftOffset","style","visibility","opacity","transform","targetRect","getBoundingClientRect","targetStyle","window","getComputedStyle","floatingElemRect","anchorElementRect","top","isBlockStyle","some","classes","classList","contains","firstElementChild","actualLineHeight","parseInt","lineHeight","height","left"],"sources":["../../../../../src/lexical/plugins/handles/utils/setHandlePosition.ts"],"sourcesContent":["'use client'\nimport { doesLineHeightAffectElement } from './doesLineHeightAffectElement.js'\n\nexport function setHandlePosition(\n  targetElem: HTMLElement | null,\n  handleElem: HTMLElement,\n  anchorElem: HTMLElement,\n  leftOffset: number = 0, // SPACE\n) {\n  if (!targetElem) {\n    handleElem.style.visibility = 'hidden'\n    handleElem.style.opacity = '0'\n    handleElem.style.transform = 'translate(-10000px, -10000px)'\n    return\n  }\n\n  const targetRect = targetElem.getBoundingClientRect()\n  const targetStyle = window.getComputedStyle(targetElem)\n  const floatingElemRect = handleElem.getBoundingClientRect()\n  const anchorElementRect = anchorElem.getBoundingClientRect()\n\n  let top: number\n\n  const isBlockStyle = [\n    'LexicalEditorTheme__block',\n    'LexicalEditorTheme__upload',\n    'LexicalEditorTheme__relationship',\n  ].some(\n    (classes) =>\n      targetElem.classList.contains(classes) ||\n      targetElem.firstElementChild?.classList.contains(classes),\n  )\n\n  if (!isBlockStyle) {\n    // No need to let line height affect the re-positioning of the floating element if line height has no\n    // visual effect on the element. Otherwise, the floating element will be positioned incorrectly.\n    const actualLineHeight = doesLineHeightAffectElement(targetElem)\n      ? parseInt(targetStyle.lineHeight, 10)\n      : 0\n\n    top = targetRect.top + (actualLineHeight - floatingElemRect.height) / 2 - anchorElementRect.top\n  } else {\n    top = targetRect.top + 8 - anchorElementRect.top\n  }\n\n  const left = leftOffset\n\n  handleElem.style.opacity = '1'\n  handleElem.style.visibility = 'visible'\n  handleElem.style.transform = `translate(${left}px, ${top}px)`\n}\n"],"mappings":"AAAA;;AACA,SAASA,2BAA2B,QAAQ;AAE5C,OAAO,SAASC,kBACdC,UAA8B,EAC9BC,UAAuB,EACvBC,UAAuB,EACvBC,UAAA,GAAqB,CAAC;EAEtB,IAAI,CAACH,UAAA,EAAY;IACfC,UAAA,CAAWG,KAAK,CAACC,UAAU,GAAG;IAC9BJ,UAAA,CAAWG,KAAK,CAACE,OAAO,GAAG;IAC3BL,UAAA,CAAWG,KAAK,CAACG,SAAS,GAAG;IAC7B;EACF;EAEA,MAAMC,UAAA,GAAaR,UAAA,CAAWS,qBAAqB;EACnD,MAAMC,WAAA,GAAcC,MAAA,CAAOC,gBAAgB,CAACZ,UAAA;EAC5C,MAAMa,gBAAA,GAAmBZ,UAAA,CAAWQ,qBAAqB;EACzD,MAAMK,iBAAA,GAAoBZ,UAAA,CAAWO,qBAAqB;EAE1D,IAAIM,GAAA;EAEJ,MAAMC,YAAA,GAAe,CACnB,6BACA,8BACA,mCACD,CAACC,IAAI,CACHC,OAAA,IACClB,UAAA,CAAWmB,SAAS,CAACC,QAAQ,CAACF,OAAA,KAC9BlB,UAAA,CAAWqB,iBAAiB,EAAEF,SAAA,CAAUC,QAAA,CAASF,OAAA;EAGrD,IAAI,CAACF,YAAA,EAAc;IACjB;IACA;IACA,MAAMM,gBAAA,GAAmBxB,2BAAA,CAA4BE,UAAA,IACjDuB,QAAA,CAASb,WAAA,CAAYc,UAAU,EAAE,MACjC;IAEJT,GAAA,GAAMP,UAAA,CAAWO,GAAG,GAAG,CAACO,gBAAA,GAAmBT,gBAAA,CAAiBY,MAAM,IAAI,IAAIX,iBAAA,CAAkBC,GAAG;EACjG,OAAO;IACLA,GAAA,GAAMP,UAAA,CAAWO,GAAG,GAAG,IAAID,iBAAA,CAAkBC,GAAG;EAClD;EAEA,MAAMW,IAAA,GAAOvB,UAAA;EAEbF,UAAA,CAAWG,KAAK,CAACE,OAAO,GAAG;EAC3BL,UAAA,CAAWG,KAAK,CAACC,UAAU,GAAG;EAC9BJ,UAAA,CAAWG,KAAK,CAACG,SAAS,GAAG,aAAamB,IAAA,OAAWX,GAAA,KAAQ;AAC/D","ignoreList":[]}

package/dist/lexical/theme/EditorTheme.css

@@ -0,0 +1,356 @@
+@layer payload-default {
+  .LexicalEditorTheme {
+    --lexical-indent-base-value: var(--spacer-6);
+
+    /* Lexical heading typography scale */
+    --lexical-h1-font-size: 2rem; /* 32px */
+    --lexical-h1-letter-spacing: -0.544px;
+    --lexical-h2-font-size: 1.5rem; /* 24px */
+    --lexical-h2-letter-spacing: var(--text-heading-large-letter-spacing);
+    --lexical-h2-line-height: 2rem; /* 32px */
+    --lexical-h3-font-size: 1.25rem; /* 20px */
+    --lexical-h3-letter-spacing: -0.34px;
+    --lexical-h4-font-size: 1rem; /* 16px */
+    --lexical-h4-letter-spacing: -0.272px;
+    --lexical-h5-font-size: 0.8125rem; /* 13px */
+    --lexical-h5-letter-spacing: -0.221px;
+    --lexical-h6-font-size: 0.6875rem; /* 11px */
+    --lexical-h6-letter-spacing: -0.187px;
+    --lexical-body-letter-spacing: -0.0325px;
+
+    color: var(--color-text);
+  }
+
+  .LexicalEditorTheme > :first-child {
+    margin-top: 0;
+  }
+
+  .LexicalEditorTheme > :last-child {
+    margin-bottom: 0;
+  }
+
+  .LexicalEditorTheme__ltr {
+    text-align: left;
+  }
+
+  .LexicalEditorTheme__rtl {
+    text-align: right;
+  }
+
+  .LexicalEditorTheme__paragraph {
+    font-size: var(--text-body-large-font-size);
+    font-weight: var(--text-body-large-font-weight);
+    line-height: var(--text-body-large-line-height);
+    letter-spacing: var(--lexical-body-letter-spacing);
+    margin-block: var(--spacer-3);
+    position: relative;
+  }
+
+  .LexicalEditorTheme__quote {
+    font-size: var(--spacer-3);
+    line-height: 1.5;
+    letter-spacing: normal;
+    color: var(--color-text);
+    margin-block: var(--spacer-3);
+    margin-inline: var(--spacer-1);
+    border-inline-start-color: var(--color-border);
+    border-inline-start-width: var(--spacer-1);
+    border-inline-start-style: solid;
+    padding-inline-start: var(--spacer-2-5);
+    padding-block: var(--spacer-1);
+  }
+
+  .LexicalEditorTheme__h1,
+  .LexicalEditorTheme__h2,
+  .LexicalEditorTheme__h3,
+  .LexicalEditorTheme__h4,
+  .LexicalEditorTheme__h5,
+  .LexicalEditorTheme__h6 {
+    font-weight: 550;
+    line-height: 1.2;
+    margin-block: var(--spacer-3);
+  }
+
+  .LexicalEditorTheme__h1 {
+    font-size: var(--lexical-h1-font-size);
+    letter-spacing: var(--lexical-h1-letter-spacing);
+  }
+
+  .LexicalEditorTheme__h2 {
+    font-size: var(--lexical-h2-font-size);
+    line-height: var(--lexical-h2-line-height);
+    letter-spacing: var(--lexical-h2-letter-spacing);
+  }
+
+  .LexicalEditorTheme__h3 {
+    font-size: var(--lexical-h3-font-size);
+    letter-spacing: var(--lexical-h3-letter-spacing);
+  }
+
+  .LexicalEditorTheme__h4 {
+    font-size: var(--lexical-h4-font-size);
+    letter-spacing: var(--lexical-h4-letter-spacing);
+  }
+
+  .LexicalEditorTheme__h5 {
+    font-size: var(--lexical-h5-font-size);
+    letter-spacing: var(--lexical-h5-letter-spacing);
+  }
+
+  .LexicalEditorTheme__h6 {
+    font-size: var(--lexical-h6-font-size);
+    letter-spacing: var(--lexical-h6-letter-spacing);
+  }
+
+  .LexicalEditorTheme__textBold {
+    font-weight: bold;
+  }
+
+  .LexicalEditorTheme__textItalic {
+    font-style: italic;
+  }
+
+  .LexicalEditorTheme__textUnderline {
+    text-decoration: underline;
+  }
+
+  .LexicalEditorTheme__textStrikethrough {
+    text-decoration: line-through;
+  }
+
+  .LexicalEditorTheme__textUnderlineStrikethrough {
+    text-decoration: underline line-through;
+  }
+
+  .LexicalEditorTheme__tabNode {
+    position: relative;
+    text-decoration: none;
+  }
+
+  .LexicalEditorTheme__tabNode.LexicalEditorTheme__textUnderline::after {
+    content: '';
+    position: absolute;
+    inset-inline: 0;
+    bottom: 0.15em;
+    border-bottom: 0.1em solid currentColor;
+  }
+
+  .LexicalEditorTheme__tabNode.LexicalEditorTheme__textStrikethrough::before {
+    content: '';
+    position: absolute;
+    inset-inline: 0;
+    top: 0.69em;
+    border-top: 0.1em solid currentColor;
+  }
+
+  .LexicalEditorTheme__tabNode.LexicalEditorTheme__textUnderlineStrikethrough::before,
+  .LexicalEditorTheme__tabNode.LexicalEditorTheme__textUnderlineStrikethrough::after {
+    content: '';
+    position: absolute;
+    inset-inline: 0;
+  }
+
+  .LexicalEditorTheme__tabNode.LexicalEditorTheme__textUnderlineStrikethrough::before {
+    top: 0.69em;
+    border-top: 0.1em solid currentColor;
+  }
+
+  .LexicalEditorTheme__tabNode.LexicalEditorTheme__textUnderlineStrikethrough::after {
+    bottom: 0.05em;
+    border-bottom: 0.1em solid currentColor;
+  }
+
+  .LexicalEditorTheme__textSubscript {
+    font-size: 0.8em;
+    vertical-align: sub !important;
+  }
+
+  .LexicalEditorTheme__textSuperscript {
+    font-size: 0.8em;
+    vertical-align: super;
+  }
+
+  .LexicalEditorTheme__textCode {
+    border: var(--stroke-width-small) solid var(--color-border);
+    color: var(--color-text);
+    padding: var(--spacer-1);
+    font-family: 'SF Mono', Menlo, Consolas, Monaco, monospace;
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    border-radius: var(--radius-small);
+    box-decoration-break: clone;
+    -webkit-box-decoration-break: clone;
+  }
+
+  .LexicalEditorTheme__link {
+    color: var(--color-text-brand);
+    text-decoration: underline;
+    pointer-events: none;
+  }
+
+  .LexicalEditorTheme__blockCursor {
+    display: block;
+    pointer-events: none;
+    position: absolute;
+
+    &:after {
+      content: '';
+      display: block;
+      position: absolute;
+      top: calc(var(--stroke-width-medium) * -1);
+      width: var(--spacer-3);
+      border-top: var(--stroke-width-small) solid var(--color-text);
+      animation: CursorBlink 1.1s steps(2, start) infinite;
+    }
+  }
+
+  @keyframes CursorBlink {
+    to {
+      visibility: hidden;
+    }
+  }
+
+  .LexicalEditorTheme__ol1 {
+    padding: 0;
+    list-style-type: decimal;
+    list-style-position: outside;
+    margin-block: var(--spacer-3);
+  }
+
+  .LexicalEditorTheme__ol2 {
+    padding: 0;
+    margin: 0;
+    list-style-type: upper-alpha;
+    list-style-position: outside;
+  }
+
+  .LexicalEditorTheme__ol3 {
+    padding: 0;
+    margin: 0;
+    list-style-type: lower-alpha;
+    list-style-position: outside;
+  }
+
+  .LexicalEditorTheme__ol4 {
+    padding: 0;
+    margin: 0;
+    list-style-type: upper-roman;
+    list-style-position: outside;
+  }
+
+  .LexicalEditorTheme__ol5 {
+    padding: 0;
+    margin: 0;
+    list-style-type: lower-roman;
+    list-style-position: outside;
+  }
+
+  .LexicalEditorTheme__ul {
+    padding: 0;
+    margin-block: var(--spacer-3);
+    list-style-type: disc;
+    list-style-position: outside;
+  }
+
+  .LexicalEditorTheme__ul ul {
+    margin: 0;
+  }
+
+  .LexicalEditorTheme__listItem {
+    font-size: var(--text-body-large-font-size);
+    margin-block-end: var(--spacer-3);
+    margin-inline-start: var(--spacer-6);
+  }
+
+  .LexicalEditorTheme__listItem[style*='text-align: center'],
+  .LexicalEditorTheme__listItem[style*='text-align: right'],
+  .LexicalEditorTheme__listItem[style*='text-align: justify'] {
+    list-style-position: inside;
+  }
+
+  .LexicalEditorTheme__listItem::marker {
+    color: var(--listitem-marker-color);
+    background-color: var(--listitem-marker-background-color);
+    font-family: var(--listitem-marker-font-family);
+    font-size: var(--listitem-marker-font-size);
+  }
+
+  .LexicalEditorTheme__listItem[dir='rtl'] {
+    margin-block-end: 0.4em;
+    margin-inline-end: var(--spacer-6);
+  }
+
+  .LexicalEditorTheme__listItemChecked,
+  .LexicalEditorTheme__listItemUnchecked {
+    position: relative;
+    padding-inline-start: var(--spacer-4);
+    margin-inline-start: var(--spacer-3);
+    list-style-type: none;
+    outline: none;
+  }
+
+  .LexicalEditorTheme__listItemUnchecked[dir='rtl'],
+  .LexicalEditorTheme__listItemChecked[dir='rtl'] {
+    margin-inline-start: 0;
+    padding-inline-start: 0;
+    padding-inline-end: var(--spacer-4);
+    margin-inline-end: var(--spacer-3);
+  }
+
+  .LexicalEditorTheme__listItemChecked {
+    text-decoration: line-through;
+  }
+
+  .LexicalEditorTheme__listItemUnchecked:before,
+  .LexicalEditorTheme__listItemChecked:before {
+    content: '';
+    width: var(--spacer-3);
+    height: var(--spacer-3);
+    top: 0;
+    inset-inline-start: 0;
+    cursor: pointer;
+    display: block;
+    position: absolute;
+    border-radius: var(--radius-medium);
+    box-sizing: border-box;
+  }
+
+  .LexicalEditorTheme__listItemUnchecked[dir='rtl']:before,
+  .LexicalEditorTheme__listItemChecked[dir='rtl']:before {
+    inset-inline-start: auto;
+    inset-inline-end: 0;
+  }
+
+  .LexicalEditorTheme__listItemUnchecked:focus:before,
+  .LexicalEditorTheme__listItemChecked:focus:before {
+    outline: 0;
+    box-shadow: 0 0 0 var(--stroke-width-medium) var(--color-border-selected);
+  }
+
+  .LexicalEditorTheme__listItemUnchecked:before {
+    border: var(--stroke-width-small) solid var(--color-text);
+    background-color: var(--color-bg);
+  }
+
+  .LexicalEditorTheme__listItemChecked:before {
+    border: none;
+    background-color: var(--color-bg-brand);
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5839 3.72266C11.7371 3.49298 12.0476 3.43085 12.2773 3.58399C12.5069 3.73716 12.569 4.04762 12.416 4.27735L7.41596 11.7773C7.33289 11.9019 7.19778 11.9833 7.04877 11.998C6.8999 12.0126 6.75223 11.9593 6.64642 11.8535L3.64642 8.85352C3.4512 8.65826 3.45119 8.34174 3.64642 8.14649C3.84169 7.95133 4.15822 7.95128 4.35346 8.14649L6.92182 10.7148L11.5839 3.72266Z' fill='white'/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: var(--spacer-3);
+  }
+
+  .LexicalEditorTheme__nestedListItem {
+    list-style-type: none;
+  }
+
+  .LexicalEditorTheme__nestedListItem:before,
+  .LexicalEditorTheme__nestedListItem:after {
+    display: none;
+  }
+}
+
+.ContentEditable__root *::selection {
+  background: var(--color-bg-selected-hover) !important;
+}

package/dist/lexical/theme/EditorTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorTheme.d.ts","sourceRoot":"","sources":["../../../src/lexical/theme/EditorTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,eAAO,MAAM,kBAAkB,EAAE,kBA0EhC,CAAA"}
+{"version":3,"file":"EditorTheme.d.ts","sourceRoot":"","sources":["../../../src/lexical/theme/EditorTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,eAAO,MAAM,kBAAkB,EAAE,kBA2EhC,CAAA"}

package/dist/lexical/theme/EditorTheme.js

@@ -34,6 +34,7 @@ export const LexicalEditorTheme = {
   placeholder: 'LexicalEditorTheme__placeholder',
   quote: 'LexicalEditorTheme__quote',
   relationship: 'LexicalEditorTheme__relationship',
+  root: 'LexicalEditorTheme',
   rtl: 'LexicalEditorTheme__rtl',
   tab: 'LexicalEditorTheme__tabNode',
   table: 'LexicalEditorTheme__table',

package/dist/lexical/theme/EditorTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorTheme.js","names":["LexicalEditorTheme","block","blockCursor","characterLimit","code","inlineBlock","heading","h1","h2","h3","h4","h5","h6","hr","hrSelected","indent","link","list","checklist","listitem","listitemChecked","listitemUnchecked","nested","olDepth","ul","ltr","mark","markOverlap","paragraph","placeholder","quote","relationship","rtl","tab","table","tableAddColumns","tableAddRows","tableAlignment","center","right","tableCell","tableCellActionButton","tableCellActionButtonContainer","tableCellHeader","tableCellResizer","tableCellSelected","tableFrozenColumn","tableRowStriping","tableScrollableWrapper","tableSelected","tableSelection","text","bold","italic","strikethrough","subscript","superscript","underline","underlineStrikethrough","upload"],"sources":["../../../src/lexical/theme/EditorTheme.tsx"],"sourcesContent":["import type { EditorThemeClasses } from 'lexical'\n\nexport const LexicalEditorTheme: EditorThemeClasses = {\n  block: 'LexicalEditorTheme__block',\n  blockCursor: 'LexicalEditorTheme__blockCursor',\n  characterLimit: 'LexicalEditorTheme__characterLimit',\n  code: 'LexicalEditorTheme__code',\n  inlineBlock: 'LexicalEditorTheme__inlineBlock',\n\n  heading: {\n    h1: 'LexicalEditorTheme__h1',\n    h2: 'LexicalEditorTheme__h2',\n    h3: 'LexicalEditorTheme__h3',\n    h4: 'LexicalEditorTheme__h4',\n    h5: 'LexicalEditorTheme__h5',\n    h6: 'LexicalEditorTheme__h6',\n  },\n  hr: 'LexicalEditorTheme__hr',\n  hrSelected: 'LexicalEditorTheme__hrSelected',\n  indent: 'LexicalEditorTheme__indent',\n  link: 'LexicalEditorTheme__link',\n  list: {\n    checklist: 'LexicalEditorTheme__checklist',\n    listitem: 'LexicalEditorTheme__listItem',\n    listitemChecked: 'LexicalEditorTheme__listItemChecked',\n    listitemUnchecked: 'LexicalEditorTheme__listItemUnchecked',\n    nested: {\n      listitem: 'LexicalEditorTheme__nestedListItem',\n    },\n    olDepth: [\n      'LexicalEditorTheme__ol1',\n      'LexicalEditorTheme__ol2',\n      'LexicalEditorTheme__ol3',\n      'LexicalEditorTheme__ol4',\n      'LexicalEditorTheme__ol5',\n    ],\n    ul: 'LexicalEditorTheme__ul',\n  },\n  ltr: 'LexicalEditorTheme__ltr',\n  mark: 'LexicalEditorTheme__mark',\n  markOverlap: 'LexicalEditorTheme__markOverlap',\n  paragraph: 'LexicalEditorTheme__paragraph',\n  placeholder: 'LexicalEditorTheme__placeholder',\n  quote: 'LexicalEditorTheme__quote',\n  relationship: 'LexicalEditorTheme__relationship',\n  rtl: 'LexicalEditorTheme__rtl',\n  tab: 'LexicalEditorTheme__tabNode',\n  table: 'LexicalEditorTheme__table',\n  tableAddColumns: 'LexicalEditorTheme__tableAddColumns',\n  tableAddRows: 'LexicalEditorTheme__tableAddRows',\n  tableAlignment: {\n    center: 'LexicalEditorTheme__tableAlignmentCenter',\n    right: 'LexicalEditorTheme__tableAlignmentRight',\n  },\n  tableCell: 'LexicalEditorTheme__tableCell',\n  tableCellActionButton: 'LexicalEditorTheme__tableCellActionButton',\n  tableCellActionButtonContainer: 'LexicalEditorTheme__tableCellActionButtonContainer',\n  tableCellHeader: 'LexicalEditorTheme__tableCellHeader',\n  tableCellResizer: 'LexicalEditorTheme__tableCellResizer',\n  tableCellSelected: 'LexicalEditorTheme__tableCellSelected',\n  tableFrozenColumn: 'LexicalEditorTheme__tableFrozenColumn',\n  tableRowStriping: 'LexicalEditorTheme__tableRowStriping',\n  tableScrollableWrapper: 'LexicalEditorTheme__tableScrollableWrapper',\n  tableSelected: 'LexicalEditorTheme__tableSelected',\n  tableSelection: 'LexicalEditorTheme__tableSelection',\n  text: {\n    bold: 'LexicalEditorTheme__textBold',\n    code: 'LexicalEditorTheme__textCode',\n    italic: 'LexicalEditorTheme__textItalic',\n    strikethrough: 'LexicalEditorTheme__textStrikethrough',\n    subscript: 'LexicalEditorTheme__textSubscript',\n    superscript: 'LexicalEditorTheme__textSuperscript',\n    underline: 'LexicalEditorTheme__textUnderline',\n    underlineStrikethrough: 'LexicalEditorTheme__textUnderlineStrikethrough',\n  },\n  upload: 'LexicalEditorTheme__upload',\n}\n"],"mappings":"AAEA,OAAO,MAAMA,kBAAA,GAAyC;EACpDC,KAAA,EAAO;EACPC,WAAA,EAAa;EACbC,cAAA,EAAgB;EAChBC,IAAA,EAAM;EACNC,WAAA,EAAa;EAEbC,OAAA,EAAS;IACPC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;EACN;EACAC,EAAA,EAAI;EACJC,UAAA,EAAY;EACZC,MAAA,EAAQ;EACRC,IAAA,EAAM;EACNC,IAAA,EAAM;IACJC,SAAA,EAAW;IACXC,QAAA,EAAU;IACVC,eAAA,EAAiB;IACjBC,iBAAA,EAAmB;IACnBC,MAAA,EAAQ;MACNH,QAAA,EAAU;IACZ;IACAI,OAAA,EAAS,CACP,2BACA,2BACA,2BACA,2BACA,0BACD;IACDC,EAAA,EAAI;EACN;EACAC,GAAA,EAAK;EACLC,IAAA,EAAM;EACNC,WAAA,EAAa;EACbC,SAAA,EAAW;EACXC,WAAA,EAAa;EACbC,KAAA,EAAO;EACPC,YAAA,EAAc;EACdC,GAAA,EAAK;EACLC,GAAA,EAAK;EACLC,KAAA,EAAO;EACPC,eAAA,EAAiB;EACjBC,YAAA,EAAc;EACdC,cAAA,EAAgB;IACdC,MAAA,EAAQ;IACRC,KAAA,EAAO;EACT;EACAC,SAAA,EAAW;EACXC,qBAAA,EAAuB;EACvBC,8BAAA,EAAgC;EAChCC,eAAA,EAAiB;EACjBC,gBAAA,EAAkB;EAClBC,iBAAA,EAAmB;EACnBC,iBAAA,EAAmB;EACnBC,gBAAA,EAAkB;EAClBC,sBAAA,EAAwB;EACxBC,aAAA,EAAe;EACfC,cAAA,EAAgB;EAChBC,IAAA,EAAM;IACJC,IAAA,EAAM;IACNhD,IAAA,EAAM;IACNiD,MAAA,EAAQ;IACRC,aAAA,EAAe;IACfC,SAAA,EAAW;IACXC,WAAA,EAAa;IACbC,SAAA,EAAW;IACXC,sBAAA,EAAwB;EAC1B;EACAC,MAAA,EAAQ;AACV","ignoreList":[]}
+{"version":3,"file":"EditorTheme.js","names":["LexicalEditorTheme","block","blockCursor","characterLimit","code","inlineBlock","heading","h1","h2","h3","h4","h5","h6","hr","hrSelected","indent","link","list","checklist","listitem","listitemChecked","listitemUnchecked","nested","olDepth","ul","ltr","mark","markOverlap","paragraph","placeholder","quote","relationship","root","rtl","tab","table","tableAddColumns","tableAddRows","tableAlignment","center","right","tableCell","tableCellActionButton","tableCellActionButtonContainer","tableCellHeader","tableCellResizer","tableCellSelected","tableFrozenColumn","tableRowStriping","tableScrollableWrapper","tableSelected","tableSelection","text","bold","italic","strikethrough","subscript","superscript","underline","underlineStrikethrough","upload"],"sources":["../../../src/lexical/theme/EditorTheme.tsx"],"sourcesContent":["import type { EditorThemeClasses } from 'lexical'\n\nexport const LexicalEditorTheme: EditorThemeClasses = {\n  block: 'LexicalEditorTheme__block',\n  blockCursor: 'LexicalEditorTheme__blockCursor',\n  characterLimit: 'LexicalEditorTheme__characterLimit',\n  code: 'LexicalEditorTheme__code',\n  inlineBlock: 'LexicalEditorTheme__inlineBlock',\n\n  heading: {\n    h1: 'LexicalEditorTheme__h1',\n    h2: 'LexicalEditorTheme__h2',\n    h3: 'LexicalEditorTheme__h3',\n    h4: 'LexicalEditorTheme__h4',\n    h5: 'LexicalEditorTheme__h5',\n    h6: 'LexicalEditorTheme__h6',\n  },\n  hr: 'LexicalEditorTheme__hr',\n  hrSelected: 'LexicalEditorTheme__hrSelected',\n  indent: 'LexicalEditorTheme__indent',\n  link: 'LexicalEditorTheme__link',\n  list: {\n    checklist: 'LexicalEditorTheme__checklist',\n    listitem: 'LexicalEditorTheme__listItem',\n    listitemChecked: 'LexicalEditorTheme__listItemChecked',\n    listitemUnchecked: 'LexicalEditorTheme__listItemUnchecked',\n    nested: {\n      listitem: 'LexicalEditorTheme__nestedListItem',\n    },\n    olDepth: [\n      'LexicalEditorTheme__ol1',\n      'LexicalEditorTheme__ol2',\n      'LexicalEditorTheme__ol3',\n      'LexicalEditorTheme__ol4',\n      'LexicalEditorTheme__ol5',\n    ],\n    ul: 'LexicalEditorTheme__ul',\n  },\n  ltr: 'LexicalEditorTheme__ltr',\n  mark: 'LexicalEditorTheme__mark',\n  markOverlap: 'LexicalEditorTheme__markOverlap',\n  paragraph: 'LexicalEditorTheme__paragraph',\n  placeholder: 'LexicalEditorTheme__placeholder',\n  quote: 'LexicalEditorTheme__quote',\n  relationship: 'LexicalEditorTheme__relationship',\n  root: 'LexicalEditorTheme',\n  rtl: 'LexicalEditorTheme__rtl',\n  tab: 'LexicalEditorTheme__tabNode',\n  table: 'LexicalEditorTheme__table',\n  tableAddColumns: 'LexicalEditorTheme__tableAddColumns',\n  tableAddRows: 'LexicalEditorTheme__tableAddRows',\n  tableAlignment: {\n    center: 'LexicalEditorTheme__tableAlignmentCenter',\n    right: 'LexicalEditorTheme__tableAlignmentRight',\n  },\n  tableCell: 'LexicalEditorTheme__tableCell',\n  tableCellActionButton: 'LexicalEditorTheme__tableCellActionButton',\n  tableCellActionButtonContainer: 'LexicalEditorTheme__tableCellActionButtonContainer',\n  tableCellHeader: 'LexicalEditorTheme__tableCellHeader',\n  tableCellResizer: 'LexicalEditorTheme__tableCellResizer',\n  tableCellSelected: 'LexicalEditorTheme__tableCellSelected',\n  tableFrozenColumn: 'LexicalEditorTheme__tableFrozenColumn',\n  tableRowStriping: 'LexicalEditorTheme__tableRowStriping',\n  tableScrollableWrapper: 'LexicalEditorTheme__tableScrollableWrapper',\n  tableSelected: 'LexicalEditorTheme__tableSelected',\n  tableSelection: 'LexicalEditorTheme__tableSelection',\n  text: {\n    bold: 'LexicalEditorTheme__textBold',\n    code: 'LexicalEditorTheme__textCode',\n    italic: 'LexicalEditorTheme__textItalic',\n    strikethrough: 'LexicalEditorTheme__textStrikethrough',\n    subscript: 'LexicalEditorTheme__textSubscript',\n    superscript: 'LexicalEditorTheme__textSuperscript',\n    underline: 'LexicalEditorTheme__textUnderline',\n    underlineStrikethrough: 'LexicalEditorTheme__textUnderlineStrikethrough',\n  },\n  upload: 'LexicalEditorTheme__upload',\n}\n"],"mappings":"AAEA,OAAO,MAAMA,kBAAA,GAAyC;EACpDC,KAAA,EAAO;EACPC,WAAA,EAAa;EACbC,cAAA,EAAgB;EAChBC,IAAA,EAAM;EACNC,WAAA,EAAa;EAEbC,OAAA,EAAS;IACPC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;EACN;EACAC,EAAA,EAAI;EACJC,UAAA,EAAY;EACZC,MAAA,EAAQ;EACRC,IAAA,EAAM;EACNC,IAAA,EAAM;IACJC,SAAA,EAAW;IACXC,QAAA,EAAU;IACVC,eAAA,EAAiB;IACjBC,iBAAA,EAAmB;IACnBC,MAAA,EAAQ;MACNH,QAAA,EAAU;IACZ;IACAI,OAAA,EAAS,CACP,2BACA,2BACA,2BACA,2BACA,0BACD;IACDC,EAAA,EAAI;EACN;EACAC,GAAA,EAAK;EACLC,IAAA,EAAM;EACNC,WAAA,EAAa;EACbC,SAAA,EAAW;EACXC,WAAA,EAAa;EACbC,KAAA,EAAO;EACPC,YAAA,EAAc;EACdC,IAAA,EAAM;EACNC,GAAA,EAAK;EACLC,GAAA,EAAK;EACLC,KAAA,EAAO;EACPC,eAAA,EAAiB;EACjBC,YAAA,EAAc;EACdC,cAAA,EAAgB;IACdC,MAAA,EAAQ;IACRC,KAAA,EAAO;EACT;EACAC,SAAA,EAAW;EACXC,qBAAA,EAAuB;EACvBC,8BAAA,EAAgC;EAChCC,eAAA,EAAiB;EACjBC,gBAAA,EAAkB;EAClBC,iBAAA,EAAmB;EACnBC,iBAAA,EAAmB;EACnBC,gBAAA,EAAkB;EAClBC,sBAAA,EAAwB;EACxBC,aAAA,EAAe;EACfC,cAAA,EAAgB;EAChBC,IAAA,EAAM;IACJC,IAAA,EAAM;IACNjD,IAAA,EAAM;IACNkD,MAAA,EAAQ;IACRC,aAAA,EAAe;IACfC,SAAA,EAAW;IACXC,WAAA,EAAa;IACbC,SAAA,EAAW;IACXC,sBAAA,EAAwB;EAC1B;EACAC,MAAA,EAAQ;AACV","ignoreList":[]}

package/dist/lexical/ui/ContentEditable.css

@@ -0,0 +1,100 @@
+@layer payload-default {
+  .ContentEditable__root {
+    border: 0;
+    display: block;
+    position: relative;
+    tab-size: 1;
+    outline: 0;
+    padding: var(--spacer-3) var(--spacer-3);
+    /* Reserve space for the InsertParagraphAtEnd hover "+" affordance, which
+       overlaps this bottom padding; shrinking it would cover the last line. */
+    padding-bottom: var(--spacer-4);
+
+    &:focus-visible {
+      outline: none !important;
+    }
+  }
+
+  @media (min-width: 768px) {
+    .ContentEditable__root {
+      padding: var(--spacer-4) var(--spacer-5);
+    }
+
+    .rich-text-lexical:not(.rich-text-lexical--show-gutter)
+      > .rich-text-lexical__wrap
+      > .rich-text-lexical__editor-content
+      > .editor-container
+      > .editor-scroller
+      > .editor
+      > .ContentEditable__root {
+      padding: var(--spacer-2) 0;
+    }
+  }
+
+  html[data-theme='light'] {
+    .rich-text-lexical.rich-text-lexical--show-gutter {
+      &.error:not(:hover) {
+        > .rich-text-lexical__wrap
+          > .rich-text-lexical__editor-content
+          > .editor-container
+          > .editor-scroller
+          > .editor
+          > .ContentEditable__root::before {
+          border-inline-start: var(--stroke-width-medium) solid var(--color-border-danger);
+        }
+      }
+
+      &.error:hover {
+        > .rich-text-lexical__wrap
+          > .rich-text-lexical__editor-content
+          > .editor-container
+          > .editor-scroller
+          > .editor
+          > .ContentEditable__root::before {
+          border-inline-start: var(--stroke-width-medium) solid var(--color-border-danger);
+        }
+      }
+    }
+
+    @media (max-width: 768px) {
+      .rich-text-lexical {
+        &.error {
+          > .rich-text-lexical__wrap {
+            background-color: var(--color-bg-danger-tertiary);
+            border: var(--stroke-width-small) solid var(--color-border-danger);
+          }
+        }
+      }
+    }
+  }
+
+  html[data-theme='dark'] {
+    .rich-text-lexical.rich-text-lexical--show-gutter {
+      &.error {
+        > .rich-text-lexical__wrap
+          > .rich-text-lexical__editor-content
+          > .editor-container
+          > .editor-scroller
+          > .editor
+          > .ContentEditable__root::before {
+          border-inline-start: var(--stroke-width-medium) solid var(--color-border-danger);
+        }
+      }
+    }
+
+    @media (max-width: 768px) {
+      .rich-text-lexical {
+        &.error {
+          > .rich-text-lexical__wrap {
+            background-color: var(--color-bg-danger-tertiary);
+            border: var(--stroke-width-small) solid var(--color-border-danger);
+
+            &:hover {
+              border-color: var(--color-border-danger);
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/dist/lexical/ui/ContentEditable.d.ts

@@ -1,8 +1,9 @@
 import type { JSX } from 'react';
-import './ContentEditable.scss';
+import './ContentEditable.css';
 import type { SanitizedClientEditorConfig } from '../config/types.js';
-export declare function LexicalContentEditable({ className, editorConfig, }: {
+export declare function LexicalContentEditable({ className, editorConfig, instructionsID, }: {
     className?: string;
     editorConfig: SanitizedClientEditorConfig;
+    instructionsID?: string;
 }): JSX.Element;
 //# sourceMappingURL=ContentEditable.d.ts.map

package/dist/lexical/ui/ContentEditable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditable.d.ts","sourceRoot":"","sources":["../../../src/lexical/ui/ContentEditable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAMhC,OAAO,wBAAwB,CAAA;AAI/B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAErE,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,YAAY,GACb,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,2BAA2B,CAAA;CAC1C,GAAG,GAAG,CAAC,OAAO,CAgBd"}
+{"version":3,"file":"ContentEditable.d.ts","sourceRoot":"","sources":["../../../src/lexical/ui/ContentEditable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAQhC,OAAO,uBAAuB,CAAA;AAI9B,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAA;AAIrE,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,YAAY,EACZ,cAAc,GACf,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,2BAA2B,CAAA;IACzC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,GAAG,CAAC,OAAO,CAwBd"}