@payloadcms/next 3.68.0-canary.1 → 3.68.0-canary.3

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 (43) hide show
  1. package/dist/views/Document/getDocumentPermissions.js +1 -1
  2. package/dist/views/Document/getDocumentPermissions.js.map +1 -1
  3. package/package.json +10 -8
  4. package/dist/elements/DocumentHeader/Tabs/Tab/index.scss +0 -38
  5. package/dist/elements/DocumentHeader/Tabs/index.scss +0 -54
  6. package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.scss +0 -9
  7. package/dist/elements/DocumentHeader/index.scss +0 -64
  8. package/dist/elements/FormHeader/index.scss +0 -8
  9. package/dist/elements/Nav/NavWrapper/index.scss +0 -27
  10. package/dist/elements/Nav/SettingsMenuButton/index.scss +0 -11
  11. package/dist/elements/Nav/index.scss +0 -173
  12. package/dist/templates/Default/Wrapper/index.scss +0 -58
  13. package/dist/templates/Default/index.scss +0 -79
  14. package/dist/templates/Minimal/index.scss +0 -30
  15. package/dist/views/API/RenderJSON/index.scss +0 -129
  16. package/dist/views/API/index.scss +0 -119
  17. package/dist/views/Account/Settings/index.scss +0 -48
  18. package/dist/views/CreateFirstUser/index.scss +0 -21
  19. package/dist/views/Dashboard/Default/index.scss +0 -69
  20. package/dist/views/Login/LoginForm/index.scss +0 -10
  21. package/dist/views/Login/index.scss +0 -10
  22. package/dist/views/Logout/index.scss +0 -25
  23. package/dist/views/NotFound/index.scss +0 -57
  24. package/dist/views/ResetPassword/index.scss +0 -11
  25. package/dist/views/Unauthorized/index.scss +0 -14
  26. package/dist/views/Verify/index.scss +0 -16
  27. package/dist/views/Version/Default/index.scss +0 -170
  28. package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.scss +0 -81
  29. package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.scss +0 -12
  30. package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.scss +0 -9
  31. package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.scss +0 -59
  32. package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.scss +0 -91
  33. package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.scss +0 -4
  34. package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.scss +0 -9
  35. package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.scss +0 -4
  36. package/dist/views/Version/RenderFieldsToDiff/fields/Upload/index.scss +0 -121
  37. package/dist/views/Version/RenderFieldsToDiff/index.scss +0 -24
  38. package/dist/views/Version/Restore/index.scss +0 -84
  39. package/dist/views/Version/SelectComparison/VersionDrawer/index.scss +0 -18
  40. package/dist/views/Version/SelectComparison/index.scss +0 -9
  41. package/dist/views/Version/VersionPillLabel/index.scss +0 -26
  42. package/dist/views/Versions/cells/AutosaveCell/index.scss +0 -9
  43. package/dist/views/Versions/index.scss +0 -110
@@ -24,7 +24,7 @@ export const getDocumentPermissions = async args => {
24
24
  },
25
25
  req
26
26
  });
