@payloadcms/richtext-lexical 3.71.0-internal-debug.e053082 → 3.71.0-internal.49c4f67

package/dist/features/blocks/premade/CodeBlock/Component/index.scss

@@ -1,97 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-.payload-richtext-code-block.collapsible--collapsed {
-  .rah-static {
-    height: unset !important;
-    max-height: 150px !important;
-    position: relative;
-
-    &::after {
-      content: '';
-      pointer-events: none;
-      background: linear-gradient(
-        to bottom,
-        rgb(0 0 0 / 0%) 0%,
-        var(--theme-elevation-50) 90%,
-        var(--theme-elevation-50) 100%
-      );
-      position: absolute;
-      height: 100px;
-      top: 50px;
-      left: 0;
-      right: 0;
-    }
-
-    > div {
-      display: unset !important;
-    }
-  }
-}
-
-.payload-richtext-code-block {
-  &__pill {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-right: base(0.4);
-    margin-left: base(0.4);
-    color: var(--theme-elevation-500);
-  }
-
-  .collapsible__header-wrap {
-    overflow: visible;
-  }
-  .collapsible__content {
-    padding: 0;
-  }
-
-  .LexicalEditorTheme__block {
-    &__block-header {
-      overflow: visible;
-    }
-  }
-
-  .code-editor,
-  .monaco-editor,
-  .overflow-guard {
-    border-width: 0;
-    border-radius: 0 0 $style-radius-s $style-radius-s;
-  }
-
-  &__actions {
-    display: flex;
-    flex-direction: row;
-    gap: calc(var(--base) * 0.4);
-  }
-
-  .popup-button {
-    padding: 0 0 0 calc(var(--base) * 0.2);
-  }
-
-  .copy-to-clipboard,
-  .code-block-collapse-button,
-  .popup-button {
-    border-radius: $style-radius-s;
-    color: var(--theme-elevation-500);
-    min-width: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &:hover {
-      color: var(--theme-elevation-800);
-      background-color: var(--theme-elevation-200);
-    }
-  }
-
-  &__language-selector {
-    pointer-events: all;
-
-    &-button {
-      display: flex;
-      flex-direction: row;
-      width: max-content;
-      align-items: center;
-    }
-  }
-}

package/dist/features/debug/jsxConverter/client/plugin/style.scss

@@ -1,12 +0,0 @@
-.debug-jsx-converter {
-  // this is to match the editor component, and be able to compare aligned styles
-  padding-left: 36px;
-
-  // We revert to the browser defaults (user-agent), because we want to see
-  // the indentations look good without the need for CSS.
-  ul,
-  ol {
-    padding-left: revert;
-    margin: revert;
-  }
-}

package/dist/features/debug/testRecorder/client/plugin/index.scss

@@ -1,53 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .test-recorder-output {
-    margin: 20px auto 20px auto;
-    width: 100%;
-  }
-  .test-recorder-toolbar {
-    display: flex;
-  }
-
-  .test-recorder-button {
-    position: relative;
-    display: block;
-    font-size: 10px;
-    padding: 6px 6px;
-    border-radius: $style-radius-m;
-    border: none;
-    cursor: pointer;
-    outline: none;
-    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
-    background-color: #222;
-    color: white;
-    transition: box-shadow 50ms ease-out;
-  }
-
-  .test-recorder-button:active {
-    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);
-  }
-
-  .test-recorder-button + .test-recorder-button {
-    margin-left: 4px;
-  }
-
-  .test-recorder-button::after {
-    content: '';
-    position: absolute;
-    top: 8px;
-    right: 8px;
-    bottom: 8px;
-    left: 8px;
-    display: block;
-    background-size: contain;
-    filter: invert(1);
-  }
-  #test-recorder-button {
-    position: relative;
-  }
-
-  #test-recorder-button-snapshot {
-    margin-right: auto;
-  }
-}

package/dist/features/debug/treeView/client/plugin/index.scss

