@payloadcms/richtext-lexical 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

package/dist/lexical/plugins/InsertParagraphAtEnd/index.scss

@@ -1,54 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .rich-text-lexical--show-gutter {
-    .insert-paragraph-at-end {
-      padding: 4px 0px 2px 40px;
-    }
-  }
-  .insert-paragraph-at-end {
-    height: 24px;
-    margin-top: -16px;
-    width: 100%;
-    z-index: 0;
-    position: relative;
-    padding: 4px 0px 2px 0px;
-
-    &-inside {
-      width: 100%;
-      height: 100%;
-      background-color: transparent;
-      transition: background-color 0.1s ease-in-out;
-      display: flex;
-      justify-content: center;
-      border-radius: $style-radius-s;
-      color: var(--theme-elevation-500);
-
-      span {
-        display: none;
-        justify-content: center;
-        align-items: center;
-      }
-    }
-
-    &:hover {
-      cursor: pointer;
-
-      .insert-paragraph-at-end-inside {
-        background-color: var(--theme-elevation-100);
-
-        span {
-          display: flex;
-        }
-      }
-    }
-  }
-
-  html[data-theme='dark'] {
-    .insert-paragraph-at-end:hover {
-      .insert-paragraph-at-end-inside {
-        background-color: var(--theme-elevation-50);
-      }
-    }
-  }
-}

package/dist/lexical/plugins/SlashMenu/index.scss

@@ -1,68 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .slash-menu-popup {
-    background: var(--theme-input-bg);
-    width: 200px;
-    color: var(--theme-elevation-800);
-    border-radius: $style-radius-m;
-    list-style: none;
-    font-family: var(--font-body);
-    max-height: 300px;
-    overflow-y: auto;
-    z-index: 10;
-    position: absolute;
-    box-shadow:
-      0px 1px 2px 1px rgba(0, 0, 0, 0.1),
-      0px 4px 16px 0px rgba(0, 0, 0, 0.2),
-      0px -4px 8px 0px rgba(0, 0, 0, 0.1);
-
-    &__group {
-      padding-bottom: 8px;
-    }
-
-    &__group-title {
-      padding-left: 10px;
-      color: var(--theme-elevation-600);
-      font-size: 10px;
-    }
-
-    &__item {
-      all: unset;
-      padding-left: 12px;
-      font-size: 13px;
-      box-sizing: border-box;
-      background: none;
-      border: none;
-      color: var(--theme-elevation-900);
-      display: flex;
-      align-items: center;
-      height: 30px;
-      width: 100%;
-      cursor: pointer;
-
-      &--selected {
-        background: var(--theme-elevation-100);
-      }
-
-      &-text {
-        margin-left: 6px;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-
-      .icon {
-        color: var(--theme-elevation-500);
-      }
-    }
-  }
-
-  html[data-theme='light'] {
-    .slash-menu-popup {
-      box-shadow:
-        0px 1px 2px 1px rgba(0, 0, 0, 0.05),
-        0px 4px 8px 0px rgba(0, 0, 0, 0.1);
-    }
-  }
-}

package/dist/lexical/plugins/handles/AddBlockHandlePlugin/index.scss

@@ -1,35 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .add-block-menu {
-    all: unset; // reset all default button styles
-    border-radius: $style-radius-m;
-    padding: 0;
-    cursor: pointer;
-    opacity: 0;
-    position: absolute;
-    left: 0;
-    top: 0;
-    will-change: transform;
-
-    &:hover {
-      background-color: var(--theme-elevation-100);
-      .icon {
-        opacity: 1;
-      }
-    }
-
-    .icon {
-      width: 18px;
-      height: 24px;
-      opacity: 0.3;
-      background-image: url(../../../ui/icons/Add/index.svg);
-    }
-
-    html[data-theme='dark'] & {
-      .icon {
-        background-image: url(../../../ui/icons/Add/light.svg);
-      }
-    }
-  }
-}

package/dist/lexical/plugins/handles/DraggableBlockPlugin/index.scss

