@payloadcms/richtext-lexical 3.91.0-internal.6e3dc85 → 4.0.0-beta.0

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;AAOhC,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,CAmBd"}

package/dist/lexical/ui/ContentEditable.js

@@ -4,15 +4,23 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { ContentEditable } from '@lexical/react/LexicalContentEditable.js';
+import { getTranslation } from '@payloadcms/translations';
 import { useTranslation } from '@payloadcms/ui';
+import './ContentEditable.css';
 import * as React from 'react';
+import { useEditorConfigContext } from '../config/client/EditorConfigProvider.js';
 export function LexicalContentEditable(t0) {
-  const $ = _c(5);
+  const $ = _c(9);
   const {
     className,
-    editorConfig
+    editorConfig,
+    instructionsID
   } = t0;
   const {
+    fieldProps
+  } = useEditorConfigContext();
+  const {
+    i18n,
     t
   } = useTranslation();
   const [, t1] = useLexicalComposerContext();
@@ -20,10 +28,13 @@ export function LexicalContentEditable(t0) {
     getTheme
   } = t1;
   let t2;
-  if ($[0] !== className || $[1] !== editorConfig?.admin?.placeholder || $[2] !== getTheme || $[3] !== t) {
+  if ($[0] !== className || $[1] !== editorConfig?.admin?.placeholder || $[2] !== fieldProps.field.label || $[3] !== fieldProps.field.required || $[4] !== getTheme || $[5] !== i18n || $[6] !== instructionsID || $[7] !== t) {
     const theme = getTheme();
     t2 = _jsx(ContentEditable, {
+      "aria-describedby": instructionsID,
+      "aria-label": getTranslation(fieldProps.field.label || "", i18n),
       "aria-placeholder": t("lexical:general:placeholder"),
+      "aria-required": fieldProps.field.required || undefined,
       className: className ?? "ContentEditable__root",
       placeholder: _jsx("p", {
         className: theme?.placeholder,
@@ -32,11 +43,15 @@ export function LexicalContentEditable(t0) {
     });
     $[0] = className;
     $[1] = editorConfig?.admin?.placeholder;
-    $[2] = getTheme;
-    $[3] = t;
-    $[4] = t2;
+    $[2] = fieldProps.field.label;
+    $[3] = fieldProps.field.required;
+    $[4] = getTheme;
+    $[5] = i18n;
+    $[6] = instructionsID;
+    $[7] = t;
+    $[8] = t2;
   } else {
-    t2 = $[4];
+    t2 = $[8];
   }
   return t2;
 }

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,"file":"ContentEditable.js","names":["c","_c","useLexicalComposerContext","ContentEditable","getTranslation","useTranslation","React","useEditorConfigContext","LexicalContentEditable","t0","$","className","editorConfig","instructionsID","fieldProps","i18n","t","t1","getTheme","t2","admin","placeholder","field","label","required","theme","_jsx","undefined","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 { getTranslation } from '@payloadcms/translations'\nimport { useTranslation } from '@payloadcms/ui'\n\nimport './ContentEditable.css'\n\nimport * as React from 'react'\n\nimport type { SanitizedClientEditorConfig } from '../config/types.js'\n\nimport { useEditorConfigContext } from '../config/client/EditorConfigProvider.js'\n\nexport function LexicalContentEditable({\n  className,\n  editorConfig,\n  instructionsID,\n}: {\n  className?: string\n  editorConfig: SanitizedClientEditorConfig\n  instructionsID?: string\n}): JSX.Element {\n  const { fieldProps } = useEditorConfigContext()\n  const { i18n, t } = useTranslation<{}, string>()\n  const [_, { getTheme }] = useLexicalComposerContext()\n  const theme = getTheme()\n  return (\n    <ContentEditable\n      aria-describedby={instructionsID}\n      aria-label={getTranslation(fieldProps.field.label || '', i18n)}\n      aria-placeholder={t('lexical:general:placeholder')}\n      aria-required={fieldProps.field.required || undefined}\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;AAC/B,SAASC,cAAc,QAAQ;AAE/B,OAAO;AAEP,YAAYC,KAAA,MAAW;AAIvB,SAASC,sBAAsB,QAAQ;AAEvC,OAAO,SAAAC,uBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAgC;IAAAU,SAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,EAQtC;EACC;IAAAK;EAAA,IAAuBP,sBAAA;EACvB;IAAAQ,IAAA;IAAAC;EAAA,IAAoBX,cAAA;EACpB,SAAAY,EAAA,IAA0Bf,yBAAA;EAAhB;IAAAgB;EAAA,IAAAD,EAAY;EAAA,IAAAE,EAAA;EAAA,IAAAT,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,YAAA,EAAAQ,KAAA,EAAAC,WAAA,IAAAX,CAAA,QAAAI,UAAA,CAAAQ,KAAA,CAAAC,KAAA,IAAAb,CAAA,QAAAI,UAAA,CAAAQ,KAAA,CAAAE,QAAA,IAAAd,CAAA,QAAAQ,QAAA,IAAAR,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAM,CAAA;IACtB,MAAAS,KAAA,GAAcP,QAAA;IAEZC,EAAA,GAAAO,IAAA,CAAAvB,eAAA;MAAA,oBACoBU,cAAA;MAAA,cACNT,cAAA,CAAeU,UAAA,CAAAQ,KAAA,CAAAC,KAAA,IAA0B,IAAIR,IAAA;MAAA,oBACvCC,CAAA,CAAE;MAAA,iBACLF,UAAA,CAAAQ,KAAA,CAAAE,QAAA,IAAAG,SAA6B;MAAAhB,SAAA,EACjCA,SAAA,IAAa;MAAAU,WAAA,EAEtBK,IAAA,CAAC;QAAAf,SAAA,EAAac,KAAA,EAAAJ,WAAA;QAAAO,QAAA,EACXhB,YAAA,EAAAQ,KAAA,EAAAC,WAAA,IAAoCL,CAAA,CAAE;MAAA,C;;;;;;;;;;;;;;SAR7CG,E","ignoreList":[]}

package/dist/lexical/ui/icons/Add/index.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-export declare const AddIcon: React.FC;
+export declare const AddIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 16 | 24;
+}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/lexical/ui/icons/Add/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/Add/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAK3B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/ui/icons/Add/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAWA,CAAA"}

package/dist/lexical/ui/icons/Add/index.js

@@ -1,19 +1,26 @@
 'use client';
 
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const AddIcon = () => /*#__PURE__*/_jsxs("svg", {
+const paths = {
+  16: 'M8.5 3.5a.5.5 0 0 0-1 0v4h-4a.5.5 0 0 0 0 1h4v4a.5.5 0 0 0 1 0v-4h4a.5.5 0 0 0 0-1h-4z',
+  24: 'M12 6a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 12 6'
+};
+export const AddIcon = ({
+  className,
+  size = 24
+}) => /*#__PURE__*/_jsx("svg", {
+  className: className,
   fill: "none",
-  height: "20",
-  viewBox: "0 0 20 20",
-  width: "20",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
   xmlns: "http://www.w3.org/2000/svg",
-  children: [/*#__PURE__*/_jsx("path", {
-    d: "M5 10h10",
-    stroke: "currentColor"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M10 15V5",
-    stroke: "currentColor"
-  })]
+  children: /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size],
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })
 });
 //# sourceMappingURL=index.js.map

package/dist/lexical/ui/icons/Add/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","AddIcon","_jsxs","fill","height","viewBox","width","xmlns","_jsx","d","stroke"],"sources":["../../../../../src/lexical/ui/icons/Add/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const AddIcon: React.FC = () => (\n  <svg fill=\"none\" height=\"20\" viewBox=\"0 0 20 20\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M5 10h10\" stroke=\"currentColor\" />\n    <path d=\"M10 15V5\" stroke=\"currentColor\" />\n  </svg>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,OAAA,GAAoBA,CAAA,kBAC/BC,KAAA,CAAC;EAAIC,IAAA,EAAK;EAAOC,MAAA,EAAO;EAAKC,OAAA,EAAQ;EAAYC,KAAA,EAAM;EAAKC,KAAA,EAAM;0BAChEC,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAWC,MAAA,EAAO;mBAC1BF,IAAA,CAAC;IAAKC,CAAA,EAAE;IAAWC,MAAA,EAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","paths","AddIcon","className","size","_jsx","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../../../src/lexical/ui/icons/Add/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nconst paths = {\n  16: 'M8.5 3.5a.5.5 0 0 0-1 0v4h-4a.5.5 0 0 0 0 1h4v4a.5.5 0 0 0 1 0v-4h4a.5.5 0 0 0 0-1h-4z',\n  24: 'M12 6a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 12 6',\n}\n\nexport const AddIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 24 }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,MAAMC,KAAA,GAAQ;EACZ,IAAI;EACJ,IAAI;AACN;AAEA,OAAO,MAAMC,OAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,IAAA,CAAC;EACCF,SAAA,EAAWA,SAAA;EACXG,IAAA,EAAK;EACLC,MAAA,EAAQH,IAAA;EACRI,OAAA,EAAS,OAAOJ,IAAA,IAAQA,IAAA,EAAM;EAC9BK,KAAA,EAAOL,IAAA;EACPM,KAAA,EAAM;YAEN,aAAAL,IAAA,CAAC;IAAKM,QAAA,EAAS;IAAUC,CAAA,EAAGX,KAAK,CAACG,IAAA,CAAK;IAAEE,IAAA,EAAK;IAAeO,QAAA,EAAS","ignoreList":[]}

package/dist/lexical/ui/icons/Add/index.svg

@@ -1,4 +1,3 @@
-<svg width="18" height="24" viewBox="0 0 18 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M5,12h8" stroke="#000000" />
-    <path d="M9,16V8" stroke="#000000" />
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 3.5a.5.5 0 0 0-1 0v4h-4a.5.5 0 0 0 0 1h4v4a.5.5 0 0 0 1 0v-4h4a.5.5 0 0 0 0-1h-4z" fill="#000000" />
 </svg>