@payloadcms/next 3.80.0-internal-debug.7019cc9 → 3.80.0-internal.0311fce

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

@@ -1,318 +0,0 @@
-@import '~@payloadcms/ui/scss';
-
-@layer payload-default {
-  .modular-dashboard {
-    .widget-content {
-      height: 100%;
-    }
-
-    // In mobile, make the widget full width and hide the size button.
-    @media (max-width: 768px) {
-      .widget {
-        width: 100% !important;
-      }
-
-      .widget-wrapper__size-btn {
-        display: none;
-      }
-    }
-
-    &.editing {
-      .widget-content {
-        user-select: none;
-        -webkit-user-select: none;
-        pointer-events: none;
-      }
-
-      .draggable {
-        cursor: grab;
-      }
-    }
-
-    .drag-overlay {
-      pointer-events: none;
-      user-select: none;
-    }
-
-    &__empty {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 100%;
-      width: 100%;
-      padding: 24px;
-    }
-  }
-
-  // Apply grabbing cursor to body when drag-overlay is present
-  body:has(.drag-overlay) * {
-    cursor: grabbing;
-  }
-
-  .widget-wrapper__controls {
-    opacity: 0;
-    transition: opacity 0.2s ease;
-  }
-
-  .widget:focus-visible,
-  .widget:has(:focus-visible) {
-    .widget-wrapper__controls {
-      opacity: 1;
-    }
-  }
-
-  // This is used to highlight a newly added widget.
-  @keyframes widget-highlight {
-    0% {
-      box-shadow: 0 0 0 3px rgba(255, 208, 0, 0.9);
-    }
-    100% {
-      box-shadow: 0 0 0 3px rgba(255, 208, 0, 0);
-    }
-  }
-
-  .widget {
-    &--highlight {
-      animation: widget-highlight 1.5s ease-out forwards;
-      border-radius: 8px;
-    }
-  }
-
-  .widget-wrapper {
-    position: relative;
-    height: 100%;
-    width: 100%;
-
-    &--editing {
-      .widget-wrapper__controls {
-        // opacity: 0;
-        transition: opacity 0.2s ease;
-      }
-
-      &:hover {
-        .widget-wrapper__controls {
-          opacity: 1;
-        }
-      }
-    }
-
-    &__controls {
-      position: absolute;
-      top: 16px;
-      right: 16px;
-      z-index: 10;
-
-      display: flex;
-      align-items: center;
-      gap: 8px;
-    }
-
-    &__delete-btn,
-    &__edit-btn {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      width: 28px;
-      height: 28px;
-
-      background: var(--theme-text);
-      border: none;
-      border-radius: 4px;
-      cursor: pointer;
-
-      transition: all 0.2s ease;
-
-      .icon {
-        width: 16px;
-        height: 16px;
-
-        .stroke {
-          stroke: var(--theme-elevation-0);
-          stroke-width: 2;
-        }
-      }
-
-      &:hover {
-        background: var(--theme-elevation-800);
-      }
-
-      &:active {
-        background: var(--theme-elevation-900);
-      }
-
-      svg {
-        pointer-events: none;
-      }
-    }
-
-    &__size-btn {
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      padding: 6px 10px;
-      min-width: auto;
-      height: 28px;
-
-      background: var(--theme-text);
-      border: none;
-      border-radius: 4px;
-      cursor: pointer;
-
-      transition: all 0.2s ease;
-
-      font-size: 12px;
-      font-weight: 500;
-      color: var(--theme-elevation-0);
-      white-space: nowrap;
-
-      .icon {
-        width: 12px;
-        height: 12px;
-        flex-shrink: 0;
-
-        .stroke {
-          stroke: var(--theme-elevation-0);
-          stroke-width: 2;
-        }
-      }
-
-      &:hover {
-        background: var(--theme-elevation-800);
-      }
-
-      &:active {
-        background: var(--theme-elevation-900);
-      }
-
-      &:disabled {
-        opacity: 0.5;
-        cursor: not-allowed;
-
-        &:hover {
-          background: var(--theme-text);
-        }
-      }
-
-      svg {
-        pointer-events: none;
-      }
-    }
-
-    &__size-btn-percentage {
-      font-size: 12px;
-      margin-left: auto;
-      color: var(--theme-elevation-500);
-    }
-  }
-
-  // Since popup uses portal and renders to body, we need global styles
-  // for the size selection buttons in widget wrappers
-  .popup-button-list:has(.widget-wrapper__size-btn-label) {
-    .popup__scroll-container {
-      padding: 0;
-    }
-  }
-
-  .popup__content:has(.widget-wrapper__size-btn-label) {
-    padding: 5px;
-    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
-  }
-
-  .popup-button-list__button:has(.widget-wrapper__size-btn-label) {
-    display: flex !important;
-    align-items: center !important;
-    gap: 20px;
-
-    .widget-wrapper__size-btn-label {
-      flex: 0 0 auto;
-    }
-
-    .widget-wrapper__size-btn-percentage {
-      margin-left: auto !important;
-    }
-  }
-
-  .step-nav {
-    .dashboard-breadcrumb-dropdown {
-      &__editing {
-        align-items: center;
-        display: flex !important;
-        gap: 12px;
-      }
-
-      &__actions {
-        display: flex !important;
-        gap: 8px;
-      }
-    }
-
-    .dashboard-breadcrumb-select {
-      position: relative;
-      z-index: 10;
-
-      .rs__control {
-        background: transparent;
-        border: none;
-        box-shadow: none;
-        padding: 0;
-        cursor: pointer;
-
-        &:hover {
-          background: transparent;
-        }
-      }
-
-      .rs__indicator-separator {
-        display: none;
-      }
-
-      .rs__dropdown-indicator {
-        padding: 0 4px;
-      }
-
-      .rs__menu {
-        position: absolute;
-        top: 100%;
-        left: 0;
-        min-width: max-content;
-        width: max-content;
-        z-index: 9999;
-        border-radius: 4px;
-        padding: 5px;
-        box-shadow:
-          0 4px 6px -1px rgba(0, 0, 0, 0.1),
-          0 2px 4px -1px rgba(0, 0, 0, 0.06);
-      }
-
-      .rs__menu-list {
-        padding: 0;
-      }
-
-      .rs__option {
-        padding: 4px 8px;
-        border-radius: 3px;
-        margin: 0;
-      }
-    }
-
-    .rs__control {
-      box-shadow: none !important;
-      cursor: pointer !important;
-    }
-
-    .drawer-toggler--unstyled {
-      background: transparent;
-      border: none;
-      margin: 0;
-      padding: 0;
-      outline: none;
-      box-shadow: none;
-
-      &:hover,
-      &:focus {
-        background: transparent;
-      }
-    }
-  }
-}

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