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

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.scss

@@ -1,16 +0,0 @@
-@layer payload-default {
-  span.unknownConverted {
-    text-transform: uppercase;
-    font-family: 'Roboto Mono', monospace;
-    letter-spacing: 2px;
-    font-size: calc(var(--base) * 0.5);
-    margin: 0 0 var(--base);
-    background: red;
-    color: white;
-    display: inline-block;
-
-    div {
-      background: red;
-    }
-  }
-}

package/dist/features/relationship/client/components/index.scss

@@ -1,95 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .LexicalEditorTheme__relationship {
-    @extend %body;
-    @include shadow-sm;
-    padding: calc(var(--base) * 0.75);
-    background: var(--theme-input-bg);
-    border: 1px solid var(--theme-elevation-100);
-    border-radius: $style-radius-m;
-    max-width: calc(var(--base) * 15);
-    font-family: var(--font-body);
-    margin-block: base(0.5);
-    color: var(--theme-text);
-
-    &__contents {
-      display: flex;
-      align-items: center;
-    }
-
-    &:hover {
-      border: 1px solid var(--theme-elevation-150);
-    }
-
-    &__label {
-      margin-bottom: calc(var(--base) * 0.25);
-    }
-
-    &__title {
-      margin: 0;
-    }
-
-    &__label,
-    &__title {
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      overflow: hidden;
-      line-height: 1 !important;
-    }
-
-    &__title {
-      font-weight: bold;
-    }
-
-    &__wrap {
-      flex-grow: 1;
-      overflow: hidden;
-    }
-
-    &__doc-drawer-toggler {
-      text-decoration: underline;
-      pointer-events: all;
-      line-height: inherit;
-      & > * {
-        margin: 0;
-      }
-    }
-
-    &__swapButton.btn {
-      margin: 0;
-    }
-
-    &__doc-drawer-toggler,
-    &__swapButton {
-      &:disabled {
-        color: var(--theme-elevation-300);
-        pointer-events: none;
-      }
-    }
-
-    &__actions {
-      display: flex;
-      align-items: center;
-      flex-shrink: 0;
-      margin-left: calc(var(--base) * 0.5);
-
-      & > *:not(:last-child) {
-        margin-right: calc(var(--base) * 0.25);
-      }
-    }
-
-    &__removeButton.btn {
-      margin: 0;
-
-      line {
-        stroke-width: $style-stroke-width-m;
-      }
-
-      &:disabled {
-        color: var(--theme-elevation-300);
-        pointer-events: none;
-      }
-    }
-  }
-}

package/dist/features/toolbars/fixed/client/Toolbar/index.scss

