@payloadcms/next 3.0.0-beta.64 → 3.0.0-beta.66

package/dist/views/Edit/Default/Auth/index.scss

@@ -1,76 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.auth-fields {
-  padding: calc(var(--base) * 2);
-  background: var(--theme-elevation-50);
-  display: flex;
-  flex-direction: column;
-  gap: var(--base);
-
-  &__controls {
-    display: flex;
-    align-items: center;
-    gap: calc(var(--base) / 2);
-    flex-wrap: wrap;
-  }
-
-  &__changing-password {
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
-  }
-
-  .btn {
-    margin: 0;
-  }
-
-  &__api-key-label {
-    position: relative;
-  }
-
-  @include mid-break {
-    padding: var(--base);
-    gap: calc(var(--base) / 2);
-
-    &__changing-password {
-      gap: calc(var(--base) / 2);
-    }
-  }
-}
-
-.field-type.api-key {
-  margin-bottom: var(--base);
-
-  input {
-    @include formInput;
-  }
-}
-
-@keyframes highlight {
-  0% {
-    background: var(--theme-success-250);
-    border: 1px solid var(--theme-success-500);
-  }
-
-  20% {
-    background: var(--theme-input-bg);
-    border: 1px solid var(--theme-elevation-250);
-    color: var(--theme-text);
-  }
-
-  80% {
-    background: var(--theme-input-bg);
-    border: 1px solid var(--theme-elevation-250);
-    color: var(--theme-text);
-  }
-
-  100% {
-    background: var(--theme-elevation-200);
-    border: 1px solid transparent;
-    color: var(--theme-elevation-400);
-  }
-}
-
-.highlight {
-  animation: highlight 10s;
-}

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

@@ -1,21 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.collection-edit {
-  width: 100%;
-
-  &__form {
-    height: 100%;
-  }
-
-  &__auth {
-    margin-bottom: calc(var(--base) * 2);
-    margin-top: calc(var(--base) * 0.5);
-  }
-
-  @include small-break {
-    &__auth {
-      margin-top: 0;
-      margin-bottom: var(--base);
-    }
-  }
-}

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

