@payloadcms/richtext-lexical 3.71.0-internal-debug.80dab4c → 3.71.0-internal.27e1e08

package/dist/field/Diff/converters/relationship/index.scss

@@ -1,73 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .lexical-diff .lexical-relationship-diff {
-    @extend %body;
-    @include shadow-sm;
-    min-width: calc(var(--base) * 8);
-    max-width: fit-content;
-
-    display: flex;
-    align-items: center;
-    background-color: var(--theme-input-bg);
-    border-radius: $style-radius-s;
-    border: 1px solid var(--theme-elevation-100);
-    position: relative;
-    font-family: var(--font-body);
-    margin-block: base(0.5);
-    max-height: calc(var(--base) * 4);
-    padding: base(0.6);
-
-    &[data-match-type='create'] {
-      border-color: var(--diff-create-pill-border);
-      color: var(--diff-create-parent-color);
-
-      .lexical-relationship-diff__collectionLabel {
-        color: var(--diff-create-link-color);
-      }
-
-      .lexical-relationship-diff__title * {
-        color: var(--diff-create-parent-color);
-      }
-    }
-
-    &[data-match-type='delete'] {
-      border-color: var(--diff-delete-pill-border);
-      color: var(--diff-delete-parent-color);
-      text-decoration-line: none;
-      background-color: var(--diff-delete-pill-bg);
-
-      .lexical-relationship-diff__collectionLabel {
-        color: var(--diff-delete-link-color);
-      }
-
-      * {
-        text-decoration-line: none;
-        color: var(--diff-delete-parent-color);
-      }
-    }
-
-    &__card {
-      display: flex;
-      flex-direction: column;
-      width: 100%;
-      flex-grow: 1;
-      display: flex;
-      align-items: flex-start;
-      flex-direction: column;
-      justify-content: space-between;
-    }
-
-    &__title {
-      display: flex;
-      flex-direction: row;
-      font-weight: 600;
-    }
-
-    &__collectionLabel {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-}

package/dist/field/Diff/converters/unknown/index.scss

@@ -1,40 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .lexical-diff .lexical-unknown-diff {
-    @extend %body;
-    @include shadow-sm;
-    max-width: fit-content;
-    display: flex;
-    align-items: center;
-    background: var(--theme-input-bg);
-    border-radius: $style-radius-s;
-    border: 1px solid var(--theme-elevation-100);
-    position: relative;
-    font-family: var(--font-body);
-    margin-block: base(0.5);
-    max-height: calc(var(--base) * 4);
-    padding: base(0.25);
-
-    &__specifier {
-      font-family: 'SF Mono', Menlo, Consolas, Monaco, monospace;
-    }
-
-    &[data-match-type='create'] {
-      border-color: var(--diff-create-pill-border);
-      color: var(--diff-create-parent-color);
-    }
-
-    &[data-match-type='delete'] {
-      border-color: var(--diff-delete-pill-border);
-      color: var(--diff-delete-parent-color);
-      text-decoration-line: none;
-      background-color: var(--diff-delete-pill-bg);
-
-      * {
-        text-decoration-line: none;
-        color: var(--diff-delete-parent-color);
-      }
-    }
-  }
-}

package/dist/field/Diff/converters/upload/index.scss