@@ -1,113 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  html[data-theme='dark'] {
-    .fixed-toolbar {
-      &__dropdown-items {
-        background: var(--theme-elevation-0);
-        transition: background 0.2s cubic-bezier(0, 0.2, 0.2, 1);
-
-        .toolbar-popup__dropdown-item {
-          color: var(--theme-elevation-900);
-
-          &:hover:not([disabled]),
-          &.active {
-            background: var(--theme-elevation-100);
-          }
-
-          .icon {
-            color: var(--theme-elevation-600);
-          }
-        }
-      }
-
-      .toolbar-popup {
-        &__dropdown {
-          transition: background-color 0.15s cubic-bezier(0, 0.2, 0.2, 1);
-
-          &:hover:not([disabled]) {
-            background: var(--theme-elevation-100);
-          }
-
-          &-caret:after {
-            filter: invert(1);
-          }
-
-          &-label {
-            color: var(--theme-elevation-750);
-          }
-        }
-      }
-    }
-  }
-
-  .fixed-toolbar.fixed-toolbar--hide {
-    visibility: hidden; // Still needs to take up space so content does not jump, thus we cannot use display: none
-    // make sure you cant interact with it
-    pointer-events: none;
-    user-select: none;
-  }
-
-  .fixed-toolbar {
-    @include blur-bg(var(--theme-elevation-0));
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    padding: calc(var(--base) / 4);
-    vertical-align: middle;
-    position: sticky;
-    z-index: 2;
-    top: var(--doc-controls-height);
-    border: $style-stroke-width-s solid var(--theme-elevation-150);
-    // Make it so border itself is round too and not cut off at the corners
-    border-collapse: unset;
-    transform: translateY(1px); // aligns with top bar pixel line when stuck
-    min-height: 40px; // Reduces shift when saving document if toolbar items did not load yet
-
-    &__group {
-      display: flex;
-      flex-wrap: wrap;
-      align-items: center;
-      gap: 2px;
-      z-index: 1;
-
-      .icon {
-        min-width: 20px;
-        height: 20px;
-        color: var(--theme-elevation-600);
-      }
-
-      .divider {
-        width: 1px;
-        height: 15px;
-        background-color: var(--theme-elevation-100);
-        margin: 0 6.25px 0 4.25px; // substract 2px from the gap
-      }
-    }
-
-    + .editor-container {
-      > .editor-scroller > .editor {
-        > .ContentEditable__root {
-          padding-top: calc(var(--base) * 1.25);
-        }
-      }
-
-      > .editor-scroller > .editor > div > .LexicalEditorTheme__placeholder {
-        top: calc(var(--base) * 1.25);
-      }
-    }
-  }
-
-  .rich-text-lexical--show-gutter {
-    .fixed-toolbar {
-      + .editor-container {
-        > .editor-scroller > .editor {
-          > .ContentEditable__root::before {
-            top: calc(var(--base) * 1.25) !important;
-            height: calc(100% - calc(var(--base) * 1.25) - 8px) !important;
-          }
-        }
-      }
-    }
-  }
-}

package/dist/features/toolbars/inline/client/Toolbar/index.scss

@@ -1,58 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .inline-toolbar-popup {
-    display: flex;
-    align-items: center;
-    background: var(--theme-input-bg);
-    padding: base(0.2);
-    vertical-align: middle;
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 2;
-    opacity: 0;
-    border-radius: $style-radius-m;
-    transition: opacity 0.2s;
-    will-change: transform;
-    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);
-
-    .caret {
-      z-index: 93;
-      position: absolute;
-      top: calc(100% - 24px);
-      border: base(0.4) solid transparent;
-      pointer-events: none;
-      border-top-color: var(--theme-input-bg);
-    }
-
-    &__group {
-      display: flex;
-      align-items: center;
-      gap: 2px;
-
-      .icon {
-        min-width: 20px;
-        height: 20px;
-        color: var(--theme-elevation-600);
-      }
-
-      .divider {
-        width: 1px;
-        height: 15px;
-        background-color: var(--theme-border-color);
-        margin: 0 6.25px;
-      }
-    }
-  }
-  html[data-theme='light'] {
-    .inline-toolbar-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/features/toolbars/shared/ToolbarButton/index.scss

@@ -1,46 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .toolbar-popup__button {
-    display: flex;
-    align-items: center;
-    vertical-align: middle;
-    justify-content: center;
-    height: 30px;
-    width: 30px;
-    border: 0;
-    background: none;
-    border-radius: $style-radius-m;
-    cursor: pointer;
-    padding: 0;
-    transition: background-color 0.15s cubic-bezier(0, 0.2, 0.2, 1);
-
-    &.spaced {
-      margin-right: 2px;
-    }
-
-    &:hover:not(.disabled) {
-      background-color: var(--theme-elevation-100);
-    }
-
-    &.active {
-      background-color: var(--theme-elevation-150);
-      color: var(--theme-text);
-      &:hover {
-        background-color: var(--theme-elevation-200);
-      }
-
-      .icon {
-        opacity: 1;
-      }
-    }
-
-    &.disabled {
-      cursor: not-allowed;
-
-      .icon {
-        opacity: 0.2;
-      }
-    }
-  }
-}

package/dist/features/toolbars/shared/ToolbarDropdown/index.scss

