@payloadcms/next 3.0.0-canary.28c161d → 3.0.0-canary.291e44c

package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.scss

@@ -1,13 +1,15 @@
-.text-diff {
-  &__locale-label {
-    [dir='ltr'] & {
-      margin-right: calc(var(--base) * 0.25);
+@layer payload-default {
+  .text-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;
     }
-    [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;
   }
 }

package/dist/views/Version/RenderFieldsToDiff/index.scss

@@ -1,18 +1,20 @@
 @import '../../../scss/styles.scss';
 
-.render-field-diffs {
-  display: flex;
-  flex-direction: column;
-  gap: var(--base);
-
-  &__field {
-    overflow-wrap: anywhere;
+@layer payload-default {
+  .render-field-diffs {
     display: flex;
     flex-direction: column;
     gap: var(--base);
-  }
 
-  @include small-break {
-    gap: calc(var(--base) / 2);
+    &__field {
+      overflow-wrap: anywhere;
+      display: flex;
+      flex-direction: column;
+      gap: var(--base);
+    }
+
+    @include small-break {
+      gap: calc(var(--base) / 2);
+    }
   }
 }

package/dist/views/Version/Restore/index.scss

@@ -1,77 +1,79 @@
 @import '../../.././scss/styles.scss';
 
-.restore-version {
-  cursor: pointer;
-  display: flex;
-
-  .popup-button {
-    display: flex;
-  }
-
-  &__chevron {
-    background-color: var(--theme-elevation-150);
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+@layer payload-default {
+  .restore-version {
     cursor: pointer;
+    display: flex;
 
-    .stroke {
-      stroke-width: 1px;
+    .popup-button {
+      display: flex;
     }
 
-    &:hover {
-      background: var(--theme-elevation-100);
+    &__chevron {
+      background-color: var(--theme-elevation-150);
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      cursor: pointer;
+
+      .stroke {
+        stroke-width: 1px;
+      }
+
+      &:hover {
+        background: var(--theme-elevation-100);
+      }
     }
-  }
 
-  &__button {
-    border-top-right-radius: 0px;
-    border-bottom-right-radius: 0px;
-    margin-right: 2px;
+    &__button {
+      border-top-right-radius: 0px;
+      border-bottom-right-radius: 0px;
+      margin-right: 2px;
 
-    &:focus {
-      border-radius: 0;
-      outline-offset: 0;
+      &:focus {
+        border-radius: 0;
+        outline-offset: 0;
+      }
     }
-  }
 
-  &__modal {
-    @include blur-bg;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
+    &__modal {
+      @include blur-bg;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
 
-    &__toggle {
-      @extend %btn-reset;
+      &__toggle {
+        @extend %btn-reset;
+      }
     }
-  }
 
-  &__wrapper {
-    z-index: 1;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    gap: base(0.8);
-    padding: base(2);
-    max-width: base(36);
-  }
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: base(0.8);
+      padding: base(2);
+      max-width: base(36);
+    }
 
-  &__content {
-    display: flex;
-    flex-direction: column;
-    gap: base(0.4);
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: base(0.4);
 
-    > * {
-      margin: 0;
+      > * {
+        margin: 0;
+      }
     }
-  }
 
-  &__controls {
-    display: flex;
-    gap: base(0.4);
+    &__controls {
+      display: flex;
+      gap: base(0.4);
 
-    .btn {
-      margin: 0;
+      .btn {
+        margin: 0;
+      }
     }
   }
 }

package/dist/views/Version/SelectComparison/index.scss

@@ -1,13 +1,15 @@
-.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-100);
-    color: var(--theme-elevation-0);
-  }
+@layer payload-default {
+  .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-100);
+      color: var(--theme-elevation-0);
+    }
 
-  &__label {
-    margin-bottom: calc(var(--base) * 0.25);
+    &__label {
+      margin-bottom: calc(var(--base) * 0.25);
+    }
   }
 }

package/dist/views/Version/SelectLocales/index.scss

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

package/dist/views/Versions/index.scss

@@ -1,108 +1,110 @@
 @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);
-  }
+@layer payload-default {
+  .versions {
+    width: 100%;
+    margin-bottom: calc(var(--base) * 2);
 
-  &__parent-doc {
-    .banner__content {
-      display: flex;
+    &__wrap {
+      padding-top: 0;
+      padding-bottom: var(--spacing-view-bottom);
+      margin-top: calc(var(--base) * 0.75);
     }
-  }
 
-  &__parent-doc-pills {
-    [dir='ltr'] & {
-      margin-left: auto;
+    &__header {
+      margin-bottom: var(--base);
     }
 
-    [dir='rtl'] & {
-      margin-right: auto;
+    &__no-versions {
+      margin-top: calc(var(--base) * 1.5);
     }
-  }
 
-  .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;
+    &__parent-doc {
+      .banner__content {
+        display: flex;
+      }
     }
 
-    [dir='rtl'] & {
-      margin-left: var(--base);
-      margin-right: auto;
-    }
-  }
+    &__parent-doc-pills {
+      [dir='ltr'] & {
+        margin-left: auto;
+      }
 
-  @include mid-break {
-    &__wrap {
-      padding-top: 0;
-      margin-top: 0;
+      [dir='rtl'] & {
+        margin-right: auto;
+      }
     }
 
-    // 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);
+      table {
+        width: 100%;
+        overflow: auto;
       }
     }
 
     &__page-controls {
-      flex-wrap: wrap;
+      width: 100%;
+      display: flex;
+      align-items: center;
+    }
+
+    .paginator {
+      margin-bottom: 0;
     }
 
     &__page-info {
       [dir='ltr'] & {
-        margin-left: 0;
+        margin-right: var(--base);
+        margin-left: auto;
       }
 
       [dir='rtl'] & {
-        margin-right: 0;
+        margin-left: var(--base);
+        margin-right: auto;
       }
     }
 
-    .paginator {
-      width: 100%;
-      margin-bottom: var(--base);
+    @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);
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/next",
-  "version": "3.0.0-canary.28c161d",
+  "version": "3.0.0-canary.291e44c",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -71,9 +71,9 @@
     "sonner": "^1.5.0",
     "uuid": "10.0.0",
     "ws": "^8.16.0",
-    "@payloadcms/graphql": "3.0.0-canary.28c161d",
-    "@payloadcms/translations": "3.0.0-canary.28c161d",
-    "@payloadcms/ui": "3.0.0-canary.28c161d"
+    "@payloadcms/graphql": "3.0.0-canary.291e44c",
+    "@payloadcms/translations": "3.0.0-canary.291e44c",
+    "@payloadcms/ui": "3.0.0-canary.291e44c"
   },
   "devDependencies": {
     "@babel/cli": "^7.24.5",
@@ -92,13 +92,13 @@
     "esbuild-sass-plugin": "3.3.1",
     "eslint-plugin-react-compiler": "0.0.0-experimental-7670337-20240918",
     "swc-plugin-transform-remove-imports": "1.15.0",
-    "payload": "3.0.0-canary.28c161d",
-    "@payloadcms/eslint-config": "3.0.0-beta.97"
+    "@payloadcms/eslint-config": "3.0.0-beta.97",
+    "payload": "3.0.0-canary.291e44c"
   },
   "peerDependencies": {
     "graphql": "^16.8.1",
     "next": "^15.0.0-canary.173",
-    "payload": "3.0.0-canary.28c161d"
+    "payload": "3.0.0-canary.291e44c"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"

package/dist/views/ResetPassword/index.client.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type Args = {
-    readonly token: string;
-};
-export declare const ResetPasswordClient: React.FC<Args>;
-export {};
-//# sourceMappingURL=index.client.d.ts.map

package/dist/views/ResetPassword/index.client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/ResetPassword/index.client.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,IAAI,GAAG;IACV,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AAeD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CA8D9C,CAAA"}

package/dist/views/ResetPassword/index.client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.client.js","names":["c","_c","ConfirmPasswordField","Form","FormSubmit","HiddenField","PasswordField","useAuth","useConfig","useTranslation","formatAdminURL","useRouter","React","toast","initialState","initialValue","valid","value","password","ResetPasswordClient","t0","$","token","i18n","config","t1","admin","t2","routes","t3","serverURL","t4","user","userSlug","login","loginRoute","adminRoute","api","apiRoute","history","fetchFullUser","t5","data","push","path","success","t","onSuccess","t6","t7","_jsxs","action","method","children","className","_jsx","field","name","label","required","forceUsePathFromProps","size"],"sources":["../../../src/views/ResetPassword/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nimport {\n  ConfirmPasswordField,\n  Form,\n  FormSubmit,\n  HiddenField,\n  PasswordField,\n  useAuth,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\nimport { toast } from 'sonner'\n\ntype Args = {\n  readonly token: string\n}\n\nconst initialState: FormState = {\n  'confirm-password': {\n    initialValue: '',\n    valid: false,\n    value: '',\n  },\n  password: {\n    initialValue: '',\n    valid: false,\n    value: '',\n  },\n}\n\nexport const ResetPasswordClient: React.FC<Args> = ({ token }) => {\n  const i18n = useTranslation()\n  const {\n    config: {\n      admin: {\n        routes: { login: loginRoute },\n        user: userSlug,\n      },\n      routes: { admin: adminRoute, api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  const history = useRouter()\n\n  const { fetchFullUser } = useAuth()\n\n  const onSuccess = React.useCallback(\n    async (data) => {\n      if (data.token) {\n        await fetchFullUser()\n        history.push(adminRoute)\n      } else {\n        history.push(\n          formatAdminURL({\n            adminRoute,\n            path: loginRoute,\n          }),\n        )\n        toast.success(i18n.t('general:updatedSuccessfully'))\n      }\n    },\n    [adminRoute, fetchFullUser, history, i18n, loginRoute],\n  )\n\n  return (\n    <Form\n      action={`${serverURL}${apiRoute}/${userSlug}/reset-password`}\n      initialState={initialState}\n      method=\"POST\"\n      onSuccess={onSuccess}\n    >\n      <div className={'inputWrap'}>\n        <PasswordField\n          field={{\n            name: 'password',\n            label: i18n.t('authentication:newPassword'),\n            required: true,\n          }}\n        />\n        <ConfirmPasswordField />\n        <HiddenField\n          field={{\n            name: 'token',\n          }}\n          forceUsePathFromProps\n          value={token}\n        />\n      </div>\n      <FormSubmit size=\"large\">{i18n.t('authentication:resetPassword')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}