@payloadcms/next 3.68.0-internal.2b8df4a → 3.68.0-internal.35482da

package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.scss

@@ -1,121 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .upload-diff-container .field-diff-content {
-    padding: 0;
-    background: unset;
-  }
-
-  .upload-diff-hasMany {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) * 0.4);
-  }
-
-  .upload-diff {
-    @extend %body;
-    min-width: 100%;
-    max-width: fit-content;
-    display: flex;
-    align-items: center;
-    background-color: var(--theme-elevation-50);
-    border-radius: $style-radius-s;
-    border: 1px solid var(--theme-elevation-150);
-    position: relative;
-    font-family: var(--font-body);
-    max-height: calc(var(--base) * 3);
-    padding: calc(var(--base) * 0.1);
-
-    &[data-match-type='create'] {
-      border-color: var(--diff-create-pill-border);
-      color: var(--diff-create-parent-color);
-
-      * {
-        color: var(--diff-create-parent-color);
-      }
-
-      .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);
-
-      * {
-        text-decoration-line: none;
-        color: var(--diff-delete-parent-color);
-      }
-
-      .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.8) * 2);
-      height: calc(var(--base) * 3 - base(0.8) * 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.6);
-      justify-content: space-between;
-      font-weight: 400;
-
-      strong {
-        font-weight: 500;
-      }
-    }
-
-    &__pill {
-      border-radius: $style-radius-s;
-      margin-left: calc(var(--base) * 0.6);
-      padding: 0 calc(var(--base) * 0.1);
-
-      background-color: var(--theme-elevation-150);
-      color: var(--theme-elevation-750);
-    }
-
-    &[data-match-type='create'] .upload-diff__pill {
-      background-color: var(--diff-create-parent-bg);
-      color: var(--diff-create-pill-color);
-    }
-
-    &[data-match-type='delete'] .upload-diff__pill {
-      background-color: var(--diff-delete-parent-bg);
-      color: var(--diff-delete-pill-color);
-    }
-  }
-}

package/dist/views/Version/RenderFieldsToDiff/index.scss

@@ -1,24 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .render-field-diffs {
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
-
-    [role='banner'] {
-      display: none !important;
-    }
-
-    &__field {
-      overflow-wrap: anywhere;
-      display: flex;
-      flex-direction: column;
-      gap: var(--base);
-    }
-
-    @include small-break {
-      gap: calc(var(--base) / 2);
-    }
-  }
-}

package/dist/views/Version/Restore/index.scss

@@ -1,84 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .restore-version {
-    cursor: pointer;
-    display: flex;
-    min-width: max-content;
-
-    .popup-button {
-      display: flex;
-    }
-
-    &__chevron {
-      background-color: var(--theme-elevation-150);
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-      cursor: pointer;
-
-      .stroke {
-        stroke-width: 1px;
-      }
-
-      &:hover {
-        background: var(--theme-elevation-100);
-      }
-    }
-
-    .btn {
-      margin-block: 0;
-    }
-
-    &__restore-as-draft-button {
-      border-top-right-radius: 0px;
-      border-bottom-right-radius: 0px;
-      margin-right: 2px;
-
-      &:focus {
-        border-radius: 0;
-        outline-offset: 0;
-      }
-    }
-
-    &__modal {
-      @include blur-bg;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 100%;
-
-      &__toggle {
-        @extend %btn-reset;
-      }
-    }
-
-    &__wrapper {
-      z-index: 1;
-      position: relative;
-      display: flex;
-      flex-direction: column;
-      gap: base(0.8);
-      padding: base(2);
-      max-width: base(36);
-    }
-
-    &__content {
-      display: flex;
-      flex-direction: column;
-      gap: base(0.4);
-
-      > * {
-        margin: 0;
-      }
-    }
-
-    &__controls {
-      display: flex;
-      gap: base(0.4);
-
-      .btn {
-        margin: 0;
-      }
-    }
-  }
-}

package/dist/views/Version/SelectComparison/VersionDrawer/index.scss

@@ -1,18 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .version-drawer {
-    .table {
-      width: 100%;
-    }
-
-    .created-at-cell {
-      // Button reset, + underline
-      background: none;
-      border: none;
-      cursor: pointer;
-      padding: 0;
-      text-decoration: underline;
-    }
-  }
-}

package/dist/views/Version/SelectComparison/index.scss

@@ -1,9 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .compare-version {
-    &-moreVersions {
-      color: var(--theme-elevation-500);
-    }
-  }
-}

package/dist/views/Version/VersionPillLabel/index.scss

@@ -1,26 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .version-pill-label {
-    display: flex;
-    align-items: center;
-    gap: calc(var(--base) / 2);
-
-    &-text {
-      font-weight: 500;
-    }
-
-    &-date {
-      color: var(--theme-elevation-500);
-    }
-  }
-
-  @include small-break {
-    .version-pill-label {
-      // Column
-      flex-direction: column;
-      align-items: flex-start;
-      gap: 0;
-    }
-  }
-}

package/dist/views/Versions/cells/AutosaveCell/index.scss

@@ -1,9 +0,0 @@
-@layer payload-default {
-  .autosave-cell {
-    &__items {
-      display: flex;
-      align-items: center;
-      gap: calc(var(--base) * 0.5);
-    }
-  }
-}

package/dist/views/Versions/index.scss

@@ -1,110 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .versions {
-    width: 100%;
-    margin-bottom: calc(var(--base) * 2);
-
-    &__wrap {
-      padding-top: 0;
-      padding-bottom: var(--spacing-view-bottom);
-      margin-top: calc(var(--base) * 0.75);
-    }
-
-    &__header {
-      margin-bottom: var(--base);
-    }
-
-    &__no-versions {
-      margin-top: calc(var(--base) * 1.5);
-    }
-
-    &__parent-doc {
-      .banner__content {
-        display: flex;
-      }
-    }
-
-    &__parent-doc-pills {
-      [dir='ltr'] & {
-        margin-left: auto;
-      }
-
-      [dir='rtl'] & {
-        margin-right: auto;
-      }
-    }
-
-    .table {
-      table {
-        width: 100%;
-        overflow: auto;
-      }
-    }
-
-    &__page-controls {
-      width: 100%;
-      display: flex;
-      align-items: center;
-    }
-
-    .paginator {
-      margin-bottom: 0;
-    }
-
-    &__page-info {
-      [dir='ltr'] & {
-        margin-right: var(--base);
-        margin-left: auto;
-      }
-
-      [dir='rtl'] & {
-        margin-left: var(--base);
-        margin-right: auto;
-      }
-    }
-
-    @include mid-break {
-      &__wrap {
-        padding-top: 0;
-        margin-top: 0;
-      }
-
-      // on mobile, extend the table all the way to the viewport edges
-      // this is to visually indicate overflowing content
-      .table {
-        display: flex;
-        width: calc(100% + calc(var(--gutter-h) * 2));
-        max-width: unset;
-        left: calc(var(--gutter-h) * -1);
-        position: relative;
-        padding-left: var(--gutter-h);
-
-        &::after {
-          content: '';
-          height: 1px;
-          padding-right: var(--gutter-h);
-        }
-      }
-
-      &__page-controls {
-        flex-wrap: wrap;
-      }
-
-      &__page-info {
-        [dir='ltr'] & {
-          margin-left: 0;
-        }
-
-        [dir='rtl'] & {
-          margin-right: 0;
-        }
-      }
-
-      .paginator {
-        width: 100%;
-        margin-bottom: var(--base);
-      }
-    }
-  }
-}