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

package/dist/views/Dashboard/Default/index.scss

@@ -1,69 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .dashboard {
-    width: 100%;
-    --gap: var(--base);
-    --cols: 5;
-
-    &__wrap {
-      padding-bottom: var(--spacing-view-bottom);
-      display: flex;
-      flex-direction: column;
-      gap: var(--base);
-    }
-
-    &__group {
-      display: flex;
-      flex-direction: column;
-      gap: var(--gap);
-    }
-
-    &__label {
-      margin: 0;
-    }
-
-    &__card-list {
-      padding: 0;
-      margin: 0;
-      list-style: none;
-      gap: var(--gap);
-      display: grid;
-      grid-template-columns: repeat(var(--cols), 1fr);
-
-      .card {
-        height: 100%;
-      }
-    }
-
-    &__locked.locked {
-      align-items: unset;
-      justify-content: unset;
-    }
-
-    @include large-break {
-      --cols: 4;
-    }
-
-    @include mid-break {
-      --gap: var(--base);
-      --cols: 2;
-    }
-
-    @include small-break {
-      --cols: 2;
-
-      &__wrap {
-        gap: var(--base);
-      }
-
-      &__card-list {
-        gap: base(0.4);
-      }
-    }
-
-    @include extra-small-break {
-      --cols: 1;
-    }
-  }
-}

package/dist/views/Login/LoginForm/index.scss

@@ -1,10 +0,0 @@
-@layer payload-default {
-  .login__form {
-    &__inputWrap {
-      display: flex;
-      flex-direction: column;
-      gap: var(--base);
-      margin-bottom: calc(var(--base) / 4);
-    }
-  }
-}

package/dist/views/Login/index.scss

@@ -1,10 +0,0 @@
-@layer payload-default {
-  .login {
-    &__brand {
-      display: flex;
-      justify-content: center;
-      width: 100%;
-      margin-bottom: calc(var(--base) * 2);
-    }
-  }
-}

package/dist/views/Logout/index.scss

@@ -1,25 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .logout {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    flex-wrap: wrap;
-
-    &__wrap {
-      z-index: 1;
-      position: relative;
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      gap: base(0.8);
-      width: 100%;
-      max-width: base(36);
-
-      & > * {
-        margin: 0;
-      }
-    }
-  }
-}

package/dist/views/NotFound/index.scss

@@ -1,57 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .not-found {
-    margin-top: var(--base);
-    display: flex;
-
-    & > * {
-      &:first-child {
-        margin-top: 0;
-      }
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-
-    &__wrap {
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      gap: base(0.8);
-      max-width: base(36);
-    }
-
-    &__content {
-      display: flex;
-      flex-direction: column;
-      gap: base(0.4);
-
-      > * {
-        margin: 0;
-      }
-    }
-
-    &__button {
-      margin: 0;
-    }
-
-    &--margin-top-large {
-      margin-top: calc(var(--base) * 2);
-    }
-
-    @include large-break {
-      &--margin-top-large {
-        margin-top: var(--base);
-      }
-    }
-
-    @include small-break {
-      margin-top: calc(var(--base) / 2);
-
-      &--margin-top-large {
-        margin-top: calc(var(--base) / 2);
-      }
-    }
-  }
-}

package/dist/views/ResetPassword/index.scss

@@ -1,11 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .reset-password__wrap {
-    .inputWrap {
-      display: flex;
-      flex-direction: column;
-      gap: base(0.8);
-    }
-  }
-}

package/dist/views/Unauthorized/index.scss

@@ -1,14 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .unauthorized {
-    &__button.btn {
-      margin: 0;
-      margin-block: 0;
-    }
-
-    &--with-gutter {
-      margin-top: var(--base);
-    }
-  }
-}

package/dist/views/Verify/index.scss

@@ -1,16 +0,0 @@
-@layer payload-default {
-  .verify {
-    display: flex;
-    align-items: center;
-    text-align: center;
-    flex-wrap: wrap;
-    min-height: 100vh;
-
-    &__brand {
-      display: flex;
-      justify-content: center;
-      width: 100%;
-      margin-bottom: calc(var(--base) * 2);
-    }
-  }
-}

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

