@orion-studios/payload-studio 0.6.0-beta.13 → 0.6.0-beta.14

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.
@@ -4338,8 +4338,11 @@ function AdminStudioPageEditView(props) {
4338
4338
  {
4339
4339
  style: {
4340
4340
  alignItems: "center",
4341
- background: "var(--theme-elevation-0)",
4342
- borderBottom: "1px solid var(--theme-elevation-150)",
4341
+ background: "color-mix(in srgb, var(--orion-admin-card-bg) 96%, white)",
4342
+ border: "1px solid var(--orion-admin-card-border)",
4343
+ borderRadius: 14,
4344
+ boxShadow: "0 12px 28px rgba(62, 42, 24, 0.08)",
4345
+ colorScheme: "light",
4343
4346
  display: "flex",
4344
4347
  gap: "0.6rem",
4345
4348
  justifyContent: "space-between",
@@ -4350,12 +4353,12 @@ function AdminStudioPageEditView(props) {
4350
4353
  },
4351
4354
  children: [
4352
4355
  /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { minWidth: 0 }, children: [
4353
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { fontWeight: 900 }, children: "Page Editor" }),
4356
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { color: "var(--orion-admin-text)", fontWeight: 900 }, children: "Page Editor" }),
4354
4357
  /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
4355
4358
  "div",
4356
4359
  {
4357
4360
  style: {
4358
- color: "var(--theme-elevation-600)",
4361
+ color: "var(--orion-admin-muted)",
4359
4362
  fontSize: "0.85rem",
4360
4363
  overflow: "hidden",
4361
4364
  textOverflow: "ellipsis"
@@ -4368,15 +4371,15 @@ function AdminStudioPageEditView(props) {
4368
4371
  )
4369
4372
  ] }),
4370
4373
  /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
4371
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { color: dirty ? "var(--theme-elevation-900)" : "var(--theme-elevation-600)", fontSize: "0.85rem", fontWeight: 700 }, children: dirty ? "Unsaved changes" : "All changes saved" }),
4374
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { color: dirty ? "var(--orion-admin-text)" : "var(--orion-admin-muted)", fontSize: "0.85rem", fontWeight: 700 }, children: dirty ? "Unsaved changes" : "All changes saved" }),
4372
4375
  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
4373
4376
  "div",
