@payloadcms/richtext-lexical 3.81.0-canary.4 → 3.81.0-internal-debug.1a0f4d0

package/dist/lexical/theme/EditorTheme.js

@@ -1,69 +1,76 @@
 export const LexicalEditorTheme = {
-  block: 'LexicalEditorTheme__block',
-  blockCursor: 'LexicalEditorTheme__blockCursor',
-  characterLimit: 'LexicalEditorTheme__characterLimit',
-  code: 'LexicalEditorTheme__code',
-  inlineBlock: 'LexicalEditorTheme__inlineBlock',
-  heading: {
-    h1: 'LexicalEditorTheme__h1',
-    h2: 'LexicalEditorTheme__h2',
-    h3: 'LexicalEditorTheme__h3',
-    h4: 'LexicalEditorTheme__h4',
-    h5: 'LexicalEditorTheme__h5',
-    h6: 'LexicalEditorTheme__h6'
-  },
-  hr: 'LexicalEditorTheme__hr',
-  hrSelected: 'LexicalEditorTheme__hrSelected',
-  indent: 'LexicalEditorTheme__indent',
-  link: 'LexicalEditorTheme__link',
-  list: {
-    checklist: 'LexicalEditorTheme__checklist',
-    listitem: 'LexicalEditorTheme__listItem',
-    listitemChecked: 'LexicalEditorTheme__listItemChecked',
-    listitemUnchecked: 'LexicalEditorTheme__listItemUnchecked',
-    nested: {
-      listitem: 'LexicalEditorTheme__nestedListItem'
+    block: 'LexicalEditorTheme__block',
+    blockCursor: 'LexicalEditorTheme__blockCursor',
+    characterLimit: 'LexicalEditorTheme__characterLimit',
+    code: 'LexicalEditorTheme__code',
+    inlineBlock: 'LexicalEditorTheme__inlineBlock',
+    heading: {
+        h1: 'LexicalEditorTheme__h1',
+        h2: 'LexicalEditorTheme__h2',
+        h3: 'LexicalEditorTheme__h3',
+        h4: 'LexicalEditorTheme__h4',
+        h5: 'LexicalEditorTheme__h5',
+        h6: 'LexicalEditorTheme__h6'
     },
-    olDepth: ['LexicalEditorTheme__ol1', 'LexicalEditorTheme__ol2', 'LexicalEditorTheme__ol3', 'LexicalEditorTheme__ol4', 'LexicalEditorTheme__ol5'],
-    ul: 'LexicalEditorTheme__ul'
-  },
-  ltr: 'LexicalEditorTheme__ltr',
-  mark: 'LexicalEditorTheme__mark',
-  markOverlap: 'LexicalEditorTheme__markOverlap',
-  paragraph: 'LexicalEditorTheme__paragraph',
-  placeholder: 'LexicalEditorTheme__placeholder',
-  quote: 'LexicalEditorTheme__quote',
-  relationship: 'LexicalEditorTheme__relationship',
-  rtl: 'LexicalEditorTheme__rtl',
-  tab: 'LexicalEditorTheme__tabNode',
-  table: 'LexicalEditorTheme__table',
-  tableAddColumns: 'LexicalEditorTheme__tableAddColumns',
-  tableAddRows: 'LexicalEditorTheme__tableAddRows',
-  tableAlignment: {
-    center: 'LexicalEditorTheme__tableAlignmentCenter',
-    right: 'LexicalEditorTheme__tableAlignmentRight'
-  },
-  tableCell: 'LexicalEditorTheme__tableCell',
-  tableCellActionButton: 'LexicalEditorTheme__tableCellActionButton',
-  tableCellActionButtonContainer: 'LexicalEditorTheme__tableCellActionButtonContainer',
-  tableCellHeader: 'LexicalEditorTheme__tableCellHeader',
-  tableCellResizer: 'LexicalEditorTheme__tableCellResizer',
-  tableCellSelected: 'LexicalEditorTheme__tableCellSelected',
-  tableFrozenColumn: 'LexicalEditorTheme__tableFrozenColumn',
-  tableRowStriping: 'LexicalEditorTheme__tableRowStriping',
-  tableScrollableWrapper: 'LexicalEditorTheme__tableScrollableWrapper',
-  tableSelected: 'LexicalEditorTheme__tableSelected',
-  tableSelection: 'LexicalEditorTheme__tableSelection',
-  text: {
-    bold: 'LexicalEditorTheme__textBold',
-    code: 'LexicalEditorTheme__textCode',
-    italic: 'LexicalEditorTheme__textItalic',
-    strikethrough: 'LexicalEditorTheme__textStrikethrough',
-    subscript: 'LexicalEditorTheme__textSubscript',
-    superscript: 'LexicalEditorTheme__textSuperscript',
-    underline: 'LexicalEditorTheme__textUnderline',
-    underlineStrikethrough: 'LexicalEditorTheme__textUnderlineStrikethrough'
-  },
-  upload: 'LexicalEditorTheme__upload'
+    hr: 'LexicalEditorTheme__hr',
+    hrSelected: 'LexicalEditorTheme__hrSelected',
+    indent: 'LexicalEditorTheme__indent',
+    link: 'LexicalEditorTheme__link',
+    list: {
+        checklist: 'LexicalEditorTheme__checklist',
+        listitem: 'LexicalEditorTheme__listItem',
+        listitemChecked: 'LexicalEditorTheme__listItemChecked',
+        listitemUnchecked: 'LexicalEditorTheme__listItemUnchecked',
+        nested: {
+            listitem: 'LexicalEditorTheme__nestedListItem'
+        },
+        olDepth: [
+            'LexicalEditorTheme__ol1',
+            'LexicalEditorTheme__ol2',
+            'LexicalEditorTheme__ol3',
+            'LexicalEditorTheme__ol4',
+            'LexicalEditorTheme__ol5'
+        ],
+        ul: 'LexicalEditorTheme__ul'
+    },
+    ltr: 'LexicalEditorTheme__ltr',
+    mark: 'LexicalEditorTheme__mark',
+    markOverlap: 'LexicalEditorTheme__markOverlap',
+    paragraph: 'LexicalEditorTheme__paragraph',
+    placeholder: 'LexicalEditorTheme__placeholder',
+    quote: 'LexicalEditorTheme__quote',
+    relationship: 'LexicalEditorTheme__relationship',
+    rtl: 'LexicalEditorTheme__rtl',
+    tab: 'LexicalEditorTheme__tabNode',
+    table: 'LexicalEditorTheme__table',
+    tableAddColumns: 'LexicalEditorTheme__tableAddColumns',
+    tableAddRows: 'LexicalEditorTheme__tableAddRows',
+    tableAlignment: {
+        center: 'LexicalEditorTheme__tableAlignmentCenter',
+        right: 'LexicalEditorTheme__tableAlignmentRight'
+    },
+    tableCell: 'LexicalEditorTheme__tableCell',
+    tableCellActionButton: 'LexicalEditorTheme__tableCellActionButton',
+    tableCellActionButtonContainer: 'LexicalEditorTheme__tableCellActionButtonContainer',
+    tableCellHeader: 'LexicalEditorTheme__tableCellHeader',
+    tableCellResizer: 'LexicalEditorTheme__tableCellResizer',
+    tableCellSelected: 'LexicalEditorTheme__tableCellSelected',
+    tableFrozenColumn: 'LexicalEditorTheme__tableFrozenColumn',
+    tableRowStriping: 'LexicalEditorTheme__tableRowStriping',
+    tableScrollableWrapper: 'LexicalEditorTheme__tableScrollableWrapper',
+    tableSelected: 'LexicalEditorTheme__tableSelected',
+    tableSelection: 'LexicalEditorTheme__tableSelection',
+    text: {
+        bold: 'LexicalEditorTheme__textBold',
+        code: 'LexicalEditorTheme__textCode',
+        italic: 'LexicalEditorTheme__textItalic',
+        strikethrough: 'LexicalEditorTheme__textStrikethrough',
+        subscript: 'LexicalEditorTheme__textSubscript',
+        superscript: 'LexicalEditorTheme__textSuperscript',
+        underline: 'LexicalEditorTheme__textUnderline',
+        underlineStrikethrough: 'LexicalEditorTheme__textUnderlineStrikethrough'
+    },
+    upload: 'LexicalEditorTheme__upload'
 };
+
 //# sourceMappingURL=EditorTheme.js.map

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,"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"],"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"],"mappings":"AAEA,OAAO,MAAMA,qBAAyC;IACpDC,OAAO;IACPC,aAAa;IACbC,gBAAgB;IAChBC,MAAM;IACNC,aAAa;IAEbC,SAAS;QACPC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;IACN;IACAC,IAAI;IACJC,YAAY;IACZC,QAAQ;IACRC,MAAM;IACNC,MAAM;QACJC,WAAW;QACXC,UAAU;QACVC,iBAAiB;QACjBC,mBAAmB;QACnBC,QAAQ;YACNH,UAAU;QACZ;QACAI,SAAS;YACP;YACA;YACA;YACA;YACA;SACD;QACDC,IAAI;IACN;IACAC,KAAK;IACLC,MAAM;IACNC,aAAa;IACbC,WAAW;IACXC,aAAa;IACbC,OAAO;IACPC,cAAc;IACdC,KAAK;IACLC,KAAK;IACLC,OAAO;IACPC,iBAAiB;IACjBC,cAAc;IACdC,gBAAgB;QACdC,QAAQ;QACRC,OAAO;IACT;IACAC,WAAW;IACXC,uBAAuB;IACvBC,gCAAgC;IAChCC,iBAAiB;IACjBC,kBAAkB;IAClBC,mBAAmB;IACnBC,mBAAmB;IACnBC,kBAAkB;IAClBC,wBAAwB;IACxBC,eAAe;IACfC,gBAAgB;IAChBC,MAAM;QACJC,MAAM;QACNhD,MAAM;QACNiD,QAAQ;QACRC,eAAe;QACfC,WAAW;QACXC,aAAa;QACbC,WAAW;QACXC,wBAAwB;IAC1B;IACAC,QAAQ;AACV,EAAC"}

