@payloadcms/next 3.68.0-internal.d76116c → 3.68.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/cjs/withPayload.cjs +314 -0
  2. package/dist/cjs/withPayload.cjs.map +7 -0
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/dist/views/Document/getDocumentPermissions.js +1 -1
  7. package/dist/views/Document/getDocumentPermissions.js.map +1 -1
  8. package/dist/withPayload/withPayload.d.ts.map +1 -0
  9. package/dist/{withPayload.js → withPayload/withPayload.js} +4 -2
  10. package/dist/withPayload/withPayload.js.map +1 -0
  11. package/dist/{withPayload.utils.d.ts → withPayload/withPayload.utils.d.ts} +2 -5
  12. package/dist/withPayload/withPayload.utils.d.ts.map +1 -0
  13. package/dist/withPayload/withPayload.utils.js +108 -0
  14. package/dist/withPayload/withPayload.utils.js.map +1 -0
  15. package/dist/withPayload/withPayloadLegacy.d.ts.map +1 -0
  16. package/dist/{withPayloadLegacy.js → withPayload/withPayloadLegacy.js} +2 -2
  17. package/dist/withPayload/withPayloadLegacy.js.map +1 -0
  18. package/package.json +13 -11
  19. package/dist/elements/DocumentHeader/Tabs/Tab/index.scss +0 -38
  20. package/dist/elements/DocumentHeader/Tabs/index.scss +0 -54
  21. package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.scss +0 -9
  22. package/dist/elements/DocumentHeader/index.scss +0 -64
  23. package/dist/elements/FormHeader/index.scss +0 -8
  24. package/dist/elements/Nav/NavWrapper/index.scss +0 -27
  25. package/dist/elements/Nav/SettingsMenuButton/index.scss +0 -11
  26. package/dist/elements/Nav/index.scss +0 -173
  27. package/dist/templates/Default/Wrapper/index.scss +0 -58
  28. package/dist/templates/Default/index.scss +0 -79
  29. package/dist/templates/Minimal/index.scss +0 -30
  30. package/dist/views/API/RenderJSON/index.scss +0 -129
  31. package/dist/views/API/index.scss +0 -119
  32. package/dist/views/Account/Settings/index.scss +0 -48
  33. package/dist/views/CreateFirstUser/index.scss +0 -21
  34. package/dist/views/Dashboard/Default/index.scss +0 -69
  35. package/dist/views/Login/LoginForm/index.scss +0 -10
  36. package/dist/views/Login/index.scss +0 -10
  37. package/dist/views/Logout/index.scss +0 -25
  38. package/dist/views/NotFound/index.scss +0 -57
  39. package/dist/views/ResetPassword/index.scss +0 -11
  40. package/dist/views/Unauthorized/index.scss +0 -14
  41. package/dist/views/Verify/index.scss +0 -16
  42. package/dist/views/Version/Default/index.scss +0 -170
  43. package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.scss +0 -81
  44. package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.scss +0 -12
  45. package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.scss +0 -9
  46. package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.scss +0 -59
  47. package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.scss +0 -91
  48. package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.scss +0 -4
  49. package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.scss +0 -9
  50. package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.scss +0 -4
  51. package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.scss +0 -121
  52. package/dist/views/Version/RenderFieldsToDiff/index.scss +0 -24
  53. package/dist/views/Version/Restore/index.scss +0 -84
  54. package/dist/views/Version/SelectComparison/VersionDrawer/index.scss +0 -18
  55. package/dist/views/Version/SelectComparison/index.scss +0 -9
  56. package/dist/views/Version/VersionPillLabel/index.scss +0 -26
  57. package/dist/views/Versions/cells/AutosaveCell/index.scss +0 -9
  58. package/dist/views/Versions/index.scss +0 -110
  59. package/dist/withPayload.d.ts.map +0 -1
  60. package/dist/withPayload.js.map +0 -1
  61. package/dist/withPayload.utils.d.ts.map +0 -1
  62. package/dist/withPayload.utils.js +0 -101
  63. package/dist/withPayload.utils.js.map +0 -1
  64. package/dist/withPayloadLegacy.d.ts.map +0 -1
  65. package/dist/withPayloadLegacy.js.map +0 -1
  66. /package/dist/{withPayload.d.ts → withPayload/withPayload.d.ts} +0 -0
  67. /package/dist/{withPayloadLegacy.d.ts → withPayload/withPayloadLegacy.d.ts} +0 -0