@@ -1,195 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.collection-list {
-  width: 100%;
-  margin-top: base(0.5);
-
-  &__wrap {
-    padding-bottom: var(--spacing-view-bottom);
-
-    & > *:not(:last-child) {
-      margin-bottom: var(--base);
-    }
-  }
-
-  &__header {
-    display: flex;
-    align-items: flex-end;
-    flex-wrap: wrap;
-    gap: base(0.75);
-
-    h1 {
-      margin: 0;
-    }
-
-    a {
-      text-decoration: none;
-    }
-
-    .pill {
-      position: relative;
-      top: -14px;
-      margin: 0;
-    }
-  }
-
-  &__sub-header {
-    flex-basis: 100%;
-    margin-top: base(0.25);
-  }
-
-  .table {
-    table {
-      width: 100%;
-      overflow: auto;
-
-      [class^='cell'] > p,
-      [class^='cell'] > span,
-      [class^='cell'] > a {
-        line-clamp: 4;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 4;
-        overflow: hidden;
-        display: -webkit-box;
-        max-width: 100vw;
-      }
-
-      #heading-_select,
-      .cell-_select {
-        min-width: unset;
-        width: auto;
-      }
-    }
-  }
-
-  &__no-results {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: var(--base);
-
-    & > * {
-      margin: 0;
-    }
-  }
-
-  &__page-controls {
-    width: 100%;
-    display: flex;
-    align-items: center;
-  }
-
-  .paginator {
-    margin-bottom: 0;
-  }
-
-  &__page-info {
-    [dir='ltr'] & {
-      margin-right: base(1);
-      margin-left: auto;
-    }
-    [dir='rtl'] & {
-      margin-left: base(1);
-      margin-right: auto;
-    }
-  }
-
-  &__list-selection {
-    position: fixed;
-    bottom: 0;
-    z-index: 10;
-    padding: base(0.75) 0;
-    width: 100%;
-    background-color: var(--theme-bg);
-
-    .btn {
-      margin: 0 0 0 base(0.5);
-    }
-
-    .btn {
-      background-color: var(--theme-elevation-100);
-      cursor: pointer;
-      padding: 0 base(0.25);
-      border-radius: $style-radius-s;
-
-      &:hover {
-        background-color: var(--theme-elevation-200);
-      }
-    }
-  }
-
-  &__list-selection-actions {
-    display: flex;
-    gap: base(0.25);
-  }
-
-  &__shimmer {
-    margin-top: base(1.75);
-    width: 100%;
-    > div {
-      margin-top: 8px;
-    }
-  }
-
-  @include mid-break {
-    margin-top: base(0.25);
-
-    &__wrap {
-      padding-top: 0;
-      padding-bottom: 0;
-    }
-
-    &__header {
-      gap: base(0.5);
-    }
-
-    &__sub-header {
-      margin-top: 0;
-    }
-
-    &__search-input {
-      margin: 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 {
-      margin-left: 0;
-    }
-
-    .paginator {
-      width: 100%;
-      margin-bottom: $baseline;
-    }
-  }
-
-  @include small-break {
-    margin-top: 0;
-    margin-bottom: base(3);
-
-    &__header {
-      .pill {
-        top: -6px;
-      }
-    }
-  }
-}

package/dist/views/LivePreview/IFrame/index.scss

@@ -1,7 +0,0 @@
-.live-preview-iframe {
-  background-color: white;
-  border: 0;
-  width: 100%;
-  height: 100%;
-  transform-origin: top left;
-}

package/dist/views/LivePreview/Preview/index.scss

@@ -1,41 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.live-preview-window {
-  background-color: var(--theme-bg);
-  width: 60%;
-  flex-shrink: 0;
-  flex-grow: 0;
-  position: sticky;
-  top: var(--doc-controls-height);
-  height: calc(100vh - var(--doc-controls-height));
-  overflow: hidden;
-
-  &__wrapper {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    justify-content: flex-start;
-  }
-
-  &__main {
-    flex-grow: 1;
-    height: 100%;
-    width: 100%;
-  }
-
-  &--has-breakpoint {
-    .live-preview-iframe {
-      border: 1px solid var(--theme-elevation-100);
-    }
-
-    .live-preview-window {
-      &__main {
-        padding: var(--base);
-      }
-    }
-  }
-
-  @include mid-break {
-    width: 100%;
-  }
-}

package/dist/views/LivePreview/Toolbar/Controls/index.scss

@@ -1,59 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.live-preview-toolbar-controls {
-  display: flex;
-  align-items: center;
-  gap: calc(var(--base) / 3);
-
-  &__breakpoint {
-    border: none;
-    background: transparent;
-    height: var(--base);
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  &__device-size {
-    display: flex;
-    align-items: center;
-  }
-
-  &__size {
-    width: 50px;
-    height: var(--base);
-    display: flex;
-    align-items: center;
-    border: 1px solid var(--theme-elevation-200);
-    background: var(--theme-elevation-100);
-    border-radius: 2px;
-    font-size: small;
-  }
-
-  &__zoom {
-    width: 55px;
-    border: none;
-    background: transparent;
-    height: var(--base);
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  &__external {
-    flex-shrink: 0;
-    display: flex;
-    width: var(--base);
-    height: var(--base);
-    align-items: center;
-    justify-content: center;
-    padding: 6px 0;
-  }
-
-  .popup-button {
-    display: flex;
-    align-items: center;
-  }
-}

package/dist/views/LivePreview/Toolbar/SizeInput/index.scss

@@ -1,10 +0,0 @@
-.toolbar-input {
-  width: 50px;
-  height: var(--base);
-  display: flex;
-  align-items: center;
-  border: 1px solid var(--theme-elevation-200);
-  background: var(--theme-elevation-100);
-  border-radius: 2px;
-  font-size: small;
-}

package/dist/views/LivePreview/Toolbar/index.scss

@@ -1,41 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.live-preview-toolbar {
-  display: flex;
-  background-color: var(--theme-bg);
-  color: var(--theme-text);
-  height: calc(var(--base) * 1.75);
-  align-items: center;
-  flex-shrink: 0;
-
-  &--static {
-    position: relative;
-    width: 100%;
-    justify-content: center;
-    border-bottom: 1px solid var(--theme-elevation-100);
-  }
-
-  &--draggable {
-    @include shadow-lg;
-    position: absolute;
-    top: 0;
-    left: 0;
-    margin: 0;
-    border-radius: 4px;
-  }
-
-  &__drag-handle {
-    background: transparent;
-    border: 0;
-    padding: 0;
-    cursor: grab;
-
-    .icon--drag-handle .fill {
-      fill: var(--theme-elevation-300);
-    }
-
-    &:active {
-      cursor: grabbing;
-    }
-  }
-}

package/dist/views/LivePreview/ToolbarArea/index.scss

@@ -1,4 +0,0 @@
-.toolbar-area {
-  width: 100%;
-  height: 100%;
-}

package/dist/views/LivePreview/index.scss

@@ -1,66 +0,0 @@
-@import '../../scss/styles.scss';
-
-.live-preview {
-  width: 100%;
-  display: flex;
-  --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
-
-  [dir='rtl'] & {
-    flex-direction: row-reverse;
-  }
-
-  &--popup-open {
-    .live-preview {
-      &__edit {
-        padding-right: var(--gutter-h);
-      }
-    }
-  }
-
-  &__main {
-    width: 40%;
-    display: flex;
-    flex-direction: column;
-    min-height: 100%;
-    position: relative;
-
-    &--popup-open {
-      width: 100%;
-    }
-
-    &::after {
-      content: ' ';
-      position: absolute;
-      top: 0;
-      right: 0;
-      width: calc(var(--base) * 2);
-      height: 100%;
-      background: var(--gradient);
-      pointer-events: none;
-      z-index: -1;
-    }
-  }
-
-  @include mid-break {
-    flex-direction: column;
-
-    &__main {
-      min-height: initial;
-      width: 100%;
-
-      &::after {
-        display: none;
-      }
-    }
-
-    &__form {
-      display: block;
-    }
-  }
-}
-
-html[data-theme='dark'] {
-  .live-preview {
-    --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
-  }
-}

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

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

package/dist/views/Login/index.scss

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

package/dist/views/Logout/index.scss

@@ -1,20 +0,0 @@
-.logout {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  min-height: 100vh;
-
-  &__wrap {
-    & > *:first-child {
-      margin-top: 0;
-    }
-
-    & > *:last-child {
-      margin-bottom: 0;
-    }
-
-    .btn {
-      margin: 0;
-    }
-  }
-}

package/dist/views/NotFound/index.scss

@@ -1,37 +0,0 @@
-@import '../../scss/styles.scss';
-
-.not-found {
-  margin-top: var(--base);
-  display: flex;
-
-  & > * {
-    &:first-child {
-      margin-top: 0;
-    }
-    &:last-child {
-      margin-bottom: 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,5 +0,0 @@
-.reset-password {
-  form > .field-type {
-    margin-bottom: var(--base);
-  }
-}

package/dist/views/Unauthorized/index.scss

@@ -1,36 +0,0 @@
-@import '../../scss/styles.scss';
-
-.unauthorized {
-  margin-top: var(--base);
-
-  & > * {
-    &:first-child {
-      margin-top: 0;
-    }
-    &:last-child {
-      margin-bottom: 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/Verify/index.scss

@@ -1,14 +0,0 @@
-.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);
-  }
-}