@@ -1,80 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .draggable-block-menu {
-    border: none;
-    border-radius: $style-radius-m;
-    padding: 0;
-    cursor: grab;
-    opacity: 0;
-    position: absolute;
-    left: 0;
-    top: 0;
-    will-change: transform;
-    background-color: var(--theme-bg);
-
-    &:active {
-      cursor: grabbing;
-    }
-
-    &:hover {
-      background-color: var(--theme-elevation-100);
-      .icon {
-        opacity: 1;
-      }
-    }
-
-    .icon {
-      background-color: transparent;
-      width: 18px;
-      height: 24px;
-      opacity: 0.3;
-      background-image: url(../../../ui/icons/DraggableBlock/index.svg);
-    }
-
-    html[data-theme='dark'] & {
-      .icon {
-        background-image: url(../../../ui/icons/DraggableBlock/light.svg);
-      }
-    }
-  }
-
-  .rich-text-lexical--show-gutter
-    > .rich-text-lexical__wrap
-    > .editor-container
-    > .editor-scroller
-    > .editor {
-    > .draggable-block-target-line {
-      left: 3rem;
-    }
-  }
-
-  .draggable-block-target-line {
-    pointer-events: none;
-    background: var(--theme-success-400);
-    border-radius: 1px;
-    height: base(0.2);
-    position: absolute;
-    left: 0;
-    top: 0;
-    opacity: 0;
-    will-change: transform;
-    transition: transform 0.1s;
-  }
-
-  /* This targets Firefox 57+. The transition looks ugly on firefox, thus we disable it here */
-  @-moz-document url-prefix() {
-    .draggable-block-target-line {
-      transition: none;
-    }
-  }
-
-  .rich-text-lexical {
-    .ContentEditable__root > * {
-      will-change: margin-top, margin-bottom;
-      transition:
-        margin-top 0.08s,
-        margin-bottom 0.08s;
-    }
-  }
-}

package/dist/lexical/theme/EditorTheme.scss

@@ -1,357 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .LexicalEditorTheme {
-    &__ltr {
-      text-align: left;
-    }
-
-    &__rtl {
-      text-align: right;
-    }
-
-    &__paragraph {
-      font-size: base(0.8);
-      margin-bottom: 0.55em;
-      position: relative;
-      line-height: 1.5;
-      letter-spacing: normal;
-      color: var(--theme-text);
-    }
-
-    &__quote {
-      color: var(--theme-text);
-      font-size: base(0.8);
-      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 {
-      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 {
-      font-size: base(0.8);
-      font-weight: 700;
-      margin-block: 0.75em 0.4em;
-    }
-
-    &__indent {
-      --lexical-indent-base-value: 40px;
-    }
-
-    &__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 {
-      font-size: base(0.8);
-      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.scss

@@ -1,105 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-$lexical-contenteditable-top-padding: 8px;
-$lexical-contenteditable-bottom-padding: 8px;
-
-@layer payload-default {
-  .ContentEditable__root {
-    border: 0;
-    display: block;
-    position: relative;
-    tab-size: 1;
-    outline: 0;
-    padding-top: $lexical-contenteditable-top-padding;
-    padding-bottom: $lexical-contenteditable-bottom-padding;
-    padding-left: 0;
-    padding-right: 0;
-
-    &:focus-visible {
-      outline: none !important;
-    }
-
-    & > * {
-      transition: transform 0.2s ease-in-out;
-      // will-change: transform; // breaks cursor rendering for empty paragraph blocks in safari, and creates other issues
-    }
-  }
-
-  .rich-text-lexical--show-gutter
-    > .rich-text-lexical__wrap
-    > .editor-container
-    > .editor-scroller
-    > .editor {
-    > .ContentEditable__root {
-      padding-left: 3rem;
-    }
-    > .ContentEditable__root::before {
-      content: ' ';
-      position: absolute;
-      top: $lexical-contenteditable-top-padding;
-      left: 0;
-      height: calc(
-        100% - #{$lexical-contenteditable-top-padding} - #{$lexical-contenteditable-bottom-padding}
-      );
-      border-left: 1px solid var(--theme-elevation-100);
-    }
-  }
-
-  html[data-theme='light'] {
-    .rich-text-lexical.rich-text-lexical--show-gutter {
-      &.error:not(:hover) {
-        > .rich-text-lexical__wrap
-          > .editor-container
-          > .editor-scroller
-          > .editor
-          > .ContentEditable__root::before {
-          border-left: 2px solid var(--theme-error-400);
-        }
-      }
-
-      &.error:hover {
-        > .rich-text-lexical__wrap
-          > .editor-container
-          > .editor-scroller
-          > .editor
-          > .ContentEditable__root::before {
-          border-left: 2px solid var(--theme-error-500);
-        }
-      }
-    }
-
-    @include small-break {
-      .rich-text-lexical {
-        &.error {
-          > .rich-text-lexical__wrap {
-            @include lightInputError;
-          }
-        }
-      }
-    }
-  }
-
-  html[data-theme='dark'] {
-    .rich-text-lexical.rich-text-lexical--show-gutter {
-      &.error {
-        > .rich-text-lexical__wrap
-          > .editor-container
-          > .editor-scroller
-          > .editor
-          > .ContentEditable__root::before {
-          border-left: 2px solid var(--theme-error-500);
-        }
-      }
-    }
-
-    @include small-break {
-      .rich-text-lexical {
-        &.error {
-          > .rich-text-lexical__wrap {
-            @include darkInputError;
-          }
-        }
-      }
-    }
-  }
-}