npm - @payloadcms/next - Versions diffs - 3.0.0-beta.53 → 3.0.0-beta.55 - Mend

@@ -1,70 +0,0 @@
-@import '../../../scss/styles.scss';
-.view-version {
-  width: 100%;
-  padding-bottom: var(--spacing-view-bottom);
-  &__wrap {
-    padding-top: calc(var(--base) * 1.5);
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
-  }
-  &__header-wrap {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) / 4);
-  }
-  &__header {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    h2 {
-      margin: 0;
-    }
-  }
-  &__created-at {
-    margin: 0;
-    color: var(--theme-elevation-500);
-  }
-  &__controls {
-    display: flex;
-    gap: var(--base);
-    > * {
-      flex-basis: 100%;
-    }
-  }
-  &__restore {
-    margin: 0 0 0 var(--base);
-  }
-  @include mid-break {
-    &__intro,
-    &__header {
-      display: block;
-    }
-    &__controls {
-      flex-direction: column;
-      gap: calc(var(--base) / 4);
-    }
-    &__restore {
-      margin: calc(var(--base) * 0.5) 0 0 0;
-    }
-  }
-  @include small-break {
-    &__wrap {
-      padding-top: calc(var(--base) / 2);
-      gap: calc(var(--base) / 2);
-    }
-  }
-}

@@ -1,4 +0,0 @@
-.field-diff-label {
-  margin-bottom: calc(var(--base) * 0.25);
-  font-weight: 600;
-}

@@ -1,34 +0,0 @@
-.iterable-diff {
-  margin-bottom: calc(var(--base) * 2);
-  &__locale-label {
-    background: var(--theme-elevation-100);
-    padding: calc(var(--base) * 0.25);
-    // border-radius: $style-radius-m;
-    [dir='ltr'] & {
-      margin-right: calc(var(--base) * 0.25);
-    }
-    [dir='rtl'] & {
-      margin-left: calc(var(--base) * 0.25);
-    }
-  }
-  &__wrap {
-    margin: calc(var(--base) * 0.5);
-    [dir='ltr'] & {
-      padding-left: calc(var(--base) * 0.5);
-      // border-left: $style-stroke-width-s solid var(--theme-elevation-150);
-    }
-    [dir='rtl'] & {
-      padding-right: calc(var(--base) * 0.5);
-      // border-right: $style-stroke-width-s solid var(--theme-elevation-150);
-    }
-  }
-  &__no-rows {
-    font-family: monospace;
-    background-color: var(--theme-elevation-50);
-    // padding: base(0.125) calc(var(--base) * 0.5);
-    // margin: base(0.125) 0;
-  }
-}

@@ -1,12 +0,0 @@
-.nested-diff {
-  &__wrap--gutter {
-    [dir='ltr'] & {
-      padding-left: calc(var(--base) * 0.25);
-      // border-left: $style-stroke-width-s solid var(--theme-elevation-150);
-    }
-    [dir='rtl'] & {
-      padding-right: calc(var(--base) * 0.25);
-      // border-right: $style-stroke-width-s solid var(--theme-elevation-150);
-    }
-  }
-}

@@ -1,13 +0,0 @@
-.relationship-diff {
-  &__locale-label {
-    [dir='ltr'] & {
-      margin-right: calc(var(--base) * 0.25);
-    }
-    [dir='rtl'] & {
-      margin-left: calc(var(--base) * 0.25);
-    }
-    background: var(--theme-elevation-100);
-    padding: calc(var(--base) * 0.25);
-    // border-radius: $style-radius-m;
-  }
-}

@@ -1,30 +0,0 @@
-@import '../../.././scss/styles.scss';
-.restore-version {
-  cursor: pointer;
-  &__modal {
-    @include blur-bg;
-    display: flex;
-    align-items: center;
-    height: 100%;
-    &__toggle {
-      @extend %btn-reset;
-    }
-    .btn {
-      [dir='ltr'] & {
-        margin-right: var(--base);
-      }
-      [dir='rtl'] & {
-        margin-left: var(--base);
-      }
-    }
-  }
-  &__modal-template {
-    position: relative;
-    z-index: 1;
-  }
-}

@@ -1,13 +0,0 @@
-.compare-version {
-  &__error-loading {
-    border: 1px solid var(--theme-error-500);
-    min-height: calc(var(--base) * 2);
-    padding: calc(var(--base) * 0.5) calc(var(--base) * 0.75);
-    background-color: var(--theme-error-500);
-    color: var(--theme-elevation-0);
-  }
-  &__label {
-    margin-bottom: calc(var(--base) * 0.25);
-  }
-}

@@ -1,7 +0,0 @@
-.select-version-locales {
-  flex-grow: 1;
-  &__label {
-    margin-bottom: calc(var(--base) * 0.25);
-  }
-}

@@ -1,108 +0,0 @@
-@import '../../scss/styles.scss';
-.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);
-    }
-  }
-}

@payloadcms/next 3.0.0-beta.53 → 3.0.0-beta.55