@payloadcms/next 3.68.0-internal.d76116c → 3.68.0

package/dist/views/API/RenderJSON/index.scss

@@ -1,129 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-$tab-width: 24px;
-
-@layer payload-default {
-  .query-inspector {
-    --tab-width: 24px;
-
-    &__json-children {
-      position: relative;
-
-      &--nested {
-        & li {
-          padding-left: 8px;
-        }
-      }
-
-      &:before {
-        content: '';
-        position: absolute;
-        top: 0;
-        width: 1px;
-        height: 100%;
-        border-left: 1px dashed var(--theme-elevation-200);
-      }
-    }
-
-    &__row-line {
-      &--nested {
-        .query-inspector__json-children {
-          padding-left: var(--tab-width);
-        }
-      }
-    }
-
-    &__list-wrap {
-      position: relative;
-    }
-
-    &__list-toggle {
-      all: unset;
-      width: 100%;
-      text-align: left;
-      cursor: pointer;
-      border-radius: 3px;
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-      position: relative;
-      display: flex;
-      column-gap: 14px;
-      row-gap: 10px;
-      align-items: center;
-      left: 0;
-      width: calc(100% + 3px);
-      background-color: var(--theme-elevation-50);
-
-      &:not(.query-inspector__list-toggle--empty) {
-        margin-left: calc(var(--tab-width) * -1 - 10px);
-      }
-
-      svg .stroke {
-        stroke: var(--theme-elevation-400);
-      }
-
-      &:hover {
-        background-color: var(--theme-elevation-100);
-      }
-
-      &--empty {
-        cursor: default;
-        pointer-events: none;
-      }
-    }
-
-    &__toggle-row-icon {
-      &--open {
-        transform: rotate(0deg);
-      }
-      &--closed {
-        transform: rotate(-90deg);
-      }
-    }
-
-    &__value-type {
-      &--number {
-        .query-inspector__value {
-          color: var(--number-color);
-        }
-      }
-
-      &--string {
-        .query-inspector__value {
-          color: var(--string-color);
-        }
-      }
-    }
-
-    &__bracket {
-      position: relative;
-
-      &--position-end {
-        left: 2px;
-        width: calc(100% - 5px);
-      }
-    }
-
-    // Some specific rules targetting the very top of the nested JSON structure or very first items since they need slightly different styling
-    &__results {
-      & > .query-inspector__row-line--nested {
-        & > .query-inspector__list-toggle {
-          margin-left: 0;
-          column-gap: 6px;
-
-          .query-inspector__toggle-row-icon {
-            margin-left: -4px;
-          }
-        }
-
-        & > .query-inspector__json-children {
-          padding-left: calc(var(--base) * 1);
-        }
-
-        & > .query-inspector__bracket--nested > .query-inspector__bracket--position-end {
-          padding-left: 16px;
-        }
-      }
-    }
-  }
-}

package/dist/views/API/index.scss

@@ -1,119 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .query-inspector {
-    --string-color: var(--color-success-450);
-    --number-color: var(--color-warning-450);
-    display: flex;
-    gap: calc(var(--base) * 2);
-    align-items: flex-start;
-
-    ul {
-      padding-left: calc(var(--base) * 1);
-    }
-
-    &--fullscreen {
-      padding-left: 0;
-      .query-inspector__configuration {
-        display: none;
-      }
-    }
-
-    &__configuration {
-      margin-top: calc(var(--base) * 2);
-      width: 60%;
-      position: sticky;
-      top: var(--base);
-    }
-
-    &__api-url {
-      margin-bottom: calc(var(--base) * 1.5);
-
-      a {
-        display: block;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        text-decoration: none;
-
-        &:hover,
-        &:focus-visible {
-          text-decoration: underline;
-        }
-      }
-    }
-
-    &__form-fields {
-      display: flex;
-      flex-direction: column;
-      gap: var(--base);
-    }
-
-    &__label {
-      color: var(--theme-elevation-400);
-    }
-
-    &__filter-query-checkboxes {
-      display: flex;
-      gap: var(--base);
-    }
-
-    &__results-wrapper {
-      font-family: var(--font-mono);
-      width: 100%;
-      ul {
-        margin: 0;
-      }
-      li {
-        list-style: none;
-      }
-    }
-
-    &__toggle-fullscreen-button-container {
-      position: sticky;
-      top: 0;
-      z-index: 1;
-
-      @include mid-break {
-        display: none;
-      }
-    }
-
-    &__toggle-fullscreen-button {
-      position: absolute;
-      right: calc(var(--base) * 0.5);
-      top: calc(var(--base) * 0.5);
-      padding: calc(var(--base) * 0.25);
-      background-color: var(--theme-elevation-0);
-      cursor: pointer;
-      z-index: 1;
-      margin: 0;
-      border: 0;
-      border-radius: 3px;
-      color: var(--theme-elevation-300);
-      &:hover {
-        color: var(--theme-elevation-700);
-      }
-    }
-
-    &__results {
-      padding-top: calc(var(--base) * 0.5);
-      padding-left: calc(var(--base) * 0.5);
-      padding-bottom: calc(var(--base) * 0.5);
-      background-color: var(--theme-elevation-50);
-      overflow: auto;
-      min-height: 100vh;
-    }
-
-    @include mid-break {
-      flex-direction: column;
-      padding-left: 0;
-
-      .query-inspector__configuration {
-        position: relative;
-        width: 100%;
-        top: 0;
-        padding-inline-end: var(--gutter-h);
-      }
-    }
-  }
-}

package/dist/views/Account/Settings/index.scss

@@ -1,48 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .payload-settings {
-    position: relative;
-    margin-bottom: calc(var(--base) * 2);
-
-    h3 {
-      margin: 0;
-    }
-
-    &::before,
-    &::after {
-      content: '';
-      display: block;
-      height: 1px;
-      background: var(--theme-elevation-100);
-      width: calc(100% + calc(var(--base) * 5));
-      left: calc(var(--gutter-h) * -1);
-      top: 0;
-      position: absolute;
-    }
-
-    &::after {
-      display: none;
-      bottom: 0;
-      top: unset;
-    }
-
-    margin-top: calc(var(--base) * 3);
-    padding-top: calc(var(--base) * 3);
-    padding-bottom: calc(var(--base) * 3);
-    display: flex;
-    flex-direction: column;
-    gap: var(--base);
-
-    @include mid-break {
-      margin-bottom: var(--base);
-      padding-top: calc(var(--base) * 2);
-      margin-top: calc(var(--base) * 2);
-      padding-bottom: calc(var(--base) * 2);
-
-      &::after {
-        display: block;
-      }
-    }
-  }
-}

package/dist/views/CreateFirstUser/index.scss

@@ -1,21 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .create-first-user {
-    display: flex;
-    flex-direction: column;
-    gap: base(0.4);
-
-    > form > .field-type {
-      margin-bottom: var(--base);
-
-      & .form-submit {
-        margin: 0;
-      }
-    }
-  }
-
-  .emailAndUsername {
-    margin-bottom: var(--base);
-  }
-}

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;
-          }
-        }
-      }
-    }
-  }
-}