@@ -1,115 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .lexical-diff {
-    .lexical-upload-diff {
-      @extend %body;
-      @include shadow-sm;
-      min-width: calc(var(--base) * 10);
-      max-width: fit-content;
-      display: flex;
-      align-items: center;
-      background-color: var(--theme-input-bg);
-      border-radius: $style-radius-s;
-      border: 1px solid var(--theme-elevation-100);
-      position: relative;
-      font-family: var(--font-body);
-      margin-block: base(0.5);
-      max-height: calc(var(--base) * 3);
-      padding: base(0.6);
-
-      &[data-match-type='create'] {
-        border-color: var(--diff-create-pill-border);
-        color: var(--diff-create-parent-color);
-
-        * {
-          color: var(--diff-create-parent-color);
-        }
-
-        .lexical-upload-diff__meta {
-          color: var(--diff-create-link-color);
-          * {
-            color: var(--diff-create-link-color);
-          }
-        }
-
-        .lexical-upload-diff__thumbnail {
-          border-radius: 0px;
-          border-color: var(--diff-create-pill-border);
-          background-color: none;
-        }
-      }
-
-      &[data-match-type='delete'] {
-        border-color: var(--diff-delete-pill-border);
-        text-decoration-line: none;
-        color: var(--diff-delete-parent-color);
-        background-color: var(--diff-delete-pill-bg);
-
-        .lexical-upload-diff__meta {
-          color: var(--diff-delete-link-color);
-          * {
-            color: var(--diff-delete-link-color);
-          }
-        }
-
-        * {
-          text-decoration-line: none;
-          color: var(--diff-delete-parent-color);
-        }
-
-        .lexical-upload-diff__thumbnail {
-          border-radius: 0px;
-          border-color: var(--diff-delete-pill-border);
-          background-color: none;
-        }
-      }
-
-      &__card {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        width: 100%;
-      }
-
-      &__thumbnail {
-        width: calc(var(--base) * 3 - base(0.6) * 2);
-        height: calc(var(--base) * 3 - base(0.6) * 2);
-        position: relative;
-        overflow: hidden;
-        flex-shrink: 0;
-        border-radius: 0px;
-        border: 1px solid var(--theme-elevation-100);
-
-        img,
-        svg {
-          position: absolute;
-          object-fit: cover;
-          width: 100%;
-          height: 100%;
-          border-radius: 0px;
-        }
-      }
-
-      &__info {
-        flex-grow: 1;
-        display: flex;
-        align-items: flex-start;
-        flex-direction: column;
-        padding: calc(var(--base) * 0.25) calc(var(--base) * 0.75);
-        justify-content: space-between;
-        font-weight: 400;
-
-        strong {
-          font-weight: 600;
-        }
-      }
-
-      &__meta {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-  }
-}

package/dist/field/Diff/index.scss

@@ -1,102 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .lexical-diff .field-diff-content {
-    .html-diff {
-      font-family: var(--font-serif);
-      font-size: base(0.8);
-      letter-spacing: 0.02em;
-    }
-
-    blockquote {
-      font-size: base(0.8);
-      margin-block: base(0.8);
-      margin-inline: 0;
-      padding-inline-start: base(0.6);
-      padding-block: base(0.2);
-      position: relative; // Required for absolute positioning of ::after
-
-      &::after {
-        content: '';
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        inset-inline-start: 0;
-        width: base(0.2);
-        background-color: var(--theme-elevation-150);
-      }
-
-      &:has([data-match-type='create'])::after {
-        background-color: var(--theme-success-150);
-      }
-
-      &:has([data-match-type='delete'])::after {
-        background-color: var(--theme-error-150);
-      }
-    }
-
-    a {
-      border-bottom: 1px dotted;
-      text-decoration: none;
-    }
-
-    h1 {
-      padding: base(0.7) 0px base(0.55);
-      line-height: base(1.5);
-      font-weight: 600;
-      font-size: base(1.4);
-      font-family: var(--font-body);
-    }
-    h2 {
-      padding: base(0.7) 0px base(0.5);
-      line-height: base(1.4);
-      font-weight: 600;
-      font-size: base(1.25);
-      font-family: var(--font-body);
-    }
-    h3 {
-      padding: base(0.6) 0px base(0.45);
-      line-height: base(1.4);
-      font-weight: 600;
-      font-size: base(1.1);
-      font-family: var(--font-body);
-    }
-    h4 {
-      padding: base(0.4) 0px base(0.35);
-      line-height: base(1.5);
-      font-weight: 600;
-      font-size: base(1.05);
-      font-family: var(--font-body);
-    }
-    h5 {
-      padding: base(0.3) 0px base(0.3);
-      line-height: base(1.4);
-      font-weight: 600;
-      font-size: base(0.9);
-      font-family: var(--font-body);
-    }
-
-    h6 {
-      padding: base(0.55) 0px base(0.25);
-      line-height: base(0.5);
-      font-weight: 600;
-      font-size: base(0.75);
-      font-family: var(--font-body);
-    }
-
-    p {
-      padding: base(0.4) 0 base(0.4);
-
-      // First paraagraph has no top padding
-      &:first-child {
-        padding: 0 0 base(0.4);
-      }
-    }
-
-    ul,
-    ol {
-      padding-top: base(0.4);
-      padding-bottom: base(0.4);
-    }
-  }
-}

package/dist/field/index.scss

@@ -1,41 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .rich-text-lexical {
-    & > .field-error.tooltip {
-      right: auto;
-      position: static;
-      margin-bottom: 0.2em;
-      max-width: fit-content;
-    }
-
-    .errorBoundary {
-      pre {
-        text-wrap: unset;
-      }
-    }
-
-    &__wrap {
-      width: 100%;
-      position: relative;
-    }
-
-    &--read-only {
-      .editor-container {
-        .editor {
-          @keyframes fadeInBackground {
-            from {
-              background-color: transparent;
-            }
-            to {
-              background-color: var(--theme-elevation-100);
-            }
-          }
-
-          animation: fadeInBackground 0.5s ease forwards;
-          color: var(--theme-elevation-450);
-        }
-      }
-    }
-  }
-}

package/dist/lexical/LexicalEditor.scss

@@ -1,54 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .rich-text-lexical {
-    .editor {
-      position: relative;
-    }
-
-    .editor-container {
-      position: relative;
-
-      font-family: var(--font-serif);
-      font-size: base(0.8);
-      letter-spacing: 0.02em;
-    }
-
-    &--show-gutter {
-      > .rich-text-lexical__wrap
-        > .editor-container
-        > .editor-scroller
-        > .editor
-        > div
-        > .LexicalEditorTheme__placeholder {
-        left: 3rem;
-      }
-    }
-
-    &:not(&--show-gutter)
-      > .rich-text-lexical__wrap
-      > .editor-container
-      > .editor-scroller
-      > .editor
-      > div
-      > .LexicalEditorTheme__placeholder {
-      left: 0;
-    }
-
-    .LexicalEditorTheme__placeholder {
-      position: absolute;
-      top: 8px;
-      font-size: base(0.8);
-      line-height: 1.5;
-      color: var(--theme-elevation-500);
-      /* Prevent text selection */
-      user-select: none;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-
-      /* Make it behave more like a background element (no interaction) */
-      pointer-events: none;
-    }
-  }
-}

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

@@ -1,13 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  [data-lexical-decorator='true'] {
-    width: fit-content;
-    border-radius: $style-radius-m;
-  }
-
-  .decorator-selected {
-    box-shadow: $focus-box-shadow !important;
-    outline: none !important;
-  }
-}

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;
-    }
-  }
-}