@@ -18,7 +18,7 @@
18
18
  const hasTurbopackConfigWarning = typeof args[1] === 'string' && args[1].includes(turbopackConfigWarningText) || typeof args[0] === 'string' && args[0].includes(turbopackConfigWarningText);
19
19
  if (hasTurbopackConfigWarning) {
20
20
  consoleWarn(...args);
21
- consoleWarn('Payload: You can safely ignore the "Invalid next.config" warning above. This only occurs on Next.js 15.2.x or lower. We recommend upgrading to Next.js 15.4.7 to resolve this warning.');
21
+ consoleWarn('Payload: You can safely ignore the "Invalid next.config" warning above. This only occurs on Next.js 15.2.x or lower. We recommend upgrading to the latest supported Next.js version to resolve this warning.');
22
22
  return;
23
23
  }
24
24
  consoleWarn(...args);
@@ -28,7 +28,7 @@
28
28
  const isTurbopackNextjs15 = process.env.TURBOPACK === '1';
29
29
  const isTurbopackNextjs16 = process.env.TURBOPACK === 'auto';
30
30
  if (isBuild && (isTurbopackNextjs15 || isTurbopackNextjs16)) {
31
- throw new Error('Payload does not support using Turbopack for production builds. If you are using Next.js 16, please use `next build --webpack` instead.');
31
+ throw new Error('Your Next.js and Payload versions do not support using Turbopack for production builds. Please upgrade to Next.js 16.1.0-canary.3 or higher if you want to use Turbopack for builds.');
32
32
  }