package/dist/lexical/theme/EditorTheme.scss

@@ -0,0 +1,361 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  @mixin textBase {
+    font-size: base(0.8);
+    line-height: 1.5;
+    letter-spacing: normal;
+  }
+
+  .LexicalEditorTheme {
+    --lexical-indent-base-value: 40px;
+
+    &__ltr {
+      text-align: left;
+    }
+
+    &__rtl {
+      text-align: right;
+    }
+
+    &__paragraph {
+      @include textBase;
+      margin-bottom: 0.55em;
+      position: relative;
+      color: var(--theme-text);
+    }
+
+    &__quote {
+      @include textBase;
+      color: var(--theme-text);
+      margin-block: base(0.8);
+      margin-inline: base(0.2);
+      border-inline-start-color: var(--theme-elevation-150);
+      border-inline-start-width: base(0.2);
+      border-inline-start-style: solid;
+      padding-inline-start: base(0.6);
+      padding-block: base(0.2);
+    }
+
+    &__h1,
+    &__h2,
+    &__h3,
+    &__h4,
+    &__h5,
+    &__h6 {
+      @include textBase;
+      font-family: var(--font-body);
+      line-height: 1.125;
+      letter-spacing: 0;
+      color: var(--theme-text);
+    }
+
+    &__h1 {
+      font-size: base(1.4);
+      font-weight: 700;
+      margin-block: 0.5em 0.4em;
+    }
+
+    &__h2 {
+      font-size: base(1.25);
+      font-weight: 700;
+      margin-block: 0.55em 0.4em;
+    }
+
+    &__h3 {
+      font-size: base(1.1);
+      font-weight: 700;
+      margin-block: 0.6em 0.4em;
+    }
+
+    &__h4 {
+      font-size: base(1);
+      font-weight: 700;
+      margin-block: 0.65em 0.4em;
+    }
+
+    &__h5 {
+      font-size: base(0.9);
+      font-weight: 700;
+      margin-block: 0.7em 0.4em;
+    }
+
+    &__h6 {
+      @include textBase;
+      font-size: base(0.8);
+      font-weight: 700;
+      margin-block: 0.75em 0.4em;
+    }
+
+    &__textBold {
+      font-weight: bold;
+    }
+
+    &__textItalic {
+      font-style: italic;
+    }
+
+    &__textUnderline {
+      text-decoration: underline;
+    }
+
+    &__textStrikethrough {
+      text-decoration: line-through;
+    }
+
+    &__textUnderlineStrikethrough {
+      text-decoration: underline line-through;
+    }
+
+    &__tabNode {
+      position: relative;
+      text-decoration: none;
+    }
+
+    &__tabNode.LexicalEditorTheme__textUnderline::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0.15em;
+      border-bottom: 0.1em solid currentColor;
+    }
+
+    &__tabNode.LexicalEditorTheme__textStrikethrough::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0.69em;
+      border-top: 0.1em solid currentColor;
+    }
+
+    &__tabNode.LexicalEditorTheme__textUnderlineStrikethrough::before,
+    &__tabNode.LexicalEditorTheme__textUnderlineStrikethrough::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+    }
+
+    &__tabNode.LexicalEditorTheme__textUnderlineStrikethrough::before {
+      top: 0.69em;
+      border-top: 0.1em solid currentColor;
+    }
+
+    &__tabNode.LexicalEditorTheme__textUnderlineStrikethrough::after {
+      bottom: 0.05em;
+      border-bottom: 0.1em solid currentColor;
+    }
+
+    &__textSubscript {
+      font-size: 0.8em;
+      vertical-align: sub !important;
+    }
+
+    &__textSuperscript {
+      font-size: 0.8em;
+      vertical-align: super;
+    }
+
+    &__textCode {
+      background-color: var(--theme-elevation-50);
+      border: 1px solid var(--theme-elevation-150);
+      color: var(--theme-error-600);
+      padding: base(0.1) base(0.2);
+      font-family: 'SF Mono', Menlo, Consolas, Monaco, monospace;
+      font-size: 0.875em;
+      border-radius: var(--style-radius-s);
+      box-decoration-break: clone;
+      -webkit-box-decoration-break: clone;
+    }
+
+    &__link {
+      color: var(--theme-success-750);
+      text-decoration: none;
+      border-bottom: 1px dotted;
+      pointer-events: none;
+    }
+
+    // Renders cursor when native browser does not. See https://github.com/facebook/lexical/issues/3417
+    &__blockCursor {
+      display: block;
+      pointer-events: none;
+      position: absolute;
+
+      &:after {
+        content: '';
+        display: block;
+        position: absolute;
+        top: -2px;
+        width: 20px;
+        border-top: 1px solid var(--theme-text);
+        animation: CursorBlink 1.1s steps(2, start) infinite;
+      }
+    }
+
+    @keyframes CursorBlink {
+      to {
+        visibility: hidden;
+      }
+    }
+
+    &__ol1 {
+      padding: 0;
+      list-style-position: outside;
+      margin: base(0.4) 0 base(0.8);
+    }
+
+    &__ol2 {
+      padding: 0;
+      margin: 0;
+      list-style-type: upper-alpha;
+      list-style-position: outside;
+    }
+
+    &__ol3 {
+      padding: 0;
+      margin: 0;
+      list-style-type: lower-alpha;
+      list-style-position: outside;
+    }
+
+    &__ol4 {
+      padding: 0;
+      margin: 0;
+      list-style-type: upper-roman;
+      list-style-position: outside;
+    }
+
+    &__ol5 {
+      padding: 0;
+      margin: 0;
+      list-style-type: lower-roman;
+      list-style-position: outside;
+    }
+
+    &__ul {
+      padding: 0;
+      margin: base(0.4) 0 base(0.8);
+      list-style-position: outside;
+    }
+
+    &__ul ul {
+      margin: 0;
+    }
+
+    &__listItem {
+      @include textBase;
+      margin: 0 0 0.4em 40px;
+      color: var(--theme-text);
+    }
+
+    &__listItem::marker {
+      // See https://github.com/facebook/lexical/pull/7325/files#diff-915a0be0588ee3ceb38aca4ae182f51291c8885e7af5f8dca2a91f8d92a95e0c
+      // These are applied by the ListItemNode
+      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);
+    }
+
+    &__listItem[dir='rtl'] {
+      margin: 0 40px 0.4em 0;
+    }
+
+    &__listItemChecked,
+    &__listItemUnchecked {
+      position: relative;
+      // Instead of having margin-left: 40px like other list-items or indented paragraphs,
+      // we use padding-left: 25px + margin-left: 15px = 40px, so that the click position
+      // calculation in `CheckListPlugin` matches the checkbox
+      margin-left: 15px;
+      padding-left: 25px;
+      list-style-type: none;
+      outline: none;
+    }
+
+    // See comment above for why we need this
+    &__listItemUnchecked[dir='rtl'],
+    &__listItemChecked[dir='rtl'] {
+      margin-left: 0;
+      padding-left: 0;
+      padding-right: 25px;
+      margin-right: 15px;
+    }
+
+    &__listItemChecked {
+      text-decoration: line-through;
+    }
+
+    &__listItemUnchecked:before,
+    &__listItemChecked:before {
+      content: '';
+      width: base(0.8);
+      height: base(0.8);
+      top: base(0.1);
+      left: 0;
+      cursor: pointer;
+      display: block;
+      background-size: cover;
+      position: absolute;
+    }
+
+    &__listItemUnchecked[dir='rtl']:before,
+    &__listItemChecked[dir='rtl']:before {
+      left: auto;
+      right: 0;
+    }
+
+    &__listItemUnchecked:focus:before,
+    &__listItemChecked:focus:before {
+      outline: 0;
+      box-shadow: 0 0 3px 3px var(--theme-success-400);
+      border: 1px solid var(--theme-elevation-250);
+      border-radius: var(--style-radius-s);
+    }
+
+    &__listItemUnchecked:before {
+      border: 1px solid var(--theme-elevation-250);
+      border-radius: $style-radius-s;
+    }
+
+    &__listItemChecked:before {
+      border: 1px solid var(--theme-elevation-500);
+      border-radius: $style-radius-s;
+      background-color: var(--theme-elevation-100);
+      background-repeat: no-repeat;
+    }
+
+    &__listItemChecked:after {
+      content: '';
+      cursor: pointer;
+      border-color: var(--theme-text);
+      border-style: solid;
+      position: absolute;
+      display: block;
+      top: 6px;
+      width: 3px;
+      left: 7px;
+      right: 7px;
+      height: 6px;
+      transform: rotate(45deg);
+      border-width: 0 2px 2px 0;
+    }
+
+    &__nestedListItem {
+      list-style-type: none;
+    }
+
+    &__nestedListItem:before,
+    &__nestedListItem:after {
+      display: none;
+    }
+  }
+
+  html[data-theme='dark'] {
+    .LexicalEditorTheme__textCode {
+      color: var(--theme-warning-600);
+    }
+  }
+}