@@ -1,80 +0,0 @@
-@layer payload-default {
-  .tree-view-output {
-    display: block;
-    background: #222;
-    color: #fff;
-    padding: 0;
-    font-size: 12px;
-    margin: 1px auto 10px auto;
-    position: relative;
-    overflow: hidden;
-    border-bottom-left-radius: 10px;
-    border-bottom-right-radius: 10px;
-
-    pre {
-      line-height: 1.1;
-      background: #222;
-      color: #fff;
-      margin: 0;
-      padding: 10px;
-      font-size: 12px;
-      overflow: auto;
-      max-height: 400px;
-    }
-
-    .debug-treetype-button {
-      border: 0;
-      padding: 0;
-      font-size: 12px;
-      top: 10px;
-      right: 85px;
-      position: absolute;
-      background: none;
-      color: #fff;
-
-      &:hover {
-        text-decoration: underline;
-      }
-    }
-
-    .debug-timetravel-button {
-      border: 0;
-      padding: 0;
-      font-size: 12px;
-      top: 10px;
-      right: 15px;
-      position: absolute;
-      background: none;
-      color: #fff;
-
-      &:hover {
-        text-decoration: underline;
-      }
-    }
-
-    .debug-timetravel-panel {
-      overflow: hidden;
-      padding: 0 0 10px;
-      margin: auto;
-      display: flex;
-
-      &-button {
-        padding: 0;
-        border: 0;
-        background: none;
-        flex: 1;
-        color: #fff;
-        font-size: 12px;
-
-        &:hover {
-          text-decoration: underline;
-        }
-      }
-
-      &-slider {
-        padding: 0;
-        flex: 8;
-      }
-    }
-  }
-}

package/dist/features/experimental_table/client/plugins/TableActionMenuPlugin/index.scss

@@ -1,87 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .table-cell-action-button-container {
-    position: absolute;
-    z-index: 3;
-    top: 0;
-    left: 0;
-    will-change: transform;
-  }
-
-  .table-cell-action-button-container.table-cell-action-button-container--active {
-    pointer-events: auto;
-    opacity: 1;
-  }
-  .table-cell-action-button-container.table-cell-action-button-container--inactive {
-    pointer-events: none;
-    opacity: 0;
-  }
-
-  .table-cell-action-button {
-    //background-color: var(--theme-elevation-200);
-    border: 0;
-    padding: 2px;
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    border-radius: $style-radius-m;
-    color: var(--theme-elevation-800);
-    display: inline-block;
-    cursor: pointer;
-
-    &:hover {
-      background-color: var(--theme-elevation-300);
-    }
-  }
-
-  html[data-theme='light'] {
-    .table-action-menu-dropdown {
-      box-shadow:
-        0px 1px 2px 1px rgba(0, 0, 0, 0.05),
-        0px 4px 8px 0px rgba(0, 0, 0, 0.1);
-    }
-  }
-
-  .table-action-menu-dropdown {
-    z-index: 100;
-    display: block;
-    position: fixed;
-    background: var(--theme-input-bg);
-    min-width: 160px;
-    border-radius: $style-radius-m;
-    min-height: 40px;
-    overflow-y: auto;
-    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);
-
-    hr {
-      border: none;
-      height: 1px;
-      background-color: var(--theme-elevation-200);
-    }
-
-    .item {
-      padding: 8px;
-      color: var(--theme-elevation-900);
-      background: var(--theme-input-bg);
-      cursor: pointer;
-      font-size: 13px;
-      font-family: var(--font-body);
-      display: flex;
-      align-content: center;
-      flex-direction: row;
-      flex-shrink: 0;
-      justify-content: space-between;
-      border: 0;
-      height: 30px;
-      width: 100%;
-
-      &:hover {
-        background: var(--theme-elevation-100);
-      }
-    }
-  }
-}

package/dist/features/experimental_table/client/plugins/TableCellResizerPlugin/index.scss

@@ -1,11 +0,0 @@
-.TableCellResizer__resizer {
-  position: absolute;
-  touch-action: none;
-}
-
-@media (pointer: coarse) {
-  .TableCellResizer__resizer {
-    background-color: #adf;
-    mix-blend-mode: color;
-  }
-}

package/dist/features/experimental_table/client/plugins/TablePlugin/index.scss