27
- if (collectionConfig.versions?.drafts) {
27
+ if (hasDraftsEnabled(collectionConfig)) {
28
28
  hasPublishPermission = (await docAccessOperation({
29
29
  id,
30
30
  collection: {
@@ -1 +1 @@
1
- {"version":3,"file":"getDocumentPermissions.js","names":["hasSavePermission","getHasSavePermission","isEditing","getIsEditing","docAccessOperation","docAccessOperationGlobal","logError","hasDraftsEnabled","getDocumentPermissions","args","id","collectionConfig","data","globalConfig","req","docPermissions","hasPublishPermission","collection","config","_status","versions","drafts","update","err","payload","collectionSlug","slug","globalSlug"],"sources":["../../../src/views/Document/getDocumentPermissions.tsx"],"sourcesContent":["import type {\n Data,\n PayloadRequest,\n SanitizedCollectionConfig,\n SanitizedDocumentPermissions,\n SanitizedGlobalConfig,\n} from 'payload'\n\nimport {\n hasSavePermission as getHasSavePermission,\n isEditing as getIsEditing,\n} from '@payloadcms/ui/shared'\nimport { docAccessOperation, docAccessOperationGlobal, logError } from 'payload'\nimport { hasDraftsEnabled } from 'payload/shared'\n\nexport const getDocumentPermissions = async (args: {\n collectionConfig?: SanitizedCollectionConfig\n data: Data\n globalConfig?: SanitizedGlobalConfig\n /**\n * When called for creating a new document, id is not provided.\n */\n id?: number | string\n req: PayloadRequest\n}): Promise<{\n docPermissions: SanitizedDocumentPermissions\n hasPublishPermission: boolean\n hasSavePermission: boolean\n}> => {\n const { id, collectionConfig, data = {}, globalConfig, req } = args\n\n let docPermissions: SanitizedDocumentPermissions\n let hasPublishPermission = false\n\n if (collectionConfig) {\n try {\n docPermissions = await docAccessOperation({\n id,\n collection: {\n config: collectionConfig,\n },\n data: {\n ...data,\n _status: 'draft',\n },\n req,\n })\n\n if (collectionConfig.versions?.drafts) {\n hasPublishPermission = (\n await docAccessOperation({\n id,\n collection: {\n config: collectionConfig,\n },\n data: {\n ...data,\n _status: 'published',\n },\n req,\n })\n ).update\n }\n } catch (err) {\n logError({ err, payload: req.payload })\n }\n }\n\n if (globalConfig) {\n try {\n docPermissions = await docAccessOperationGlobal({\n data,\n globalConfig,\n req,\n })\n\n if (hasDraftsEnabled(globalConfig)) {\n hasPublishPermission = (\n await docAccessOperationGlobal({\n data: {\n ...data,\n _status: 'published',\n },\n globalConfig,\n req,\n })\n ).update\n }\n } catch (err) {\n logError({ err, payload: req.payload })\n }\n }\n\n const hasSavePermission = getHasSavePermission({\n collectionSlug: collectionConfig?.slug,\n docPermissions,\n globalSlug: globalConfig?.slug,\n isEditing: getIsEditing({\n id,\n collectionSlug: collectionConfig?.slug,\n globalSlug: globalConfig?.slug,\n }),\n })\n\n return {\n docPermissions,\n hasPublishPermission,\n hasSavePermission,\n }\n}\n"],"mappings":"AAQA,SACEA,iBAAA,IAAqBC,oBAAoB,EACzCC,SAAA,IAAaC,YAAY,QACpB;AACP,SAASC,kBAAkB,EAAEC,wBAAwB,EAAEC,QAAQ,QAAQ;AACvE,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,sBAAA,GAAyB,MAAOC,IAAA;EAc3C,MAAM;IAAEC,EAAE;IAAEC,gBAAgB;IAAEC,IAAA,GAAO,CAAC,CAAC;IAAEC,YAAY;IAAEC;EAAG,CAAE,GAAGL,IAAA;EAE/D,IAAIM,cAAA;EACJ,IAAIC,oBAAA,GAAuB;EAE3B,IAAIL,gBAAA,EAAkB;IACpB,IAAI;MACFI,cAAA,GAAiB,MAAMX,kBAAA,CAAmB;QACxCM,EAAA;QACAO,UAAA,EAAY;UACVC,MAAA,EAAQP;QACV;QACAC,IAAA,EAAM;UACJ,GAAGA,IAAI;UACPO,OAAA,EAAS;QACX;QACAL;MACF;MAEA,IAAIH,gBAAA,CAAiBS,QAAQ,EAAEC,MAAA,EAAQ;QACrCL,oBAAA,GAAuB,CACrB,MAAMZ,kBAAA,CAAmB;UACvBM,EAAA;UACAO,UAAA,EAAY;YACVC,MAAA,EAAQP;UACV;UACAC,IAAA,EAAM;YACJ,GAAGA,IAAI;YACPO,OAAA,EAAS;UACX;UACAL;QACF,EAAC,EACDQ,MAAM;MACV;IACF,EAAE,OAAOC,GAAA,EAAK;MACZjB,QAAA,CAAS;QAAEiB,GAAA;QAAKC,OAAA,EAASV,GAAA,CAAIU;MAAQ;IACvC;EACF;EAEA,IAAIX,YAAA,EAAc;IAChB,IAAI;MACFE,cAAA,GAAiB,MAAMV,wBAAA,CAAyB;QAC9CO,IAAA;QACAC,YAAA;QACAC;MACF;MAEA,IAAIP,gBAAA,CAAiBM,YAAA,GAAe;QAClCG,oBAAA,GAAuB,CACrB,MAAMX,wBAAA,CAAyB;UAC7BO,IAAA,EAAM;YACJ,GAAGA,IAAI;YACPO,OAAA,EAAS;UACX;UACAN,YAAA;UACAC;QACF,EAAC,EACDQ,MAAM;MACV;IACF,EAAE,OAAOC,GAAA,EAAK;MACZjB,QAAA,CAAS;QAAEiB,GAAA;QAAKC,OAAA,EAASV,GAAA,CAAIU;MAAQ;IACvC;EACF;EAEA,MAAMxB,iBAAA,GAAoBC,oBAAA,CAAqB;IAC7CwB,cAAA,EAAgBd,gBAAA,EAAkBe,IAAA;IAClCX,cAAA;IACAY,UAAA,EAAYd,YAAA,EAAca,IAAA;IAC1BxB,SAAA,EAAWC,YAAA,CAAa;MACtBO,EAAA;MACAe,cAAA,EAAgBd,gBAAA,EAAkBe,IAAA;MAClCC,UAAA,EAAYd,YAAA,EAAca;IAC5B;EACF;EAEA,OAAO;IACLX,cAAA;IACAC,oBAAA;IACAhB;EACF;AACF","ignoreList":[]}
1
+ {"version":3,"file":"getDocumentPermissions.js","names":["hasSavePermission","getHasSavePermission","isEditing","getIsEditing","docAccessOperation","docAccessOperationGlobal","logError","hasDraftsEnabled","getDocumentPermissions","args","id","collectionConfig","data","globalConfig","req","docPermissions","hasPublishPermission","collection","config","_status","update","err","payload","collectionSlug","slug","globalSlug"],"sources":["../../../src/views/Document/getDocumentPermissions.tsx"],"sourcesContent":["import type {\n Data,\n PayloadRequest,\n SanitizedCollectionConfig,\n SanitizedDocumentPermissions,\n SanitizedGlobalConfig,\n} from 'payload'\n\nimport {\n hasSavePermission as getHasSavePermission,\n isEditing as getIsEditing,\n} from '@payloadcms/ui/shared'\nimport { docAccessOperation, docAccessOperationGlobal, logError } from 'payload'\nimport { hasDraftsEnabled } from 'payload/shared'\n\nexport const getDocumentPermissions = async (args: {\n collectionConfig?: SanitizedCollectionConfig\n data: Data\n globalConfig?: SanitizedGlobalConfig\n /**\n * When called for creating a new document, id is not provided.\n */\n id?: number | string\n req: PayloadRequest\n}): Promise<{\n docPermissions: SanitizedDocumentPermissions\n hasPublishPermission: boolean\n hasSavePermission: boolean\n}> => {\n const { id, collectionConfig, data = {}, globalConfig, req } = args\n\n let docPermissions: SanitizedDocumentPermissions\n let hasPublishPermission = false\n\n if (collectionConfig) {\n try {\n docPermissions = await docAccessOperation({\n id,\n collection: {\n config: collectionConfig,\n },\n data: {\n ...data,\n _status: 'draft',\n },\n req,\n })\n\n if (hasDraftsEnabled(collectionConfig)) {\n hasPublishPermission = (\n await docAccessOperation({\n id,\n collection: {\n config: collectionConfig,\n },\n data: {\n ...data,\n _status: 'published',\n },\n req,\n })\n ).update\n }\n } catch (err) {\n logError({ err, payload: req.payload })\n }\n }\n\n if (globalConfig) {\n try {\n docPermissions = await docAccessOperationGlobal({\n data,\n globalConfig,\n req,\n })\n\n if (hasDraftsEnabled(globalConfig)) {\n hasPublishPermission = (\n await docAccessOperationGlobal({\n data: {\n ...data,\n _status: 'published',\n },\n globalConfig,\n req,\n })\n ).update\n }\n } catch (err) {\n logError({ err, payload: req.payload })\n }\n }\n\n const hasSavePermission = getHasSavePermission({\n collectionSlug: collectionConfig?.slug,\n docPermissions,\n globalSlug: globalConfig?.slug,\n isEditing: getIsEditing({\n id,\n collectionSlug: collectionConfig?.slug,\n globalSlug: globalConfig?.slug,\n }),\n })\n\n return {\n docPermissions,\n hasPublishPermission,\n hasSavePermission,\n }\n}\n"],"mappings":"AAQA,SACEA,iBAAA,IAAqBC,oBAAoB,EACzCC,SAAA,IAAaC,YAAY,QACpB;AACP,SAASC,kBAAkB,EAAEC,wBAAwB,EAAEC,QAAQ,QAAQ;AACvE,SAASC,gBAAgB,QAAQ;AAEjC,OAAO,MAAMC,sBAAA,GAAyB,MAAOC,IAAA;EAc3C,MAAM;IAAEC,EAAE;IAAEC,gBAAgB;IAAEC,IAAA,GAAO,CAAC,CAAC;IAAEC,YAAY;IAAEC;EAAG,CAAE,GAAGL,IAAA;EAE/D,IAAIM,cAAA;EACJ,IAAIC,oBAAA,GAAuB;EAE3B,IAAIL,gBAAA,EAAkB;IACpB,IAAI;MACFI,cAAA,GAAiB,MAAMX,kBAAA,CAAmB;QACxCM,EAAA;QACAO,UAAA,EAAY;UACVC,MAAA,EAAQP;QACV;QACAC,IAAA,EAAM;UACJ,GAAGA,IAAI;UACPO,OAAA,EAAS;QACX;QACAL;MACF;MAEA,IAAIP,gBAAA,CAAiBI,gBAAA,GAAmB;QACtCK,oBAAA,GAAuB,CACrB,MAAMZ,kBAAA,CAAmB;UACvBM,EAAA;UACAO,UAAA,EAAY;YACVC,MAAA,EAAQP;UACV;UACAC,IAAA,EAAM;YACJ,GAAGA,IAAI;YACPO,OAAA,EAAS;UACX;UACAL;QACF,EAAC,EACDM,MAAM;MACV;IACF,EAAE,OAAOC,GAAA,EAAK;MACZf,QAAA,CAAS;QAAEe,GAAA;QAAKC,OAAA,EAASR,GAAA,CAAIQ;MAAQ;IACvC;EACF;EAEA,IAAIT,YAAA,EAAc;IAChB,IAAI;MACFE,cAAA,GAAiB,MAAMV,wBAAA,CAAyB;QAC9CO,IAAA;QACAC,YAAA;QACAC;MACF;MAEA,IAAIP,gBAAA,CAAiBM,YAAA,GAAe;QAClCG,oBAAA,GAAuB,CACrB,MAAMX,wBAAA,CAAyB;UAC7BO,IAAA,EAAM;YACJ,GAAGA,IAAI;YACPO,OAAA,EAAS;UACX;UACAN,YAAA;UACAC;QACF,EAAC,EACDM,MAAM;MACV;IACF,EAAE,OAAOC,GAAA,EAAK;MACZf,QAAA,CAAS;QAAEe,GAAA;QAAKC,OAAA,EAASR,GAAA,CAAIQ;MAAQ;IACvC;EACF;EAEA,MAAMtB,iBAAA,GAAoBC,oBAAA,CAAqB;IAC7CsB,cAAA,EAAgBZ,gBAAA,EAAkBa,IAAA;IAClCT,cAAA;IACAU,UAAA,EAAYZ,YAAA,EAAcW,IAAA;IAC1BtB,SAAA,EAAWC,YAAA,CAAa;MACtBO,EAAA;MACAa,cAAA,EAAgBZ,gBAAA,EAAkBa,IAAA;MAClCC,UAAA,EAAYZ,YAAA,EAAcW;IAC5B;EACF;EAEA,OAAO;IACLT,cAAA;IACAC,oBAAA;IACAhB;EACF;AACF","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payloadcms/next",
3
- "version": "3.68.0-canary.1",
3
+ "version": "3.68.0-canary.3",
4
4
  "homepage": "https://payloadcms.com",
5
5
  "repository": {
6
6
  "type": "git",
@@ -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-canary.1",
101
- "@payloadcms/ui": "3.68.0-canary.1",
102
- "@payloadcms/translations": "3.68.0-canary.1"
100
+ "@payloadcms/graphql": "3.68.0-canary.3",
101
+ "@payloadcms/translations": "3.68.0-canary.3",
102
+ "@payloadcms/ui": "3.68.0-canary.3"
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-canary.1"
120
+ "payload": "3.68.0-canary.3"
121
121
  },
122
122
  "peerDependencies": {
123
123
  "graphql": "^16.8.1",
124
124
  "next": "^15.4.8",
125
- "payload": "3.68.0-canary.1"
125
+ "payload": "3.68.0-canary.3"
126
126
  },
127
127
  "engines": {
128
128
  "node": "^18.20.2 || >=20.9.0"
@@ -135,14 +135,16 @@
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
137
  "build:cjs": "swc ./src/withPayload.js -o ./dist/cjs/withPayload.cjs --config-file .swcrc-cjs --strip-leading-paths",
138
- "build:debug": "pnpm build",
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
- }