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

package/dist/elements/Nav/index.scss

@@ -1,173 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .nav {
-    position: sticky;
-    top: 0;
-    left: 0;
-    flex-shrink: 0;
-    height: 100vh;
-    width: var(--nav-width);
-    border-right: 1px solid var(--theme-elevation-100);
-    opacity: 0;
-    overflow: hidden;
-    --nav-padding-inline-start: var(--base);
-    --nav-padding-inline-end: var(--base);
-    --nav-padding-block-start: var(--app-header-height);
-    --nav-padding-block-end: calc(var(--base) * 2);
-
-    [dir='rtl'] & {
-      border-right: none;
-      border-left: 1px solid var(--theme-elevation-100);
-    }
-
-    &--nav-animate {
-      transition: opacity var(--nav-trans-time) ease-in-out;
-    }
-
-    &--nav-open {
-      opacity: 1;
-    }
-
-    &__header {
-      position: absolute;
-      top: 0;
-      width: 100vw;
-      height: var(--app-header-height);
-    }
-
-    &__header-content {
-      z-index: 1;
-      position: relative;
-      height: 100%;
-      width: 100%;
-    }
-
-    &__mobile-close {
-      display: none;
-      background: none;
-      border: 0;
-      outline: 0;
-      padding: base(0.8) 0;
-    }
-
-    &__scroll {
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      padding: var(--nav-padding-block-start) var(--nav-padding-inline-end)
-        var(--nav-padding-block-end) var(--nav-padding-inline-start);
-      overflow-y: auto;
-
-      // remove the scrollbar here to prevent layout shift as nav groups are toggled
-      &::-webkit-scrollbar {
-        display: none;
-      }
-    }
-
-    &__wrap {
-      width: 100%;
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      flex-grow: 1;
-    }
-
-    &__label {
-      color: var(--theme-elevation-400);
-    }
-
-    &__controls {
-      display: flex;
-      flex-direction: column;
-      gap: base(0.75);
-      margin-top: auto;
-      margin-bottom: 0;
-
-      > :first-child {
-        margin-top: base(1);
-      }
-
-      a:focus-visible {
-        outline: var(--accessibility-outline);
-      }
-    }
-
-    &__log-out {
-      &:hover {
-        g {
-          transform: translateX(-#{base(0.125)});
-        }
-      }
-    }
-
-    &__link {
-      display: flex;
-      align-items: center;
-      position: relative;
-      padding-block: base(0.125);
-      padding-inline-start: 0;
-      padding-inline-end: base(1.5);
-      text-decoration: none;
-
-      &:focus:not(:focus-visible) {
-        box-shadow: none;
-        font-weight: 600;
-      }
-
-      &.active {
-        font-weight: normal;
-        padding-left: 0;
-        font-weight: 600;
-      }
-    }
-
-    a.nav__link {
-      &:hover,
-      &:focus-visible {
-        text-decoration: underline;
-      }
-    }
-
-    &__link:has(.nav__link-indicator) {
-      font-weight: 600;
-      padding-left: 0;
-    }
-
-    &__link-indicator {
-      position: absolute;
-      display: block;
-      // top: 0;
-      inset-inline-start: base(-1);
-      width: 2px;
-      height: 16px;
-      border-start-end-radius: 2px;
-      border-end-end-radius: 2px;
-      background: var(--theme-text);
-    }
-
-    @include mid-break {
-      &__scroll {
-        --nav-padding-inline-start: calc(var(--base) * 0.5);
-        --nav-padding-inline-end: calc(var(--base) * 0.5);
-      }
-    }
-
-    @include small-break {
-      &__scroll {
-        --nav-padding-inline-start: var(--gutter-h);
-        --nav-padding-inline-end: var(--gutter-h);
-      }
-
-      &__link {
-        font-size: base(0.875);
-        line-height: base(1.5);
-      }
-
-      &__mobile-close {
-        display: flex;
-        align-items: center;
-      }
-    }
-  }
-}

package/dist/templates/Default/Wrapper/index.scss

@@ -1,58 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .template-default {
-    min-height: 100vh;
-    display: grid;
-    position: relative;
-    isolation: isolate;
-
-    @media (prefers-reduced-motion) {
-      transition: none;
-    }
-
-    &--nav-animate {
-      transition: grid-template-columns var(--nav-trans-time) linear;
-    }
-
-    &--nav-open {
-      .template-default {
-        &__nav-overlay {
-          transition: opacity var(--nav-trans-time) linear;
-        }
-      }
-    }
-  }
-
-  @media (min-width: 1441px) {
-    .template-default {
-      grid-template-columns: 0 auto;
-
-      &--nav-open {
-        grid-template-columns: var(--nav-width) auto;
-      }
-    }
-  }
-
-  @media (max-width: 1440px) {
-    .template-default--nav-hydrated.template-default--nav-open {
-      grid-template-columns: var(--nav-width) auto;
-    }
-
-    .template-default {
-      grid-template-columns: 1fr auto;
-
-      .nav {
-        display: none;
-      }
-
-      &--nav-hydrated {
-        grid-template-columns: 0 auto;
-
-        .nav {
-          display: unset;
-        }
-      }
-    }
-  }
-}

package/dist/templates/Default/index.scss

@@ -1,79 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .template-default {
-    background-color: var(--theme-bg);
-    color: var(--theme-text);
-
-    [dir='rtl'] &__nav-toggler-wrapper {
-      left: unset;
-      right: 0;
-    }
-
-    &__nav-toggler-wrapper {
-      position: sticky;
-      z-index: var(--z-modal);
-      top: 0;
-      left: 0;
-      height: 0;
-      width: var(--gutter-h);
-      display: flex;
-      justify-content: center;
-    }
-
-    &__nav-toggler-container {
-      height: var(--app-header-height);
-      display: flex;
-      align-items: center;
-    }
-
-    &__nav-toggler {
-      display: flex;
-      align-items: center;
-    }
-
-    &__wrap {
-      min-width: 0;
-      width: 100%;
-      flex-grow: 1;
-      position: relative;
-      background-color: var(--theme-bg);
-      &:before {
-        content: '';
-        display: block;
-        position: absolute;
-        inset: 0;
-        background-color: inherit;
-        opacity: 0;
-        z-index: var(--z-status);
-        visibility: hidden;
-        transition: all var(--nav-trans-time) linear;
-      }
-    }
-
-    @include mid-break {
-      &__nav-toggler-wrapper {
-        .hamburger {
-          left: unset;
-        }
-      }
-    }
-
-    @include small-break {
-      &__nav-toggler-wrapper {
-        width: unset;
-        justify-content: unset;
-
-        .hamburger {
-          display: none;
-        }
-      }
-
-      .template-default {
-        &__wrap {
-          min-width: 100%;
-        }
-      }
-    }
-  }
-}

package/dist/templates/Minimal/index.scss

@@ -1,30 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .template-minimal {
-    display: flex;
-    width: 100%;
-    justify-content: center;
-    align-items: center;
-    padding: base(3) $baseline;
-    margin-left: auto;
-    margin-right: auto;
-    min-height: 100%;
-    background-color: var(--theme-bg-color);
-    color: var(--theme-text);
-
-    &--width-normal {
-      .template-minimal__wrap {
-        max-width: base(24);
-        width: 100%;
-      }
-    }
-
-    &--width-wide {
-      .template-minimal__wrap {
-        max-width: base(48);
-        width: 100%;
-      }
-    }
-  }
-}

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