@@ -1,129 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .toolbar-popup__dropdown {
-    display: flex;
-    align-items: center;
-    vertical-align: middle;
-    justify-content: center;
-    gap: base(0.2);
-    height: base(1.5);
-    border: 0;
-    background: none;
-    border-radius: $style-radius-m;
-    cursor: pointer;
-    position: relative;
-    padding: 0 base(0.4) 0 base(0.3);
-    transition: background-color 0.15s cubic-bezier(0, 0.2, 0.2, 1);
-
-    &-label {
-      color: var(--theme-elevation-600);
-      padding-block: 0;
-      padding-inline: base(0.2) base(0.4);
-    }
-
-    &:disabled {
-      cursor: not-allowed;
-      opacity: 0.2;
-    }
-
-    &:hover:not([disabled]) {
-      background-color: var(--theme-elevation-100);
-    }
-
-    .active {
-      background-color: var(--theme-elevation-100);
-
-      .toolbar-popup__dropdown-caret {
-        &:after {
-          transform: rotate(0deg);
-        }
-      }
-    }
-
-    &-caret {
-      width: base(0.4);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      transform: rotate(45deg);
-      &:after {
-        display: block;
-        content: ' ';
-        position: absolute;
-
-        /* Vector 3 */
-
-        width: 4px;
-        height: 4px;
-        transform: translateY(-2px);
-        border: solid 1px var(--theme-elevation-600);
-        border-width: 0 1px 1px 0;
-      }
-    }
-
-    &-items {
-      position: absolute;
-      background: var(--theme-elevation-0);
-      border-radius: $style-radius-m;
-      min-width: 132.5px;
-      max-width: 200px;
-      z-index: 100;
-
-      .toolbar-popup__dropdown-item {
-        all: unset; // reset all default button styles
-        cursor: pointer;
-        color: var(--theme-elevation-900);
-        transition: background-color 0.15s cubic-bezier(0, 0.2, 0.2, 1);
-        position: relative;
-
-        .text {
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        &:hover:not([disabled]),
-        &.active {
-          background-color: var(--theme-elevation-100);
-        }
-        &.disabled {
-          cursor: not-allowed;
-          opacity: 0.2;
-        }
-
-        .btn__icon {
-          // Override default button icon styles that
-          // set a background color when focused
-          background: none !important;
-          background-color: none !important;
-        }
-
-        padding-left: 6.25px;
-        padding-right: 6.25px;
-        width: 100%;
-        height: 30px;
-        border-radius: $style-radius-m;
-        box-sizing: border-box;
-        display: flex;
-        align-items: center;
-        gap: 6.25px;
-
-        .icon {
-          min-width: 20px;
-          height: 20px;
-          color: var(--theme-elevation-600);
-        }
-      }
-    }
-  }
-
-  html[data-theme='light'] {
-    .toolbar-popup__dropdown {
-      &-items {
-        position: absolute;
-        @include shadow-m;
-      }
-    }
-  }
-}

package/dist/features/upload/client/component/index.scss