@@ -1,170 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .view-version {
-    width: 100%;
-    padding-bottom: var(--spacing-view-bottom);
-
-    &__toggle-locales-label {
-      color: var(--theme-elevation-500);
-    }
-
-    &-controls-top {
-      border-bottom: 1px solid var(--theme-elevation-100);
-      padding: 16px var(--gutter-h) 16px var(--gutter-h);
-
-      &__wrapper {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: center;
-
-        &-actions {
-          display: flex;
-          flex-direction: row;
-          align-items: center;
-          gap: var(--base);
-        }
-      }
-
-      h2 {
-        font-size: 18px;
-      }
-    }
-
-    &-controls-bottom {
-      border-bottom: 1px solid var(--theme-elevation-100);
-      padding: 16px var(--gutter-h) 16px var(--gutter-h);
-      position: relative;
-
-      // Vertical separator line
-      &::after {
-        content: '';
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 50%;
-        width: 1px;
-        background-color: var(--theme-elevation-100);
-        transform: translateX(-50%); // Center the line
-      }
-
-      &__wrapper {
-        display: grid;
-        grid-template-columns: 1fr 1fr;
-        grid-gap: var(--base);
-        gap: var(--base);
-      }
-    }
-
-    &__time-elapsed {
-      color: var(--theme-elevation-500);
-    }
-
-    &__version-from {
-      display: flex;
-      flex-direction: column;
-      gap: 5px;
-
-      &-labels {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-      }
-    }
-
-    &__version-to {
-      display: flex;
-      flex-direction: column;
-      gap: 5px;
-
-      &-labels {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-      }
-
-      &-version {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: space-between;
-        background: var(--theme-elevation-50);
-        padding: 8px 12px;
-        gap: calc(var(--base) / 2);
-
-        h2 {
-          font-size: 13px;
-          font-weight: 400;
-        }
-      }
-    }
-
-    &__restore {
-      div {
-        margin-block: 0;
-      }
-    }
-
-    &__modifiedCheckBox {
-      margin: 0 0 0 var(--base);
-      display: flex;
-      align-items: center;
-    }
-
-    &__diff-wrap {
-      padding-top: var(--base);
-      display: flex;
-      flex-direction: column;
-      gap: var(--base);
-      position: relative;
-
-      // Vertical separator line
-      &::after {
-        content: '';
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 50%;
-        width: 1px;
-        background-color: var(--theme-elevation-100);
-        transform: translateX(-50%); // Center the line
-        z-index: 2;
-      }
-    }
-
-    @include mid-break {
-      &__version-to {
-        &-version {
-          flex-direction: column;
-          align-items: flex-start;
-        }
-      }
-    }
-
-    @include small-break {
-      &__diff-wrap {
-        padding-top: calc(var(--base) / 2);
-      }
-
-      &__version-to,
-      &__version-from {
-        &-labels {
-          flex-direction: column;
-          align-items: flex-start;
-        }
-      }
-
-      &-controls-top {
-        &__wrapper {
-          flex-direction: column;
-          align-items: flex-start;
-
-          .view-version__modifiedCheckBox {
-            margin-left: 0;
-          }
-        }
-      }
-    }
-  }
-}

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

@@ -1,81 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .diff-collapser {
-    &__toggle-button {
-      all: unset;
-      cursor: pointer;
-      position: relative;
-      z-index: 1;
-      display: flex;
-      align-items: center;
-
-      .icon {
-        color: var(--theme-elevation-500);
-      }
-
-      &:hover {
-        // Apply background color but with padding, thus we use after
-        &::before {
-          content: '';
-          position: absolute;
-          top: -(base(0.15));
-          left: -(base(0.15));
-          right: -(base(0.15));
-          bottom: -(base(0.15));
-          background-color: var(--theme-elevation-50);
-          border-radius: var(--style-radius-s);
-          z-index: -1;
-        }
-
-        .iterable-diff__label {
-          background-color: var(--theme-elevation-50);
-          z-index: 1;
-        }
-      }
-    }
-
-    &__label {
-      // Add space between label, chevron, and change count
-      margin: 0 calc(var(--base) * 0.3) 0 0;
-      display: inline-flex;
-      height: 100%;
-    }
-
-    &__field-change-count {
-      // Reset the font weight of the change count to normal
-      font-weight: normal;
-      margin-left: calc(var(--base) * 0.3);
-      padding: calc(var(--base) * 0.1) calc(var(--base) * 0.2);
-      background: var(--theme-elevation-100);
-      border-radius: var(--style-radius-s);
-      font-size: 0.8rem;
-    }
-
-    &__content:not(.diff-collapser__content--hide-gutter) {
-      [dir='ltr'] & {
-        // Vertical gutter
-        border-left: 2px solid var(--theme-elevation-100);
-        // Center-align the gutter with the chevron
-        margin-left: 3px;
-        // Content indentation
-        padding-left: calc(var(--base) * 0.5);
-      }
-      [dir='rtl'] & {
-        // Vertical gutter
-        border-right: 2px solid var(--theme-elevation-100);
-        // Center-align the gutter with the chevron
-        margin-right: 3px;
-        // Content indentation
-        padding-right: calc(var(--base) * 0.5);
-      }
-    }
-
-    &__content--is-collapsed {
-      // Hide the content when collapsed. We use display: none instead of
-      // conditional rendering to avoid loosing children's collapsed state when
-      // remounting.
-      display: none;
-    }
-  }
-}

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