4374
4377
  {
4375
4378
  style: {
4376
- background: hasUnpublishedChanges ? "#fff3cd" : "var(--theme-success-50)",
4377
- border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "var(--theme-success-300)"}`,
4379
+ background: hasUnpublishedChanges ? "#fff3cd" : "var(--orion-admin-accent-subtle)",
4380
+ border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "color-mix(in srgb, var(--orion-admin-accent) 36%, transparent)"}`,
4378
4381
  borderRadius: 999,
4379
- color: hasUnpublishedChanges ? "#6a4a00" : "var(--theme-success-700)",
4382
+ color: hasUnpublishedChanges ? "#6a4a00" : "var(--orion-admin-accent)",
4380
4383
  fontSize: "0.75rem",
4381
4384
  fontWeight: 800,
4382
4385
  padding: "0.2rem 0.55rem",
@@ -4392,9 +4395,11 @@ function AdminStudioPageEditView(props) {
4392
4395
  disabled: !canUndo,
4393
4396
  onClick: () => requestHistoryAction("undo"),
4394
4397
  style: {
4395
- border: "1px solid var(--theme-elevation-300)",
4398
+ background: "transparent",
4399
+ border: "1px solid var(--orion-admin-card-border)",
4396
4400
  borderRadius: 12,
4397
4401
  cursor: canUndo ? "pointer" : "not-allowed",
4402
+ color: "var(--orion-admin-text)",
4398
4403
  fontWeight: 800,
4399
4404
  padding: "0.5rem 0.65rem"
4400
4405
  },
@@ -4408,9 +4413,11 @@ function AdminStudioPageEditView(props) {
4408
4413
  disabled: !canRedo,
4409
4414
  onClick: () => requestHistoryAction("redo"),
4410
4415
  style: {
4411
- border: "1px solid var(--theme-elevation-300)",
4416
+ background: "transparent",
4417
+ border: "1px solid var(--orion-admin-card-border)",
4412
4418
  borderRadius: 12,
4413
4419
  cursor: canRedo ? "pointer" : "not-allowed",
4420
+ color: "var(--orion-admin-text)",
4414
4421
  fontWeight: 800,
4415
4422
  padding: "0.5rem 0.65rem"
4416
4423
  },
@@ -4424,9 +4431,11 @@ function AdminStudioPageEditView(props) {
4424
4431
  disabled: saving !== null,
4425
4432
  onClick: () => requestSave("draft"),
4426
4433
  style: {
4427
- border: "1px solid var(--theme-elevation-300)",
4434
+ background: "var(--orion-admin-card-bg)",
4435
+ border: "1px solid var(--orion-admin-card-border)",
4428
4436
  borderRadius: 12,
4429
4437
  cursor: saving ? "not-allowed" : "pointer",
4438
+ color: "var(--orion-admin-text)",
4430
4439
  fontWeight: 800,
4431
4440
  padding: "0.5rem 0.75rem"
4432
4441
  },
@@ -4440,10 +4449,10 @@ function AdminStudioPageEditView(props) {
4440
4449
  disabled: !canPublish || saving !== null,
4441
4450
  onClick: () => requestSave("published"),
4442
4451
  style: {
4443
- background: canPublish ? "var(--theme-success-700)" : "var(--theme-elevation-300)",
4452
+ background: canPublish ? "var(--orion-admin-button-bg)" : "var(--orion-admin-card-border)",
4444
4453
  border: "none",
4445
4454
  borderRadius: 12,
4446
- color: canPublish ? "var(--theme-elevation-0)" : "var(--theme-elevation-700)",
4455
+ color: canPublish ? "var(--orion-admin-button-text)" : "var(--orion-admin-text)",
4447
4456
  cursor: !canPublish || saving ? "not-allowed" : "pointer",
4448
4457
  fontWeight: 900,
4449
4458
  padding: "0.5rem 0.75rem"
@@ -2969,8 +2969,11 @@ function AdminStudioPageEditView(props) {
2969
2969
  {
2970
2970
  style: {
2971
2971
  alignItems: "center",
2972
- background: "var(--theme-elevation-0)",
2973
- borderBottom: "1px solid var(--theme-elevation-150)",
2972
+ background: "color-mix(in srgb, var(--orion-admin-card-bg) 96%, white)",
2973
+ border: "1px solid var(--orion-admin-card-border)",
2974
+ borderRadius: 14,
2975
+ boxShadow: "0 12px 28px rgba(62, 42, 24, 0.08)",
2976
+ colorScheme: "light",
2974
2977
  display: "flex",
2975
2978
  gap: "0.6rem",
2976
2979
  justifyContent: "space-between",
@@ -2981,12 +2984,12 @@ function AdminStudioPageEditView(props) {
2981
2984
  },
2982
2985
  children: [
2983
2986
  /* @__PURE__ */ jsxs16("div", { style: { minWidth: 0 }, children: [
2984
- /* @__PURE__ */ jsx19("div", { style: { fontWeight: 900 }, children: "Page Editor" }),
2987
+ /* @__PURE__ */ jsx19("div", { style: { color: "var(--orion-admin-text)", fontWeight: 900 }, children: "Page Editor" }),
2985
2988
  /* @__PURE__ */ jsxs16(
2986
2989
  "div",
2987
2990
  {
2988
2991
  style: {
2989
- color: "var(--theme-elevation-600)",
2992
+ color: "var(--orion-admin-muted)",
2990
2993
  fontSize: "0.85rem",
2991
2994
  overflow: "hidden",
2992
2995
  textOverflow: "ellipsis"
@@ -2999,15 +3002,15 @@ function AdminStudioPageEditView(props) {
2999
3002
  )
3000
3003
  ] }),
3001
3004
  /* @__PURE__ */ jsxs16("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
3002
- /* @__PURE__ */ jsx19("div", { style: { color: dirty ? "var(--theme-elevation-900)" : "var(--theme-elevation-600)", fontSize: "0.85rem", fontWeight: 700 }, children: dirty ? "Unsaved changes" : "All changes saved" }),
3005
+ /* @__PURE__ */ jsx19("div", { style: { color: dirty ? "var(--orion-admin-text)" : "var(--orion-admin-muted)", fontSize: "0.85rem", fontWeight: 700 }, children: dirty ? "Unsaved changes" : "All changes saved" }),
3003
3006
  /* @__PURE__ */ jsx19(
3004
3007
  "div",
3005
3008
  {
3006
3009
  style: {
3007
- background: hasUnpublishedChanges ? "#fff3cd" : "var(--theme-success-50)",
3008
- border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "var(--theme-success-300)"}`,
3010
+ background: hasUnpublishedChanges ? "#fff3cd" : "var(--orion-admin-accent-subtle)",
3011
+ border: `1px solid ${hasUnpublishedChanges ? "#f0c36d" : "color-mix(in srgb, var(--orion-admin-accent) 36%, transparent)"}`,
3009
3012
  borderRadius: 999,
3010
- color: hasUnpublishedChanges ? "#6a4a00" : "var(--theme-success-700)",
3013
+ color: hasUnpublishedChanges ? "#6a4a00" : "var(--orion-admin-accent)",
3011
3014
  fontSize: "0.75rem",
3012
3015
  fontWeight: 800,
3013
3016
  padding: "0.2rem 0.55rem",
@@ -3023,9 +3026,11 @@ function AdminStudioPageEditView(props) {
3023
3026
  disabled: !canUndo,
3024
3027
  onClick: () => requestHistoryAction("undo"),
3025
3028
  style: {
3026
- border: "1px solid var(--theme-elevation-300)",
3029
+ background: "transparent",
3030
+ border: "1px solid var(--orion-admin-card-border)",
3027
3031
  borderRadius: 12,
3028
3032
  cursor: canUndo ? "pointer" : "not-allowed",
3033
+ color: "var(--orion-admin-text)",
3029
3034
  fontWeight: 800,
3030
3035
  padding: "0.5rem 0.65rem"
3031
3036
  },
@@ -3039,9 +3044,11 @@ function AdminStudioPageEditView(props) {
3039
3044
  disabled: !canRedo,
3040
3045
  onClick: () => requestHistoryAction("redo"),
3041
3046
  style: {
3042
- border: "1px solid var(--theme-elevation-300)",
3047
+ background: "transparent",
3048
+ border: "1px solid var(--orion-admin-card-border)",
3043
3049
  borderRadius: 12,
3044
3050
  cursor: canRedo ? "pointer" : "not-allowed",
3051
+ color: "var(--orion-admin-text)",
3045
3052
  fontWeight: 800,
3046
3053
  padding: "0.5rem 0.65rem"
3047
3054
  },
@@ -3055,9 +3062,11 @@ function AdminStudioPageEditView(props) {
3055
3062
  disabled: saving !== null,
3056
3063
  onClick: () => requestSave("draft"),
3057
3064
  style: {
3058
- border: "1px solid var(--theme-elevation-300)",
3065
+ background: "var(--orion-admin-card-bg)",
3066
+ border: "1px solid var(--orion-admin-card-border)",
3059
3067
  borderRadius: 12,
3060
3068
  cursor: saving ? "not-allowed" : "pointer",
3069
+ color: "var(--orion-admin-text)",
3061
3070
  fontWeight: 800,
3062
3071
  padding: "0.5rem 0.75rem"
3063
3072
  },
@@ -3071,10 +3080,10 @@ function AdminStudioPageEditView(props) {
3071
3080
  disabled: !canPublish || saving !== null,
3072
3081
  onClick: () => requestSave("published"),
3073
3082
  style: {
3074
- background: canPublish ? "var(--theme-success-700)" : "var(--theme-elevation-300)",
3083
+ background: canPublish ? "var(--orion-admin-button-bg)" : "var(--orion-admin-card-border)",
3075
3084
  border: "none",
3076
3085
  borderRadius: 12,
3077
- color: canPublish ? "var(--theme-elevation-0)" : "var(--theme-elevation-700)",
3086
+ color: canPublish ? "var(--orion-admin-button-text)" : "var(--orion-admin-text)",
3078
3087
  cursor: !canPublish || saving ? "not-allowed" : "pointer",
3079
3088
  fontWeight: 900,
3080
3089
  padding: "0.5rem 0.75rem"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orion-studios/payload-studio",
3
- "version": "0.6.0-beta.13",
3
+ "version": "0.6.0-beta.14",
4
4
  "description": "Base CMS, builder, and custom admin toolkit for Orion Studios websites",
5
5
  "types": "./dist/index.d.ts",
6
6
  "main": "./dist/index.js",