@@ -1,233 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .LexicalEditorTheme {
-    &__tableScrollableWrapper {
-      overflow-x: auto;
-      margin: 0px 25px 30px 0px;
-    }
-    &__tableScrollableWrapper > .LexicalEditorTheme__table {
-      /* Remove the table's vertical margin and put it on the wrapper */
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-
-    &__tableAlignmentCenter {
-      margin-left: auto;
-      margin-right: auto;
-    }
-    &__tableAlignmentRight {
-      margin-left: auto;
-    }
-
-    &__tableSelection *::selection {
-      background-color: transparent;
-    }
-
-    &__table {
-      border-collapse: collapse;
-      max-width: 100%;
-      border-spacing: 0;
-      overflow-y: scroll;
-      overflow-x: scroll;
-      table-layout: fixed;
-      width: fit-content;
-      margin-top: 25px;
-      margin-bottom: 30px;
-
-      ::selection {
-        background: rgba(172, 206, 247);
-      }
-
-      br::selection {
-        background: unset;
-      }
-    }
-
-    &__tableFrozenColumn tr > td:first-child {
-      background-color: var(--theme-bg);
-      position: sticky;
-      z-index: 2;
-      left: 0;
-    }
-    &__tableFrozenColumn tr > th:first-child {
-      background-color: var(--theme-elevation-50);
-      position: sticky;
-      z-index: 2;
-      left: 0;
-    }
-    &__tableFrozenColumn tr > :first-child::after {
-      content: '';
-      position: absolute;
-      left: 0;
-      top: 0;
-      right: 0;
-      height: 100%;
-      border-right: 1px solid var(--theme-elevation-400);
-    }
-
-    &__tableRowStriping tr:nth-child(even) {
-      background-color: var(--theme-elevation-100);
-    }
-
-    &__tableSelected {
-      outline: 2px solid rgb(60, 132, 244);
-    }
-
-    &__tableCell {
-      border: 1px solid var(--theme-elevation-200);
-      vertical-align: top;
-      text-align: start;
-      padding: 6px 8px;
-      position: relative;
-      cursor: default;
-      outline: none;
-    }
-
-    /*
-    * A firefox workaround to allow scrolling of overflowing table cell
-    * ref: https://bugzilla.mozilla.org/show_bug.cgi?id=1904159
-    */
-    &__tableCell > * {
-      overflow: inherit;
-    }
-
-    &__tableCellResizer {
-      position: absolute;
-      right: -4px;
-      height: 100%;
-      width: 8px;
-      cursor: ew-resize;
-      z-index: 10;
-      top: 0;
-    }
-
-    &__tableCellHeader {
-      background-color: #f2f3f5;
-      text-align: start;
-    }
-
-    &__tableCellSelected {
-      caret-color: transparent;
-    }
-
-    &__tableCellSelected::after {
-      position: absolute;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      top: 0;
-      background-color: var(--color-success-250);
-      mix-blend-mode: multiply;
-      content: '';
-      pointer-events: none;
-    }
-
-    &__tableAddColumns {
-      height: 100%;
-    }
-
-    &__tableAddColumns,
-    &__tableAddRows {
-      position: absolute;
-      background-color: var(--theme-elevation-100);
-      animation: table-controls 0.2s ease;
-      border: 0;
-      cursor: pointer;
-      min-width: 24px;
-      min-height: 24px;
-    }
-
-    &__tableAddColumns:after,
-    &__tableAddRows:after {
-      display: flex;
-      content: '+';
-      font-size: 1.4rem;
-      border-radius: $style-radius-s;
-      justify-content: center;
-      align-items: center;
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      color: var(--theme-elevation-500);
-    }
-
-    &__tableAddColumns:hover,
-    &__tableAddRows:hover {
-      background-color: var(--theme-elevation-150);
-    }
-
-    &__tableAddRows {
-      width: calc(100% - 25px);
-    }
-
-    @keyframes table-controls {
-      0% {
-        opacity: 0;
-      }
-
-      100% {
-        opacity: 1;
-      }
-    }
-
-    &__tableCellResizeRuler {
-      display: block;
-      position: absolute;
-      width: 1px;
-      background-color: rgb(60, 132, 244);
-      height: 100%;
-      top: 0;
-    }
-
-    &__tableCellActionButtonContainer {
-      display: block;
-      right: 5px;
-      top: 6px;
-      position: absolute;
-      z-index: 4;
-      width: 20px;
-      height: 20px;
-    }
-
-    &__tableCellActionButton {
-      background-color: #eee;
-      display: block;
-      border: 0;
-      border-radius: 20px;
-      width: 20px;
-      height: 20px;
-      color: #222;
-      cursor: pointer;
-    }
-
-    &__tableCellActionButton:hover {
-      background-color: #ddd;
-    }
-  }
-
-  html[data-theme='dark'] {
-    .LexicalEditorTheme {
-      &__tableCellHeader {
-        background-color: var(--theme-elevation-50);
-      }
-
-      &__tableCellSelected::after {
-        background-color: var(--color-success-700);
-        mix-blend-mode: screen;
-      }
-
-      &__tableAddColumns,
-      &__tableAddRows {
-        background-color: var(--theme-elevation-50);
-      }
-
-      &__tableAddColumns:hover,
-      &__tableAddRows:hover {
-        background-color: var(--theme-elevation-100);
-      }
-    }
-  }
-}