@@ -1,12 +0,0 @@
-@layer payload-default {
-  .date-diff {
-    p *[data-match-type='delete'] {
-      color: unset !important;
-      background-color: unset !important;
-    }
-    p *[data-match-type='create'] {
-      color: unset !important;
-      background-color: unset !important;
-    }
-  }
-}

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

@@ -1,9 +0,0 @@
-@layer payload-default {
-  .group-diff {
-    &__locale-label {
-      &--no-label {
-        color: var(--theme-elevation-600);
-      }
-    }
-  }
-}

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

@@ -1,59 +0,0 @@
-@layer payload-default {
-  .iterable-diff {
-    &-label-container {
-      position: relative;
-      height: 20px;
-      display: flex;
-      flex-direction: row;
-      height: 100%;
-    }
-
-    &-label-prefix {
-      background-color: var(--theme-bg);
-      position: relative;
-      width: calc(var(--base) * 0.5);
-      height: 16px;
-      margin-left: calc((var(--base) * -0.5) - 5px);
-      margin-right: calc(var(--base) * 0.5);
-
-      &::before {
-        content: '';
-        position: absolute;
-        left: 1px;
-        top: 8px;
-        transform: translateY(-50%);
-        width: 6px;
-        height: 6px;
-        background-color: var(--theme-elevation-200);
-        border-radius: 50%;
-        margin-right: 5px;
-      }
-    }
-    &__label {
-      font-weight: 400;
-      color: var(--theme-elevation-600);
-    }
-
-    &__locale-label {
-      background: var(--theme-elevation-100);
-      border-radius: var(--style-radius-s);
-      padding: calc(var(--base) * 0.2);
-      // border-radius: $style-radius-m;
-      [dir='ltr'] & {
-        margin-right: calc(var(--base) * 0.25);
-      }
-      [dir='rtl'] & {
-        margin-left: calc(var(--base) * 0.25);
-      }
-    }
-
-    // Space between each row
-    &__row:not(:first-of-type) {
-      margin-top: calc(var(--base) * 0.5);
-    }
-
-    &__no-rows {
-      color: var(--theme-elevation-400);
-    }
-  }
-}

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

@@ -1,91 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .relationship-diff-container .field-diff-content {
-    padding: 0;
-    background: unset;
-  }
-
-  .relationship-diff-container--hasOne {
-    .relationship-diff {
-      min-width: 100%;
-      max-width: fit-content;
-    }
-  }
-
-  .relationship-diff-container--hasMany .field-diff-content {
-    background: var(--theme-elevation-50);
-    padding: 10px;
-
-    .html-diff {
-      display: flex;
-      min-width: 0;
-      max-width: max-content;
-      flex-wrap: wrap;
-      gap: calc(var(--base) * 0.5);
-    }
-
-    .relationship-diff {
-      padding: calc(var(--base) * 0.15) calc(var(--base) * 0.3);
-    }
-  }
-
-  .relationship-diff {
-    @extend %body;
-    display: flex;
-    align-items: center;
-    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.35);
-
-    &[data-match-type='create'] {
-      border-color: var(--diff-create-pill-border);
-      color: var(--diff-create-parent-color);
-
-      * {
-        color: var(--diff-create-parent-color);
-      }
-    }
-
-    &[data-match-type='delete'] {
-      border-color: var(--diff-delete-pill-border);
-      color: var(--diff-delete-parent-color);
-      background-color: var(--diff-delete-pill-bg);
-      text-decoration-line: none !important;
-
-      * {
-        color: var(--diff-delete-parent-color);
-        text-decoration-line: none;
-      }
-
-      .relationship-diff__info {
-        text-decoration-line: line-through;
-      }
-    }
-
-    &__info {
-      font-weight: 500;
-    }
-
-    &__pill {
-      border-radius: $style-radius-s;
-      margin: 0 calc(var(--base) * 0.4) 0 calc(var(--base) * 0.2);
-      padding: 0 calc(var(--base) * 0.1);
-      background-color: var(--theme-elevation-150);
-      color: var(--theme-elevation-750);
-    }
-
-    &[data-match-type='create'] .relationship-diff__pill {
-      background-color: var(--diff-create-parent-bg);
-      color: var(--diff-create-pill-color);
-    }
-
-    &[data-match-type='delete'] .relationship-diff__pill {
-      background-color: var(--diff-delete-parent-bg);
-      color: var(--diff-delete-pill-color);
-    }
-  }
-}

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

@@ -1,4 +0,0 @@
-@layer payload-default {
-  .select-diff {
-  }
-}

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

@@ -1,9 +0,0 @@
-@layer payload-default {
-  .tabs-diff {
-    // Space between each tab or tab locale
-    &__tab:not(:first-of-type),
-    &__tab-locale:not(:first-of-type) {
-      margin-top: var(--base);
-    }
-  }
-}

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

@@ -1,4 +0,0 @@
-@layer payload-default {
-  .text-diff {
-  }
-}