@@ -1,191 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .LexicalEditorTheme__upload {
-    @extend %body;
-    @include shadow-sm;
-
-    border-radius: $style-radius-m;
-    border: 1px solid var(--theme-elevation-100);
-    position: relative;
-    font-family: var(--font-body);
-    margin-block: base(0.5);
-
-    // Alignment support using :has() selector
-    &:has([data-align='center']) {
-      width: fit-content;
-      margin-left: auto;
-      margin-right: auto;
-    }
-
-    &:has([data-align='right']),
-    &:has([data-align='end']) {
-      width: fit-content;
-      margin-left: auto;
-      margin-right: 0;
-    }
-
-    &:has([data-align='left']),
-    &:has([data-align='start']) {
-      width: fit-content;
-      margin-left: 0;
-      margin-right: auto;
-    }
-
-    &:hover {
-      border: 1px solid var(--theme-elevation-150);
-    }
-
-    img,
-    svg {
-      border-radius: $style-radius-s;
-      width: auto;
-    }
-
-    &__contents {
-      &--landscape {
-        img,
-        svg {
-          max-width: 450px;
-          min-width: 450px;
-        }
-      }
-      &--portrait {
-        img,
-        svg {
-          max-height: 450px;
-          min-height: 450px;
-        }
-      }
-    }
-
-    button {
-      margin: 0;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-
-    &__card {
-      @include soft-shadow-bottom;
-      display: flex;
-      flex-direction: column;
-      width: 100%;
-    }
-
-    &__floater {
-      @include shadow-lg;
-      position: absolute;
-      color: var(--theme-text);
-
-      /* hidden by default */
-      opacity: 0;
-      transition:
-        opacity 0.15s ease,
-        transform 0.15s ease;
-      pointer-events: none;
-    }
-
-    &:hover .LexicalEditorTheme__upload__floater,
-    &__media:focus-within .LexicalEditorTheme__upload__floater {
-      opacity: 1;
-      pointer-events: auto;
-    }
-
-    /* --- Floating Action Buttons (top-right) ------------------------------------- */
-    &__overlay {
-      display: flex;
-      top: calc(var(--base) * 0.5);
-      right: calc(var(--base) * 0.5);
-      padding: calc(var(--base) * 0.2) calc(var(--base) * 0.2);
-
-      background: var(--theme-elevation-50);
-      border-radius: $style-radius-m;
-      transform: translateY(-6px);
-    }
-    &:hover .LexicalEditorTheme__upload__overlay,
-    &__media:focus-within .LexicalEditorTheme__upload__overlay {
-      transform: translateY(0);
-    }
-
-    &__actions {
-      display: flex;
-      align-items: center;
-      flex-wrap: nowrap;
-      gap: calc(var(--base) * 0.3);
-
-      .btn:hover {
-        background: var(--theme-elevation-100);
-      }
-    }
-    /* --- Floating Metadata (bottom-center) ------------------------------------- */
-    &__metaOverlay {
-      display: inline-flex;
-      left: 50%;
-      bottom: 0;
-      width: 100%;
-      padding: calc(var(--base) * 0.5) calc(var(--base) * 0.75);
-      transform: translateX(-50%);
-
-      flex-wrap: wrap;
-      gap: calc(var(--base) * 0.5);
-      row-gap: 0;
-
-      background: color-mix(in oklab, var(--theme-elevation-50) 55%, transparent);
-      border-radius: 0 0 $style-radius-s $style-radius-s;
-      backdrop-filter: saturate(1.2) blur(8px);
-    }
-
-    html[data-theme='light'] & {
-      &__metaOverlay {
-        background: color-mix(in oklab, var(--theme-elevation-800) 55%, transparent);
-        color: var(--theme-elevation-50);
-      }
-
-      &__collectionLabel {
-        color: var(--theme-elevation-300);
-      }
-    }
-
-    &__filename {
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      overflow: hidden;
-      text-decoration: underline;
-      cursor: pointer;
-    }
-
-    &__collectionLabel {
-      color: var(--theme-elevation-500);
-      font-size: 0.9em;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    @include small-break {
-      img,
-      svg {
-        // Allow images to shrink < 450px on small screens to
-        // maintain aspect ratio
-        min-width: unset;
-        min-height: unset;
-      }
-
-      &__metaOverlay {
-        gap: 0;
-        padding: calc(var(--base) * 0.5) calc(var(--base) * 0.6);
-        flex-direction: column;
-
-        button {
-          display: flex;
-          justify-content: flex-start;
-        }
-      }
-
-      &__collectionLabel {
-        max-width: 100%;
-      }
-    }
-  }
-}

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

@@ -1,47 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .lexical-diff {
-    ul.list-check {
-      padding-left: 0;
-    }
-
-    .checkboxItem {
-      list-style-type: none;
-
-      &__wrapper {
-        display: flex;
-        align-items: center;
-      }
-
-      &__icon {
-        width: 16px;
-        height: 16px;
-        margin-right: 8px; // Spacing before label text
-        border: 1px solid var(--theme-text);
-        border-radius: 3px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        // Because the checkbox is non-interactive:
-        pointer-events: none;
-
-        .icon--check {
-          height: 11px;
-        }
-
-        &[data-match-type='create'] {
-          border-color: var(--diff-create-pill-color);
-        }
-
-        &[data-match-type='delete'] {
-          border-color: var(--diff-delete-pill-color);
-        }
-      }
-
-      &--nested {
-        margin-left: 1.5rem;
-      }
-    }
-  }
-}