package/dist/features/horizontalRule/client/plugin/index.scss

@@ -1,23 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .LexicalEditorTheme__hr {
-    width: auto !important;
-    padding: 2px 2px;
-    border: none;
-    margin: 1rem 0;
-    cursor: pointer;
-  }
-
-  .LexicalEditorTheme__hr:after {
-    content: '';
-    display: block;
-    height: 2px;
-    background-color: var(--theme-elevation-250);
-  }
-
-  .LexicalEditorTheme__hr.LexicalEditorTheme__hrSelected {
-    outline: 2px solid var(--theme-success-250);
-    user-select: none;
-  }
-}

package/dist/features/link/client/plugins/floatingLinkEditor/index.scss

@@ -1,92 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .link-editor {
-    z-index: 1;
-    display: flex;
-    align-items: center;
-    background: var(--theme-input-bg);
-    padding: 4px 4px 4px 12px;
-    vertical-align: middle;
-    position: absolute;
-    top: 0;
-    left: 0;
-    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.1),
-      0px -4px 16px 0px rgba(0, 0, 0, 0.1);
-
-    .link-input {
-      display: flex;
-      align-items: center;
-      flex-direction: row;
-      flex-wrap: nowrap;
-      min-height: 28px;
-      box-sizing: border-box;
-      @extend %body;
-      border: 0;
-      outline: 0;
-      position: relative;
-      font-family: var(--font-body);
-
-      .icon--externalLink {
-        margin-right: 5px;
-      }
-
-      &__label-pure {
-        color: var(--theme-elevation-1000);
-        margin-right: 15px;
-        display: block;
-        white-space: nowrap;
-        overflow: hidden;
-      }
-
-      a {
-        text-decoration: underline;
-        display: block;
-        white-space: nowrap;
-        overflow: hidden;
-        margin-right: base(0.4);
-        text-overflow: ellipsis;
-        color: var(--theme-success-750);
-
-        &:hover {
-          color: var(--theme-success-850);
-        }
-      }
-    }
-
-    button {
-      all: unset;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background-size: 16px;
-      background-position: center;
-      background-repeat: no-repeat;
-      width: 30px;
-      height: 30px;
-      cursor: pointer;
-      color: var(--theme-elevation-600);
-      border-radius: $style-radius-m;
-
-      &:hover:not([disabled]) {
-        color: var(--theme-elevation-800);
-        background-color: var(--theme-elevation-100);
-      }
-    }
-  }
-
-  html[data-theme='light'] {
-    .link-editor {
-      box-shadow:
-        0px 1px 2px 1px rgba(0, 0, 0, 0.05),
-        0px 4px 8px 0px rgba(0, 0, 0, 0.05),
-        0px -4px 16px 0px rgba(0, 0, 0, 0.05);
-    }
-  }
-}

package/dist/features/migrations/lexicalPluginToLexical/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;
-    }
-  }
-}