package/dist/lexical/ui/ContentEditable.js

@@ -1,43 +1,30 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { ContentEditable } from '@lexical/react/LexicalContentEditable.js';
 import { useTranslation } from '@payloadcms/ui';
+import './ContentEditable.scss';
 import * as React from 'react';
-export function LexicalContentEditable(t0) {
-  const $ = _c(5);
-  const {
-    className,
-    editorConfig
-  } = t0;
-  const {
-    t
-  } = useTranslation();
-  const [, t1] = useLexicalComposerContext();
-  const {
-    getTheme
-  } = t1;
-  let t2;
-  if ($[0] !== className || $[1] !== editorConfig?.admin?.placeholder || $[2] !== getTheme || $[3] !== t) {
+export function LexicalContentEditable({ className, editorConfig }) {
+    const { t } = useTranslation();
+    const [_, { getTheme }] = useLexicalComposerContext();
     const theme = getTheme();
-    t2 = _jsx(ContentEditable, {
-      "aria-placeholder": t("lexical:general:placeholder"),
-      className: className ?? "ContentEditable__root",
-      placeholder: _jsx("p", {
-        className: theme?.placeholder,
-        children: editorConfig?.admin?.placeholder ?? t("lexical:general:placeholder")
-      })
-    });
-    $[0] = className;
-    $[1] = editorConfig?.admin?.placeholder;
-    $[2] = getTheme;
-    $[3] = t;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
+    return /*#__PURE__*/ _jsxDEV(ContentEditable, {
+        "aria-placeholder": t('lexical:general:placeholder'),
+        className: className ?? 'ContentEditable__root',
+        placeholder: /*#__PURE__*/ _jsxDEV("p", {
+            className: theme?.placeholder,
+            children: editorConfig?.admin?.placeholder ?? t('lexical:general:placeholder')
+        }, void 0, false, {
+            fileName: "src/lexical/ui/ContentEditable.tsx",
+            lineNumber: 30,
+            columnNumber: 9
+        }, void 0)
+    }, void 0, false, {
+        fileName: "src/lexical/ui/ContentEditable.tsx",
+        lineNumber: 26,
+        columnNumber: 5
+    }, this);
 }
+
 //# sourceMappingURL=ContentEditable.js.map

package/dist/lexical/ui/ContentEditable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditable.js","names":["c","_c","useLexicalComposerContext","ContentEditable","useTranslation","React","LexicalContentEditable","t0","$","className","editorConfig","t","t1","getTheme","t2","admin","placeholder","theme","_jsx","children"],"sources":["../../../src/lexical/ui/ContentEditable.tsx"],"sourcesContent":["'use client'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { ContentEditable } from '@lexical/react/LexicalContentEditable.js'\nimport { useTranslation } from '@payloadcms/ui'\n\nimport './ContentEditable.scss'\n\nimport * as React from 'react'\n\nimport type { SanitizedClientEditorConfig } from '../config/types.js'\n\nexport function LexicalContentEditable({\n  className,\n  editorConfig,\n}: {\n  className?: string\n  editorConfig: SanitizedClientEditorConfig\n}): JSX.Element {\n  const { t } = useTranslation<{}, string>()\n  const [_, { getTheme }] = useLexicalComposerContext()\n  const theme = getTheme()\n\n  return (\n    <ContentEditable\n      aria-placeholder={t('lexical:general:placeholder')}\n      className={className ?? 'ContentEditable__root'}\n      placeholder={\n        <p className={theme?.placeholder}>\n          {editorConfig?.admin?.placeholder ?? t('lexical:general:placeholder')}\n        </p>\n      }\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAI/B,YAAYC,KAAA,MAAW;AAIvB,OAAO,SAAAC,uBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAgC;IAAAQ,SAAA;IAAAC;EAAA,IAAAH,EAMtC;EACC;IAAAI;EAAA,IAAcP,cAAA;EACd,SAAAQ,EAAA,IAA0BV,yBAAA;EAAhB;IAAAW;EAAA,IAAAD,EAAY;EAAA,IAAAE,EAAA;EAAA,IAAAN,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,YAAA,EAAAK,KAAA,EAAAC,WAAA,IAAAR,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAG,CAAA;IACtB,MAAAM,KAAA,GAAcJ,QAAA;IAGZC,EAAA,GAAAI,IAAA,CAAAf,eAAA;MAAA,oBACoBQ,CAAA,CAAE;MAAAF,SAAA,EACTA,SAAA,IAAa;MAAAO,WAAA,EAEtBE,IAAA,CAAC;QAAAT,SAAA,EAAaQ,KAAA,EAAAD,WAAA;QAAAG,QAAA,EACXT,YAAA,EAAAK,KAAA,EAAAC,WAAA,IAAoCL,CAAA,CAAE;MAAA,C;;;;;;;;;;SAL7CG,E","ignoreList":[]}
+{"version":3,"sources":["../../../src/lexical/ui/ContentEditable.tsx"],"sourcesContent":["'use client'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { ContentEditable } from '@lexical/react/LexicalContentEditable.js'\nimport { useTranslation } from '@payloadcms/ui'\n\nimport './ContentEditable.scss'\n\nimport * as React from 'react'\n\nimport type { SanitizedClientEditorConfig } from '../config/types.js'\n\nexport function LexicalContentEditable({\n  className,\n  editorConfig,\n}: {\n  className?: string\n  editorConfig: SanitizedClientEditorConfig\n}): JSX.Element {\n  const { t } = useTranslation<{}, string>()\n  const [_, { getTheme }] = useLexicalComposerContext()\n  const theme = getTheme()\n\n  return (\n    <ContentEditable\n      aria-placeholder={t('lexical:general:placeholder')}\n      className={className ?? 'ContentEditable__root'}\n      placeholder={\n        <p className={theme?.placeholder}>\n          {editorConfig?.admin?.placeholder ?? t('lexical:general:placeholder')}\n        </p>\n      }\n    />\n  )\n}\n"],"names":["useLexicalComposerContext","ContentEditable","useTranslation","React","LexicalContentEditable","className","editorConfig","t","_","getTheme","theme","aria-placeholder","placeholder","p","admin"],"mappings":"AAAA;;AAGA,SAASA,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,eAAe,QAAQ,2CAA0C;AAC1E,SAASC,cAAc,QAAQ,iBAAgB;AAE/C,OAAO,yBAAwB;AAE/B,YAAYC,WAAW,QAAO;AAI9B,OAAO,SAASC,uBAAuB,EACrCC,SAAS,EACTC,YAAY,EAIb;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGL;IACd,MAAM,CAACM,GAAG,EAAEC,QAAQ,EAAE,CAAC,GAAGT;IAC1B,MAAMU,QAAQD;IAEd,qBACE,QAACR;QACCU,oBAAkBJ,EAAE;QACpBF,WAAWA,aAAa;QACxBO,2BACE,QAACC;YAAER,WAAWK,OAAOE;sBAClBN,cAAcQ,OAAOF,eAAeL,EAAE;;;;;;;;;;;AAKjD"}