33
33
  const toReturn = {
34
34
  ...nextConfig,
@@ -0,0 +1 @@
1
+ {"version":3,"file":"withPayloadLegacy.js","names":["withPayloadLegacy","nextConfig","process","env","PAYLOAD_PATCH_TURBOPACK_WARNINGS","turbopackWarningText","turbopackConfigWarningText","consoleWarn","console","warn","args","includes","hasTurbopackConfigWarning","isBuild","NODE_ENV","isTurbopackNextjs15","TURBOPACK","isTurbopackNextjs16","Error","toReturn","serverExternalPackages"],"sources":["../../src/withPayload/withPayloadLegacy.ts"],"sourcesContent":["/* eslint-disable no-console */\nimport type { NextConfig } from 'next'\n\n/**\n * Applies config options required to support Next.js versions before 16.1.0 and 16.1.0-canary.15.\n */\nexport const withPayloadLegacy = (nextConfig: NextConfig = {}): NextConfig => {\n if (process.env.PAYLOAD_PATCH_TURBOPACK_WARNINGS !== 'false') {\n // TODO: This warning is thrown because we cannot externalize the entry-point package for client-s3, so we patch the warning to not show it.\n // We can remove this once Next.js implements https://github.com/vercel/next.js/discussions/76991\n const turbopackWarningText =\n 'Packages that should be external need to be installed in the project directory, so they can be resolved from the output files.\\nTry to install it into the project directory by running'\n\n // TODO 4.0: Remove this once we drop support for Next.js 15.2.x\n const turbopackConfigWarningText = \"Unrecognized key(s) in object: 'turbopack'\"\n\n const consoleWarn = console.warn\n console.warn = (...args) => {\n // Force to disable serverExternalPackages warnings: https://github.com/vercel/next.js/issues/68805\n if (\n (typeof args[1] === 'string' && args[1].includes(turbopackWarningText)) ||\n (typeof args[0] === 'string' && args[0].includes(turbopackWarningText))\n ) {\n return\n }\n\n // Add Payload-specific message after turbopack config warning in Next.js 15.2.x or lower.\n // TODO 4.0: Remove this once we drop support for Next.js 15.2.x\n const hasTurbopackConfigWarning =\n (typeof args[1] === 'string' && args[1].includes(turbopackConfigWarningText)) ||\n (typeof args[0] === 'string' && args[0].includes(turbopackConfigWarningText))\n\n if (hasTurbopackConfigWarning) {\n consoleWarn(...args)\n consoleWarn(\n 'Payload: You can safely ignore the \"Invalid next.config\" warning above. This only occurs on Next.js 15.2.x or lower. We recommend upgrading to the latest supported Next.js version to resolve this warning.',\n )\n return\n }\n\n consoleWarn(...args)\n }\n }\n\n const isBuild = process.env.NODE_ENV === 'production'\n const isTurbopackNextjs15 = process.env.TURBOPACK === '1'\n const isTurbopackNextjs16 = process.env.TURBOPACK === 'auto'\n\n if (isBuild && (isTurbopackNextjs15 || isTurbopackNextjs16)) {\n throw new Error(\n 'Your Next.js and Payload versions do not support using Turbopack for production builds. Please upgrade to Next.js 16.1.0-canary.3 or higher if you want to use Turbopack for builds.',\n )\n }\n\n const toReturn: NextConfig = {\n ...nextConfig,\n serverExternalPackages: [\n // serverExternalPackages = webpack.externals, but with turbopack support and an additional check\n // for whether the package is resolvable from the project root\n ...(nextConfig.serverExternalPackages || []),\n // External, because it installs import-in-the-middle and require-in-the-middle - both in the default serverExternalPackages list.\n '@sentry/nextjs',\n ],\n }\n\n return toReturn\n}\n"],"mappings":"AAAA,gCAGA;;kCAGA,OAAO,MAAMA,iBAAA,GAAoBA,CAACC,UAAA,GAAyB,CAAC,CAAC;EAC3D,IAAIC,OAAA,CAAQC,GAAG,CAACC,gCAAgC,KAAK,SAAS;IAC5D;IACA;IACA,MAAMC,oBAAA,GACJ;IAEF;IACA,MAAMC,0BAAA,GAA6B;IAEnC,MAAMC,WAAA,GAAcC,OAAA,CAAQC,IAAI;IAChCD,OAAA,CAAQC,IAAI,GAAG,CAAC,GAAGC,IAAA;MACjB;MACA,IACE,OAAQA,IAAI,CAAC,EAAE,KAAK,YAAYA,IAAI,CAAC,EAAE,CAACC,QAAQ,CAACN,oBAAA,KAChD,OAAOK,IAAI,CAAC,EAAE,KAAK,YAAYA,IAAI,CAAC,EAAE,CAACC,QAAQ,CAACN,oBAAA,GACjD;QACA;MACF;MAEA;MACA;MACA,MAAMO,yBAAA,GACJ,OAAQF,IAAI,CAAC,EAAE,KAAK,YAAYA,IAAI,CAAC,EAAE,CAACC,QAAQ,CAACL,0BAAA,KAChD,OAAOI,IAAI,CAAC,EAAE,KAAK,YAAYA,IAAI,CAAC,EAAE,CAACC,QAAQ,CAACL,0BAAA;MAEnD,IAAIM,yBAAA,EAA2B;QAC7BL,WAAA,IAAeG,IAAA;QACfH,WAAA,CACE;QAEF;MACF;MAEAA,WAAA,IAAeG,IAAA;IACjB;EACF;EAEA,MAAMG,OAAA,GAAUX,OAAA,CAAQC,GAAG,CAACW,QAAQ,KAAK;EACzC,MAAMC,mBAAA,GAAsBb,OAAA,CAAQC,GAAG,CAACa,SAAS,KAAK;EACtD,MAAMC,mBAAA,GAAsBf,OAAA,CAAQC,GAAG,CAACa,SAAS,KAAK;EAEtD,IAAIH,OAAA,KAAYE,mBAAA,IAAuBE,mBAAkB,GAAI;IAC3D,MAAM,IAAIC,KAAA,CACR;EAEJ;EAEA,MAAMC,QAAA,GAAuB;IAC3B,GAAGlB,UAAU;IACbmB,sBAAA,EAAwB;IACtB;IACA;QACInB,UAAA,CAAWmB,sBAAsB,IAAI,EAAE;IAC3C;IACA;EAEJ;EAEA,OAAOD,QAAA;AACT","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payloadcms/next",
3
- "version": "3.68.0-internal.d76116c",
3
+ "version": "3.68.0",
4
4
  "homepage": "https://payloadcms.com",
5
5
  "repository": {
6
6
  "type": "git",
@@ -27,9 +27,9 @@
27
27
  "default": "./dist/prod/styles.css"
28
28
  },
29
29
  "./withPayload": {
30
- "import": "./dist/withPayload.js",
30
+ "import": "./dist/withPayload/withPayload.js",
31
31
  "require": "./dist/cjs/withPayload.cjs",
32
- "default": "./dist/withPayload.js"
32
+ "default": "./dist/withPayload/withPayload.js"
33
33
  },
34
34
  "./layouts": {
35
35
  "import": "./dist/exports/layouts.js",
@@ -97,9 +97,9 @@
97
97
  "qs-esm": "7.0.2",
98
98
  "sass": "1.77.4",
99
99
  "uuid": "10.0.0",
100
- "@payloadcms/graphql": "3.68.0-internal.d76116c",
101
- "@payloadcms/translations": "3.68.0-internal.d76116c",
102
- "@payloadcms/ui": "3.68.0-internal.d76116c"
100
+ "@payloadcms/graphql": "3.68.0",
101
+ "@payloadcms/translations": "3.68.0",
102
+ "@payloadcms/ui": "3.68.0"
103
103
  },
104
104
  "devDependencies": {
105
105
  "@babel/cli": "7.27.2",
@@ -117,12 +117,12 @@
117
117
  "esbuild-sass-plugin": "3.3.1",
118
118
  "swc-plugin-transform-remove-imports": "8.3.0",
119
119
  "@payloadcms/eslint-config": "3.28.0",
120
- "payload": "3.68.0-internal.d76116c"
120
+ "payload": "3.68.0"
121
121
  },
122
122
  "peerDependencies": {
123
123
  "graphql": "^16.8.1",
124
124
  "next": "^15.4.8",
125
- "payload": "3.68.0-internal.d76116c"
125
+ "payload": "3.68.0"
126
126
  },
127
127
  "engines": {
128
128
  "node": "^18.20.2 || >=20.9.0"
@@ -134,15 +134,17 @@
134
134
  "build": "pnpm build:reactcompiler",
135
135
  "build:babel": "rm -rf dist_optimized && babel dist --out-dir dist_optimized --source-maps --extensions .ts,.js,.tsx,.jsx,.cjs,.mjs && rm -rf dist && mv dist_optimized dist",
136
136
  "build:bundle-for-analysis": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm build:swc && pnpm build:babel && pnpm copyfiles && node ./bundle.js esbuild",
137
- "build:cjs": "swc ./src/withPayload.js -o ./dist/cjs/withPayload.cjs --config-file .swcrc-cjs --strip-leading-paths",
138
- "build:debug": "pnpm build",
137
+ "build:cjs": "node ./bundleWithPayload.js",
138
+ "build:debug": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm build:swc:debug && pnpm copyfiles:debug && pnpm build:types && pnpm build:cjs && node createStubScss.js",
139
139
  "build:esbuild": "node bundleScss.js",
140
140
  "build:reactcompiler": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm build:swc && pnpm build:babel && pnpm copyfiles && pnpm build:types && pnpm build:esbuild && pnpm build:cjs",
141
141
  "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",
142
+ "build:swc:debug": "swc ./src -d ./dist --config-file .swcrc-debug --strip-leading-paths",
142
143
  "build:types": "tsc --emitDeclarationOnly --outDir dist",
143
144
  "build:without_reactcompiler": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm copyfiles && pnpm build:types && pnpm build:swc && pnpm build:cjs && pnpm build:esbuild",
144
145
  "clean": "rimraf -g {dist,*.tsbuildinfo,esbuild}",
145
- "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
146
+ "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
147
+ "copyfiles:debug": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
146
148
  "lint": "eslint .",
147
149
  "lint:fix": "eslint . --fix"
148
150
  }
@@ -1,38 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .doc-tab {
5
- display: flex;
6
- justify-content: center;
7
- align-items: center;
8
- white-space: nowrap;
9
-
10
- &:hover {
11
- .pill-version-count {
12
- background-color: var(--theme-elevation-150);
13
- }
14
- }
15
-
16
- &--active {
17
- .pill-version-count {
18
- background-color: var(--theme-elevation-250);
19
- }
20
-
21
- &:hover {
22
- .pill-version-count {
23
- background-color: var(--theme-elevation-250);
24
- }
25
- }
26
- }
27
-
28
- &__label {
29
- display: flex;
30
- position: relative;
31
- align-items: center;
32
- gap: 4px;
33
- width: 100%;
34
- height: 100%;
35
- line-height: calc(var(--base) * 1.2);
36
- }
37
- }
38
- }
@@ -1,54 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .doc-tabs {
5
- display: flex;
6
-
7
- &__tabs {
8
- display: flex;
9
- gap: calc(var(--base) / 2);
10
- list-style: none;
11
- align-items: center;
12
- margin: 0;
13
- padding-left: 0;
14
- }
15
-
16
- @include mid-break {
17
- width: 100%;
18
- padding: 0;
19
- overflow: auto;
20
-
21
- // this container has a gradient overlay as visual indication of `overflow: scroll`
22
- &::-webkit-scrollbar {
23
- display: none;
24
- }
25
-
26
- &::after {
27
- content: '';
28
- display: block;
29
- position: sticky;
30
- right: 0;
31
- width: calc(var(--base) * 2);
32
- height: calc(var(--base) * 2);
33
- background: linear-gradient(to right, transparent, var(--theme-bg));
34
- flex-shrink: 0;
35
- z-index: 1111;
36
- pointer-events: none;
37
- }
38
-
39
- &__tabs {
40
- padding: 0;
41
- }
42
- }
43
-
44
- @include small-break {
45
- &__tabs-container {
46
- margin-right: var(--gutter-h);
47
- }
48
-
49
- &__tabs {
50
- gap: var(--gutter-h);
51
- }
52
- }
53
- }
54
- }
@@ -1,9 +0,0 @@
1
- @layer payload-default {
2
- .pill-version-count {
3
- line-height: calc(var(--base) * 0.8);
4
- min-width: calc(var(--base) * 0.8);
5
- text-align: center;
6
- background-color: var(--theme-elevation-100);
7
- border-radius: var(--style-radius-s);
8
- }
9
- }
@@ -1,64 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .doc-header {
5
- width: 100%;
6
- margin-top: calc(var(--base) * 0.4);
7
- padding-bottom: calc(var(--base) * 1.2);
8
- position: relative;
9
-
10
- &::after {
11
- content: '';
12
- display: block;
13
- position: absolute;
14
- height: 1px;
15
- background: var(--theme-elevation-100);
16
- width: 100%;
17
- left: 0;
18
- top: calc(100% - 1px);
19
- }
20
-
21
- &__header {
22
- display: flex;
23
- align-items: center;
24
- gap: calc(var(--base) / 2);
25
- }
26
-
27
- &__title {
28
- flex-grow: 1;
29
- white-space: nowrap;
30
- overflow: hidden;
31
- text-overflow: ellipsis;
32
- margin: 0;
33
- padding-bottom: calc(var(--base) * 0.4);
34
- vertical-align: top;
35
- padding-bottom: 0;
36
- }
37
-
38
- &__after-header {
39
- padding-top: calc(var(--base) * 0.8);
40
- }
41
-
42
- @include mid-break {
43
- margin-top: calc(var(--base) * 0.25);
44
- padding-bottom: calc(var(--base) / 1.5);
45
-
46
- &__header {
47
- flex-direction: column;
48
- gap: calc(var(--base) / 2);
49
- }
50
-
51
- &__title {
52
- width: 100%;
53
- }
54
-
55
- &__after-header {
56
- padding-top: calc(var(--base) / 4);
57
- }
58
- }
59
-
60
- @include small-break {
61
- margin-top: 0;
62
- }
63
- }
64
- }
@@ -1,8 +0,0 @@
1
- @layer payload-default {
2
- .form-header {
3
- display: flex;
4
- flex-direction: column;
5
- gap: calc(var(--base) * 0.5);
6
- margin-bottom: var(--base);
7
- }
8
- }
@@ -1,27 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .nav {
5
- position: sticky;
6
- top: 0;
7
- left: 0;
8
- flex-shrink: 0;
9
- height: 100vh;
10
- width: var(--nav-width);
11
- border-right: 1px solid var(--theme-elevation-100);
12
- opacity: 0;
13
-
14
- [dir='rtl'] & {
15
- border-right: none;
16
- border-left: 1px solid var(--theme-elevation-100);
17
- }
18
-
19
- &--nav-animate {
20
- transition: opacity var(--nav-trans-time) ease-in-out;
21
- }
22
-
23
- &--nav-open {
24
- opacity: 1;
25
- }
26
- }
27
- }
@@ -1,11 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .settings-menu-button {
5
- &.popup--h-align-left {
6
- .popup__content {
7
- left: calc(var(--nav-padding-inline-start) * -0.5);
8
- }
9
- }
10
- }
11
- }
@@ -1,173 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .nav {
5
- position: sticky;
6
- top: 0;
7
- left: 0;
8
- flex-shrink: 0;
9
- height: 100vh;
10
- width: var(--nav-width);
11
- border-right: 1px solid var(--theme-elevation-100);
12
- opacity: 0;
13
- overflow: hidden;
14
- --nav-padding-inline-start: var(--base);
15
- --nav-padding-inline-end: var(--base);
16
- --nav-padding-block-start: var(--app-header-height);
17
- --nav-padding-block-end: calc(var(--base) * 2);
18
-
19
- [dir='rtl'] & {
20
- border-right: none;
21
- border-left: 1px solid var(--theme-elevation-100);
22
- }
23
-
24
- &--nav-animate {
25
- transition: opacity var(--nav-trans-time) ease-in-out;
26
- }
27
-
28
- &--nav-open {
29
- opacity: 1;
30
- }
31
-
32
- &__header {
33
- position: absolute;
34
- top: 0;
35
- width: 100vw;
36
- height: var(--app-header-height);
37
- }
38
-
39
- &__header-content {
40
- z-index: 1;
41
- position: relative;
42
- height: 100%;
43
- width: 100%;
44
- }
45
-
46
- &__mobile-close {
47
- display: none;
48
- background: none;
49
- border: 0;
50
- outline: 0;
51
- padding: base(0.8) 0;
52
- }
53
-
54
- &__scroll {
55
- height: 100%;
56
- display: flex;
57
- flex-direction: column;
58
- padding: var(--nav-padding-block-start) var(--nav-padding-inline-end)
59
- var(--nav-padding-block-end) var(--nav-padding-inline-start);
60
- overflow-y: auto;
61
-
62
- // remove the scrollbar here to prevent layout shift as nav groups are toggled
63
- &::-webkit-scrollbar {
64
- display: none;
65
- }
66
- }
67
-
68
- &__wrap {
69
- width: 100%;
70
- display: flex;
71
- flex-direction: column;
72
- align-items: flex-start;
73
- flex-grow: 1;
74
- }
75
-
76
- &__label {
77
- color: var(--theme-elevation-400);
78
- }
79
-
80
- &__controls {
81
- display: flex;
82
- flex-direction: column;
83
- gap: base(0.75);
84
- margin-top: auto;
85
- margin-bottom: 0;
86
-
87
- > :first-child {
88
- margin-top: base(1);
89
- }
90
-
91
- a:focus-visible {
92
- outline: var(--accessibility-outline);
93
- }
94
- }
95
-
96
- &__log-out {
97
- &:hover {
98
- g {
99
- transform: translateX(-#{base(0.125)});
100
- }
101
- }
102
- }
103
-
104
- &__link {
105
- display: flex;
106
- align-items: center;
107
- position: relative;
108
- padding-block: base(0.125);
109
- padding-inline-start: 0;
110
- padding-inline-end: base(1.5);
111
- text-decoration: none;
112
-
113
- &:focus:not(:focus-visible) {
114
- box-shadow: none;
115
- font-weight: 600;
116
- }
117
-
118
- &.active {
119
- font-weight: normal;
120
- padding-left: 0;
121
- font-weight: 600;
122
- }
123
- }
124
-
125
- a.nav__link {
126
- &:hover,
127
- &:focus-visible {
128
- text-decoration: underline;
129
- }
130
- }
131
-
132
- &__link:has(.nav__link-indicator) {
133
- font-weight: 600;
134
- padding-left: 0;
135
- }
136
-
137
- &__link-indicator {
138
- position: absolute;
139
- display: block;
140
- // top: 0;
141
- inset-inline-start: base(-1);
142
- width: 2px;
143
- height: 16px;
144
- border-start-end-radius: 2px;
145
- border-end-end-radius: 2px;
146
- background: var(--theme-text);
147
- }
148
-
149
- @include mid-break {
150
- &__scroll {
151
- --nav-padding-inline-start: calc(var(--base) * 0.5);
152
- --nav-padding-inline-end: calc(var(--base) * 0.5);
153
- }
154
- }
155
-
156
- @include small-break {
157
- &__scroll {
158
- --nav-padding-inline-start: var(--gutter-h);
159
- --nav-padding-inline-end: var(--gutter-h);
160
- }
161
-
162
- &__link {
163
- font-size: base(0.875);
164
- line-height: base(1.5);
165
- }
166
-
167
- &__mobile-close {
168
- display: flex;
169
- align-items: center;
170
- }
171
- }
172
- }
173
- }
@@ -1,58 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .template-default {
5
- min-height: 100vh;
6
- display: grid;
7
- position: relative;
8
- isolation: isolate;
9
-
10
- @media (prefers-reduced-motion) {
11
- transition: none;
12
- }
13
-
14
- &--nav-animate {
15
- transition: grid-template-columns var(--nav-trans-time) linear;
16
- }
17
-
18
- &--nav-open {
19
- .template-default {
20
- &__nav-overlay {
21
- transition: opacity var(--nav-trans-time) linear;
22
- }
23
- }
24
- }
25
- }
26
-
27
- @media (min-width: 1441px) {
28
- .template-default {
29
- grid-template-columns: 0 auto;
30
-
31
- &--nav-open {
32
- grid-template-columns: var(--nav-width) auto;
33
- }
34
- }
35
- }
36
-
37
- @media (max-width: 1440px) {
38
- .template-default--nav-hydrated.template-default--nav-open {
39
- grid-template-columns: var(--nav-width) auto;
40
- }
41
-
42
- .template-default {
43
- grid-template-columns: 1fr auto;
44
-
45
- .nav {
46
- display: none;
47
- }
48
-
49
- &--nav-hydrated {
50
- grid-template-columns: 0 auto;
51
-
52
- .nav {
53
- display: unset;
54
- }
55
- }
56
- }
57
- }
58
- }
@@ -1,79 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .template-default {
5
- background-color: var(--theme-bg);
6
- color: var(--theme-text);
7
-
8
- [dir='rtl'] &__nav-toggler-wrapper {
9
- left: unset;
10
- right: 0;
11
- }
12
-
13
- &__nav-toggler-wrapper {
14
- position: sticky;
15
- z-index: var(--z-modal);
16
- top: 0;
17
- left: 0;
18
- height: 0;
19
- width: var(--gutter-h);
20
- display: flex;
21
- justify-content: center;
22
- }
23
-
24
- &__nav-toggler-container {
25
- height: var(--app-header-height);
26
- display: flex;
27
- align-items: center;
28
- }
29
-
30
- &__nav-toggler {
31
- display: flex;
32
- align-items: center;
33
- }
34
-
35
- &__wrap {
36
- min-width: 0;
37
- width: 100%;
38
- flex-grow: 1;
39
- position: relative;
40
- background-color: var(--theme-bg);
41
- &:before {
42
- content: '';
43
- display: block;
44
- position: absolute;
45
- inset: 0;
46
- background-color: inherit;
47
- opacity: 0;
48
- z-index: var(--z-status);
49
- visibility: hidden;
50
- transition: all var(--nav-trans-time) linear;
51
- }
52
- }
53
-
54
- @include mid-break {
55
- &__nav-toggler-wrapper {
56
- .hamburger {
57
- left: unset;
58
- }
59
- }
60
- }
61
-
62
- @include small-break {
63
- &__nav-toggler-wrapper {
64
- width: unset;
65
- justify-content: unset;
66
-
67
- .hamburger {
68
- display: none;
69
- }
70
- }
71
-
72
- .template-default {
73
- &__wrap {
74
- min-width: 100%;
75
- }
76
- }
77
- }
78
- }
79
- }
@@ -1,30 +0,0 @@
1
- @import '~@payloadcms/ui/scss';
2
-
3
- @layer payload-default {
4
- .template-minimal {
5
- display: flex;
6
- width: 100%;
7
- justify-content: center;
8
- align-items: center;
9
- padding: base(3) $baseline;
10
- margin-left: auto;
11
- margin-right: auto;
12
- min-height: 100%;
13
- background-color: var(--theme-bg-color);
14
- color: var(--theme-text);
15
-
16
- &--width-normal {
17
- .template-minimal__wrap {
18
- max-width: base(24);
19
- width: 100%;
20
- }
21
- }
22
-
23
- &--width-wide {
24
- .template-minimal__wrap {
25
- max-width: base(48);
26
- width: 100%;
27
- }
28
- }
29
- }
30
- }