slice-machine-ui 1.22.2-beta.1 → 1.22.2-beta.10

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 (68) hide show
  1. package/components/AppLayout/index.tsx +8 -4
  2. package/components/Navigation/ChangesListItem.tsx +1 -1
  3. package/components/Navigation/Environment.tsx +8 -7
  4. package/lib/builders/CustomTypeBuilder/SliceZone/index.tsx +1 -1
  5. package/lib/builders/SliceBuilder/Sidebar/index.tsx +1 -1
  6. package/lib/builders/SliceBuilder/SimulatorButton/index.tsx +2 -2
  7. package/lib/builders/common/Zone/components/EmptyState/index.tsx +1 -1
  8. package/lib/builders/common/Zone/index.jsx +1 -1
  9. package/out/404.html +1 -1
  10. package/out/_next/static/bgAW-O9SejtbtaQ7v0wB1/_buildManifest.js +1 -0
  11. package/out/_next/static/chunks/18539003-4460ccbfe3109578.js +97 -0
  12. package/out/_next/static/chunks/482-34cee2a2071c235f.js +1 -0
  13. package/out/_next/static/chunks/{505-fa47e200ac3a012d.js → 505-3f1cf09a086dcba8.js} +1 -1
  14. package/out/_next/static/chunks/550-c80fd46fb64d1eef.js +1 -0
  15. package/out/_next/static/chunks/{840-45aefe7b4d84745c.js → 840-163f8a1040e6820d.js} +1 -1
  16. package/out/_next/static/chunks/904-519dbf0f7e8c6243.js +1 -0
  17. package/out/_next/static/chunks/{958-0a6a103fac00582b.js → 958-8aca174b80cb0c35.js} +1 -1
  18. package/out/_next/static/chunks/pages/_app-36b2c828e330d9c7.js +458 -0
  19. package/out/_next/static/chunks/pages/{changelog-cfda9d30715b6e2a.js → changelog-4d0f2f1222e403fe.js} +1 -1
  20. package/out/_next/static/chunks/pages/{changes-a3cdb6251b224e4b.js → changes-52c9d917808d1461.js} +1 -1
  21. package/out/_next/static/chunks/pages/{labs-dfad3c3553469739.js → labs-526bb7d60a1b90f4.js} +1 -1
  22. package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-ef11594ce026b650.js +1 -0
  23. package/out/_next/static/chunks/pages/{slices-dc4f17b54c9a3eb5.js → slices-884a936a9a062a65.js} +1 -1
  24. package/out/_next/static/css/{7ef90ba762e84cee.css → 1bbf650dfd37ce69.css} +1 -1
  25. package/out/changelog.html +1 -1
  26. package/out/changes.html +1 -1
  27. package/out/custom-types/[customTypeId].html +1 -1
  28. package/out/custom-types.html +1 -1
  29. package/out/index.html +1 -1
  30. package/out/labs.html +1 -1
  31. package/out/page-types/[pageTypeId].html +1 -1
  32. package/out/slices/[lib]/[sliceName]/[variation]/simulator.html +1 -1
  33. package/out/slices/[lib]/[sliceName]/[variation].html +1 -1
  34. package/out/slices.html +1 -1
  35. package/package.json +7 -6
  36. package/src/components/BlankSlate/BlankSlate.css.ts +4 -1
  37. package/src/components/BlankSlate/BlankSlate.tsx +2 -7
  38. package/src/components/Card/Card.stories.tsx +3 -3
  39. package/src/components/HoverCard/HoverCard.css.ts +0 -9
  40. package/src/components/HoverCard/HoverCard.stories.tsx +3 -3
  41. package/src/components/HoverCard/HoverCard.tsx +1 -1
  42. package/src/components/List/List.stories.tsx +2 -2
  43. package/src/components/PageLayout/PageLayout.css.ts +6 -12
  44. package/src/components/PageLayout/PageLayout.tsx +6 -6
  45. package/src/components/SideNav/SideNavEnvironmentSelector.tsx +36 -7
  46. package/src/components/Window/Window.tsx +1 -1
  47. package/src/features/customTypes/EditDropdown.tsx +7 -5
  48. package/src/features/customTypes/customTypesBuilder/PageSnippetDialog/PageSnippetDialog.tsx +2 -2
  49. package/src/features/environments/actions/getActiveEnvironment.ts +34 -0
  50. package/src/features/environments/actions/getEnvironments.ts +5 -2
  51. package/src/features/environments/actions/setEnvironment.ts +2 -2
  52. package/src/features/environments/useActiveEnvironment.ts +2 -33
  53. package/src/features/inAppGuide/InAppGuideDialog.tsx +1 -7
  54. package/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx +1 -1
  55. package/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewVariationDialog.tsx +1 -1
  56. package/src/features/slices/convertLegacySlice/ConvertLegacySliceButton.tsx +1 -1
  57. package/src/features/slices/convertLegacySlice/ConvertLegacySliceMergeWithIdenticalDialog.tsx +1 -1
  58. package/src/features/slices/sliceBuilder/FloatingBackButton.tsx +1 -1
  59. package/src/features/slices/sliceCards/SharedSliceCard.tsx +2 -2
  60. package/out/_next/static/ALrNHXPZGeRwEXHdmh5-C/_buildManifest.js +0 -1
  61. package/out/_next/static/chunks/18539003-9f66499125869c64.js +0 -97
  62. package/out/_next/static/chunks/482-7e97f91961588a90.js +0 -1
  63. package/out/_next/static/chunks/550-8557ad3750e1e581.js +0 -1
  64. package/out/_next/static/chunks/904-e7c8c1ba265177fb.js +0 -1
  65. package/out/_next/static/chunks/pages/_app-cae1327f33c96711.js +0 -447
  66. package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-c228a7c42e87eb27.js +0 -1
  67. package/src/features/environments/actions/getActiveEnvironmentDomain.ts +0 -11
  68. /package/out/_next/static/{ALrNHXPZGeRwEXHdmh5-C → bgAW-O9SejtbtaQ7v0wB1}/_ssgManifest.js +0 -0
package/out/changelog.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/7ef90ba762e84cee.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7ef90ba762e84cee.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-cae1327f33c96711.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-cfda9d30715b6e2a.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_buildManifest.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"ALrNHXPZGeRwEXHdmh5-C","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/1bbf650dfd37ce69.css" as="style"/><link rel="stylesheet" href="/_next/static/css/1bbf650dfd37ce69.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-36b2c828e330d9c7.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-4d0f2f1222e403fe.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_buildManifest.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"bgAW-O9SejtbtaQ7v0wB1","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/changes.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/7ef90ba762e84cee.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7ef90ba762e84cee.css" data-n-g=""/><link rel="preload" href="/_next/static/css/7d650bca12dc4061.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7d650bca12dc4061.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-cae1327f33c96711.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/8eec4907-b712959d9f984b68.js" defer=""></script><script src="/_next/static/chunks/918-38d08f1e885b222d.js" defer=""></script><script src="/_next/static/chunks/958-0a6a103fac00582b.js" defer=""></script><script src="/_next/static/chunks/80-7b8a97d0122ff74a.js" defer=""></script><script src="/_next/static/chunks/pages/changes-a3cdb6251b224e4b.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_buildManifest.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"ALrNHXPZGeRwEXHdmh5-C","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/1bbf650dfd37ce69.css" as="style"/><link rel="stylesheet" href="/_next/static/css/1bbf650dfd37ce69.css" data-n-g=""/><link rel="preload" href="/_next/static/css/7d650bca12dc4061.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7d650bca12dc4061.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-36b2c828e330d9c7.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/8eec4907-b712959d9f984b68.js" defer=""></script><script src="/_next/static/chunks/918-38d08f1e885b222d.js" defer=""></script><script src="/_next/static/chunks/958-8aca174b80cb0c35.js" defer=""></script><script src="/_next/static/chunks/80-7b8a97d0122ff74a.js" defer=""></script><script src="/_next/static/chunks/pages/changes-52c9d917808d1461.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_buildManifest.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"bgAW-O9SejtbtaQ7v0wB1","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/custom-types/[customTypeId].html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/7ef90ba762e84cee.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7ef90ba762e84cee.css" data-n-g=""/><link rel="preload" href="/_next/static/css/5da5d3cd7a87c3cf.css" as="style"/><link rel="stylesheet" href="/_next/static/css/5da5d3cd7a87c3cf.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-cae1327f33c96711.js" defer=""></script><script src="/_next/static/chunks/474-5a072e6fac61f703.js" defer=""></script><script src="/_next/static/chunks/958-0a6a103fac00582b.js" defer=""></script><script src="/_next/static/chunks/550-8557ad3750e1e581.js" defer=""></script><script src="/_next/static/chunks/482-7e97f91961588a90.js" defer=""></script><script src="/_next/static/chunks/904-e7c8c1ba265177fb.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-3a37eb3373bb8823.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_buildManifest.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types/[customTypeId]","query":{},"buildId":"ALrNHXPZGeRwEXHdmh5-C","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/1bbf650dfd37ce69.css" as="style"/><link rel="stylesheet" href="/_next/static/css/1bbf650dfd37ce69.css" data-n-g=""/><link rel="preload" href="/_next/static/css/5da5d3cd7a87c3cf.css" as="style"/><link rel="stylesheet" href="/_next/static/css/5da5d3cd7a87c3cf.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-36b2c828e330d9c7.js" defer=""></script><script src="/_next/static/chunks/474-5a072e6fac61f703.js" defer=""></script><script src="/_next/static/chunks/958-8aca174b80cb0c35.js" defer=""></script><script src="/_next/static/chunks/550-c80fd46fb64d1eef.js" defer=""></script><script src="/_next/static/chunks/482-34cee2a2071c235f.js" defer=""></script><script src="/_next/static/chunks/904-519dbf0f7e8c6243.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-3a37eb3373bb8823.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_buildManifest.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types/[customTypeId]","query":{},"buildId":"bgAW-O9SejtbtaQ7v0wB1","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/custom-types.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/7ef90ba762e84cee.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7ef90ba762e84cee.css" data-n-g=""/><link rel="preload" href="/_next/static/css/be1f49e49a5aa7eb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/be1f49e49a5aa7eb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-cae1327f33c96711.js" defer=""></script><script src="/_next/static/chunks/550-8557ad3750e1e581.js" defer=""></script><script src="/_next/static/chunks/840-45aefe7b4d84745c.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-2f5664d9492b13fb.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_buildManifest.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"ALrNHXPZGeRwEXHdmh5-C","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/1bbf650dfd37ce69.css" as="style"/><link rel="stylesheet" href="/_next/static/css/1bbf650dfd37ce69.css" data-n-g=""/><link rel="preload" href="/_next/static/css/be1f49e49a5aa7eb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/be1f49e49a5aa7eb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-36b2c828e330d9c7.js" defer=""></script><script src="/_next/static/chunks/550-c80fd46fb64d1eef.js" defer=""></script><script src="/_next/static/chunks/840-163f8a1040e6820d.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-2f5664d9492b13fb.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_buildManifest.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"bgAW-O9SejtbtaQ7v0wB1","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/index.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/7ef90ba762e84cee.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7ef90ba762e84cee.css" data-n-g=""/><link rel="preload" href="/_next/static/css/be1f49e49a5aa7eb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/be1f49e49a5aa7eb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-cae1327f33c96711.js" defer=""></script><script src="/_next/static/chunks/550-8557ad3750e1e581.js" defer=""></script><script src="/_next/static/chunks/840-45aefe7b4d84745c.js" defer=""></script><script src="/_next/static/chunks/pages/index-d8e3a2c0d712904f.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_buildManifest.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"ALrNHXPZGeRwEXHdmh5-C","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/1bbf650dfd37ce69.css" as="style"/><link rel="stylesheet" href="/_next/static/css/1bbf650dfd37ce69.css" data-n-g=""/><link rel="preload" href="/_next/static/css/be1f49e49a5aa7eb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/be1f49e49a5aa7eb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-36b2c828e330d9c7.js" defer=""></script><script src="/_next/static/chunks/550-c80fd46fb64d1eef.js" defer=""></script><script src="/_next/static/chunks/840-163f8a1040e6820d.js" defer=""></script><script src="/_next/static/chunks/pages/index-d8e3a2c0d712904f.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_buildManifest.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"bgAW-O9SejtbtaQ7v0wB1","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/labs.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/7ef90ba762e84cee.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7ef90ba762e84cee.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-cae1327f33c96711.js" defer=""></script><script src="/_next/static/chunks/pages/labs-dfad3c3553469739.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_buildManifest.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"ALrNHXPZGeRwEXHdmh5-C","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/1bbf650dfd37ce69.css" as="style"/><link rel="stylesheet" href="/_next/static/css/1bbf650dfd37ce69.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-36b2c828e330d9c7.js" defer=""></script><script src="/_next/static/chunks/pages/labs-526bb7d60a1b90f4.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_buildManifest.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"bgAW-O9SejtbtaQ7v0wB1","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/page-types/[pageTypeId].html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/7ef90ba762e84cee.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7ef90ba762e84cee.css" data-n-g=""/><link rel="preload" href="/_next/static/css/5da5d3cd7a87c3cf.css" as="style"/><link rel="stylesheet" href="/_next/static/css/5da5d3cd7a87c3cf.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-cae1327f33c96711.js" defer=""></script><script src="/_next/static/chunks/474-5a072e6fac61f703.js" defer=""></script><script src="/_next/static/chunks/958-0a6a103fac00582b.js" defer=""></script><script src="/_next/static/chunks/550-8557ad3750e1e581.js" defer=""></script><script src="/_next/static/chunks/482-7e97f91961588a90.js" defer=""></script><script src="/_next/static/chunks/904-e7c8c1ba265177fb.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-733f3890c0466a05.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_buildManifest.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/page-types/[pageTypeId]","query":{},"buildId":"ALrNHXPZGeRwEXHdmh5-C","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/1bbf650dfd37ce69.css" as="style"/><link rel="stylesheet" href="/_next/static/css/1bbf650dfd37ce69.css" data-n-g=""/><link rel="preload" href="/_next/static/css/5da5d3cd7a87c3cf.css" as="style"/><link rel="stylesheet" href="/_next/static/css/5da5d3cd7a87c3cf.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-36b2c828e330d9c7.js" defer=""></script><script src="/_next/static/chunks/474-5a072e6fac61f703.js" defer=""></script><script src="/_next/static/chunks/958-8aca174b80cb0c35.js" defer=""></script><script src="/_next/static/chunks/550-c80fd46fb64d1eef.js" defer=""></script><script src="/_next/static/chunks/482-34cee2a2071c235f.js" defer=""></script><script src="/_next/static/chunks/904-519dbf0f7e8c6243.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-733f3890c0466a05.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_buildManifest.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/page-types/[pageTypeId]","query":{},"buildId":"bgAW-O9SejtbtaQ7v0wB1","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/slices/[lib]/[sliceName]/[variation]/simulator.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/7ef90ba762e84cee.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7ef90ba762e84cee.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-cae1327f33c96711.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/18539003-9f66499125869c64.js" defer=""></script><script src="/_next/static/chunks/505-fa47e200ac3a012d.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-7b17cb59d0db03b5.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_buildManifest.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"ALrNHXPZGeRwEXHdmh5-C","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/1bbf650dfd37ce69.css" as="style"/><link rel="stylesheet" href="/_next/static/css/1bbf650dfd37ce69.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-36b2c828e330d9c7.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/18539003-4460ccbfe3109578.js" defer=""></script><script src="/_next/static/chunks/505-3f1cf09a086dcba8.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-7b17cb59d0db03b5.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_buildManifest.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"bgAW-O9SejtbtaQ7v0wB1","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/slices/[lib]/[sliceName]/[variation].html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/7ef90ba762e84cee.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7ef90ba762e84cee.css" data-n-g=""/><link rel="preload" href="/_next/static/css/77abb01eee0e43a7.css" as="style"/><link rel="stylesheet" href="/_next/static/css/77abb01eee0e43a7.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-cae1327f33c96711.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/958-0a6a103fac00582b.js" defer=""></script><script src="/_next/static/chunks/80-7b8a97d0122ff74a.js" defer=""></script><script src="/_next/static/chunks/482-7e97f91961588a90.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-c228a7c42e87eb27.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_buildManifest.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"ALrNHXPZGeRwEXHdmh5-C","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/1bbf650dfd37ce69.css" as="style"/><link rel="stylesheet" href="/_next/static/css/1bbf650dfd37ce69.css" data-n-g=""/><link rel="preload" href="/_next/static/css/77abb01eee0e43a7.css" as="style"/><link rel="stylesheet" href="/_next/static/css/77abb01eee0e43a7.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-36b2c828e330d9c7.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/958-8aca174b80cb0c35.js" defer=""></script><script src="/_next/static/chunks/80-7b8a97d0122ff74a.js" defer=""></script><script src="/_next/static/chunks/482-34cee2a2071c235f.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-ef11594ce026b650.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_buildManifest.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"bgAW-O9SejtbtaQ7v0wB1","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/slices.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/7ef90ba762e84cee.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7ef90ba762e84cee.css" data-n-g=""/><link rel="preload" href="/_next/static/css/cb33580e45d01b59.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb33580e45d01b59.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-cae1327f33c96711.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/958-0a6a103fac00582b.js" defer=""></script><script src="/_next/static/chunks/80-7b8a97d0122ff74a.js" defer=""></script><script src="/_next/static/chunks/pages/slices-dc4f17b54c9a3eb5.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_buildManifest.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"ALrNHXPZGeRwEXHdmh5-C","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1
+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/1bbf650dfd37ce69.css" as="style"/><link rel="stylesheet" href="/_next/static/css/1bbf650dfd37ce69.css" data-n-g=""/><link rel="preload" href="/_next/static/css/cb33580e45d01b59.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb33580e45d01b59.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-36b2c828e330d9c7.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/958-8aca174b80cb0c35.js" defer=""></script><script src="/_next/static/chunks/80-7b8a97d0122ff74a.js" defer=""></script><script src="/_next/static/chunks/pages/slices-884a936a9a062a65.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_buildManifest.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"bgAW-O9SejtbtaQ7v0wB1","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "slice-machine-ui",
3
- "version": "1.22.2-beta.1",
3
+ "version": "1.22.2-beta.10",
4
4
  "license": "MIT",
5
5
  "description": "A visual builder for your Slice Models with all the tools you need to generate data models and mock CMS content locally.",
6
6
  "repository": {
@@ -31,15 +31,16 @@
31
31
  "start-slicemachine": "./bin/start-slicemachine.cjs"
32
32
  },
33
33
  "dependencies": {
34
- "@slicemachine/manager": "0.17.6-beta.1",
35
- "start-slicemachine": "0.12.12-beta.1"
34
+ "@radix-ui/react-visually-hidden": "1.0.3",
35
+ "@slicemachine/manager": "0.17.6-beta.10",
36
+ "start-slicemachine": "0.12.12-beta.10"
36
37
  },
37
38
  "devDependencies": {
38
39
  "@emotion/react": "11.11.1",
39
40
  "@extractus/oembed-extractor": "3.1.8",
40
- "@prismicio/editor-fields": "0.4.17",
41
- "@prismicio/editor-support": "0.4.17",
42
- "@prismicio/editor-ui": "0.4.17",
41
+ "@prismicio/editor-fields": "0.4.18",
42
+ "@prismicio/editor-support": "0.4.18",
43
+ "@prismicio/editor-ui": "0.4.18",
43
44
  "@prismicio/mocks": "2.0.0-alpha.2",
44
45
  "@prismicio/simulator": "0.1.4",
45
46
  "@prismicio/types-internal": "2.2.0",
package/src/components/BlankSlate/BlankSlate.css.ts CHANGED
@@ -79,8 +79,11 @@ export const desc = style({
79
79
 
80
80
  export const actions = style([
81
81
  sprinkles({
82
- gap: 16,
82
+ all: "unset",
83
83
  alignItems: "center",
84
+ boxSizing: "border-box",
85
+ display: "flex",
86
+ gap: 16,
84
87
  marginTop: 16,
85
88
  }),
86
89
  {
package/src/components/BlankSlate/BlankSlate.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import clsx from "clsx";
2
- import { ButtonGroup, Text } from "@prismicio/editor-ui";
2
+ import { Text } from "@prismicio/editor-ui";
3
3
  import type { CSSProperties, FC, PropsWithChildren } from "react";
4
4
 
5
5
  import * as styles from "./BlankSlate.css";
@@ -46,10 +46,5 @@ export const BlankSlateDescription: FC<PropsWithChildren> = (props) => (
46
46
  );
47
47
 
48
48
  export const BlankSlateActions: FC<PropsWithChildren> = (props) => (
49
- <ButtonGroup
50
- {...props}
51
- className={styles.actions}
52
- size="medium"
53
- variant="secondary"
54
- />
49
+ <div {...props} className={styles.actions} color="grey" />
55
50
  );
package/src/components/Card/Card.stories.tsx CHANGED
@@ -41,7 +41,7 @@ export const Default = {
41
41
  <CardMedia overlay={<></>} />
42
42
  <CardActions />
43
43
  <CardFooter
44
- action={<Button variant="secondary">Action</Button>}
44
+ action={<Button color="grey">Action</Button>}
45
45
  subtitle="Subtitle"
46
46
  title="Title"
47
47
  />
@@ -66,7 +66,7 @@ export const SolidWithImg = {
66
66
  renderStartIcon={() => (
67
67
  <AddPhotoAlternateIcon color={tokens.color.greyLight11} />
68
68
  )}
69
- variant="secondary"
69
+ color="grey"
70
70
  >
71
71
  Update screenshot
72
72
  </Button>
@@ -109,7 +109,7 @@ export const SolidWithDiv = {
109
109
  renderStartIcon={() => (
110
110
  <SyncAltIcon color={tokens.color.greyLight11} />
111
111
  )}
112
- variant="secondary"
112
+ color="grey"
113
113
  >
114
114
  Turn into shared Slice
115
115
  </Button>
package/src/components/HoverCard/HoverCard.css.ts CHANGED
@@ -103,12 +103,3 @@ export const closeButtonContainer = style([
103
103
  paddingInline: 16,
104
104
  }),
105
105
  ]);
106
-
107
- export const closeButton = style([
108
- blockWithDisplayRevert,
109
- sprinkles({
110
- boxShadow: 1,
111
- textAlign: "center",
112
- width: "100%",
113
- }),
114
- ]);
package/src/components/HoverCard/HoverCard.stories.tsx CHANGED
@@ -32,12 +32,12 @@ export const Image = {
32
32
  children: (
33
33
  <>
34
34
  <HoverCardTitle>Prismic Academy©</HoverCardTitle>
35
- <HoverCardMedia component="image" src="phil.png" />
35
+ <HoverCardMedia component="image" src="prismic-academy-101.png" />
36
36
  <HoverCardDescription>
37
37
  Lorem ipsum dolor sit amet consectetur. Aenean purus aliquam vel eget
38
38
  vitae etiam
39
39
  </HoverCardDescription>
40
- <HoverCardCloseButton>Got It</HoverCardCloseButton>
40
+ <HoverCardCloseButton>Got it</HoverCardCloseButton>
41
41
  </>
42
42
  ),
43
43
  },
@@ -62,7 +62,7 @@ export const Video = {
62
62
  Lorem ipsum dolor sit amet consectetur. Aenean purus aliquam vel eget
63
63
  vitae etiam
64
64
  </HoverCardDescription>
65
- <HoverCardCloseButton>Got It</HoverCardCloseButton>
65
+ <HoverCardCloseButton>Got it</HoverCardCloseButton>
66
66
  </>
67
67
  ),
68
68
  },
package/src/components/HoverCard/HoverCard.tsx CHANGED
@@ -161,7 +161,7 @@ export const HoverCardCloseButton: FC<PropsWithChildren> = ({ children }) => {
161
161
 
162
162
  return (
163
163
  <div className={styles.closeButtonContainer}>
164
- <Button className={styles.closeButton} onClick={handleClose}>
164
+ <Button sx={{ width: "100%" }} onClick={handleClose}>
165
165
  {children}
166
166
  </Button>
167
167
  </div>
package/src/components/List/List.stories.tsx CHANGED
@@ -23,7 +23,7 @@ export const Default = {
23
23
  Show code snippets?
24
24
  </Text>
25
25
  <Switch size="small" />
26
- <Button startIcon="add" variant="secondary">
26
+ <Button startIcon="add" color="grey">
27
27
  Add
28
28
  </Button>
29
29
  </>
@@ -35,7 +35,7 @@ export const Default = {
35
35
  <ListItem />
36
36
  <ListHeader
37
37
  actions={
38
- <Button startIcon="add" variant="secondary">
38
+ <Button startIcon="add" color="grey">
39
39
  Add
40
40
  </Button>
41
41
  }
package/src/components/PageLayout/PageLayout.css.ts CHANGED
@@ -12,8 +12,11 @@ export const root = style([
12
12
  overflowY: "auto",
13
13
  position: "absolute",
14
14
  width: "100%",
15
+ borderStyle: "solid",
15
16
  }),
16
17
  {
18
+ borderWidth: 0,
19
+ borderTopWidth: 2,
17
20
  gridTemplateAreas: `
18
21
  "pane header"
19
22
  "pane content"
@@ -23,19 +26,10 @@ export const root = style([
23
26
  },
24
27
  ]);
25
28
 
26
- export const borderTop = sprinkles({
27
- all: "unset",
28
- display: "revert",
29
- height: 2,
30
- position: "fixed",
31
- top: 0,
32
- width: "100%",
33
- });
34
-
35
29
  export const borderTopColor = {
36
- purple: sprinkles({ backgroundColor: colors.purple9 }),
37
- indigo: sprinkles({ backgroundColor: colors.indigo10 }),
38
- amber: sprinkles({ backgroundColor: colors.amber10 }),
30
+ purple: sprinkles({ borderTopColor: colors.purple9 }),
31
+ indigo: sprinkles({ borderTopColor: colors.indigo10 }),
32
+ amber: sprinkles({ borderTopColor: colors.amber10 }),
39
33
  };
40
34
 
41
35
  export const pane = style([
package/src/components/PageLayout/PageLayout.tsx CHANGED
@@ -4,19 +4,19 @@ import clsx from "clsx";
4
4
  import * as styles from "./PageLayout.css";
5
5
 
6
6
  type PageLayoutProps = PropsWithChildren<{
7
- borderTopColor?: keyof typeof styles.borderTopColor;
7
+ borderTopColor: keyof typeof styles.borderTopColor;
8
8
  }>;
9
9
 
10
10
  export const PageLayout: FC<PageLayoutProps> = ({
11
- borderTopColor = "purple",
11
+ borderTopColor,
12
12
  children,
13
13
  ...otherProps
14
14
  }) => (
15
- <div {...otherProps} className={styles.root}>
15
+ <div
16
+ {...otherProps}
17
+ className={clsx([styles.root, styles.borderTopColor[borderTopColor]])}
18
+ >
16
19
  {children}
17
- <div
18
- className={clsx(styles.borderTop, styles.borderTopColor[borderTopColor])}
19
- />
20
20
  </div>
21
21
  );
22
22
 
package/src/components/SideNav/SideNavEnvironmentSelector.tsx CHANGED
@@ -11,7 +11,8 @@ import {
11
11
  Text,
12
12
  } from "@prismicio/editor-ui";
13
13
  import { Environment } from "@slicemachine/manager/client";
14
- import type { FC } from "react";
14
+ import * as VisuallyHidden from "@radix-ui/react-visually-hidden";
15
+ import { FC } from "react";
15
16
  import clsx from "clsx";
16
17
 
17
18
  import LogoIcon from "@src/icons/LogoIcon";
@@ -44,10 +45,12 @@ export const SideNavEnvironmentSelector: FC<SideNavEnvironmentSelectorProps> = (
44
45
  <Box alignItems="center" gap={16}>
45
46
  <Box position="relative">
46
47
  <LogoIcon className={styles.logo} />
47
- {activeEnvironment !== undefined && environments.length > 1 && (
48
+ {environments.length > 1 && (
48
49
  <EnvironmentDot
49
- kind={activeEnvironment.kind}
50
+ kind={activeEnvironment?.kind ?? "prod"}
51
+ asStatus={true}
50
52
  className={styles.activeEnvironmentDot}
53
+ data-cy="active-environment-dot"
51
54
  />
52
55
  )}
53
56
  </Box>
@@ -68,7 +71,11 @@ export const SideNavEnvironmentSelector: FC<SideNavEnvironmentSelectorProps> = (
68
71
  ) : undefined}
69
72
 
70
73
  {variant === "default" ? (
71
- <Text component="span" className={styles.activeEnvironmentName}>
74
+ <Text
75
+ component="span"
76
+ className={styles.activeEnvironmentName}
77
+ data-cy="active-environment-name"
78
+ >
72
79
  {isProductionEnvironmentActive || activeEnvironment === undefined
73
80
  ? "Production"
74
81
  : activeEnvironment?.name}
@@ -80,6 +87,7 @@ export const SideNavEnvironmentSelector: FC<SideNavEnvironmentSelectorProps> = (
80
87
  <IconButton
81
88
  icon={<LoginIcon className={styles.loginIcon} />}
82
89
  onClick={onLogInClick}
90
+ hiddenLabel="Log in to enable environments"
83
91
  />
84
92
  ) : undefined}
85
93
 
@@ -106,7 +114,7 @@ const EnvironmentDropdownMenu: FC<EnvironmentDropdownMenuProps> = (props) => {
106
114
  return (
107
115
  <DropdownMenu modal>
108
116
  <DropdownMenuTrigger disabled={environments.length < 2}>
109
- <IconButton icon="unfoldMore" />
117
+ <IconButton icon="unfoldMore" hiddenLabel="Select environment" />
110
118
  </DropdownMenuTrigger>
111
119
  <DropdownMenuContent align="end" minWidth={256}>
112
120
  {/*
@@ -165,13 +173,34 @@ const EnvironmentDropdownMenuItem: FC<EnvironmentDropdownMenuItemProps> = (
165
173
  );
166
174
  };
167
175
 
176
+ const humanReadableKindMap = {
177
+ prod: "Production",
178
+ stage: "Staging",
179
+ dev: "Development",
180
+ } as const;
181
+
168
182
  type EnvironmentDotProps = {
169
183
  kind: Environment["kind"];
184
+ asStatus?: boolean;
170
185
  className?: string;
171
186
  };
172
187
 
173
188
  const EnvironmentDot: FC<EnvironmentDotProps> = (props) => {
174
- const { kind, className } = props;
189
+ const { kind, asStatus = false, className, ...otherProps } = props;
190
+
191
+ const humanReadableKind = humanReadableKindMap[kind];
175
192
 
176
- return <div className={clsx(styles.environmentDot[kind], className)} />;
193
+ return (
194
+ <div
195
+ className={clsx(styles.environmentDot[kind], className)}
196
+ role={asStatus ? "status" : undefined}
197
+ {...otherProps}
198
+ >
199
+ {asStatus ? (
200
+ <VisuallyHidden.Root>
201
+ {humanReadableKind} environment
202
+ </VisuallyHidden.Root>
203
+ ) : null}
204
+ </div>
205
+ );
177
206
  };
package/src/components/Window/Window.tsx CHANGED
@@ -46,7 +46,7 @@ export const WindowTabsList: FC<WindowTabsListProps> = ({
46
46
  <Tabs.List {...otherProps} className={styles.tabsList}>
47
47
  {children}
48
48
  <div className={styles.newTabButton}>
49
- <IconButton icon="add" onClick={onAddNewTab} />
49
+ <IconButton icon="add" onClick={onAddNewTab} hiddenLabel="Add new tab" />
50
50
  </div>
51
51
  </Tabs.List>
52
52
  );
package/src/features/customTypes/EditDropdown.tsx CHANGED
@@ -5,7 +5,7 @@ import {
5
5
  DropdownMenuItem,
6
6
  DropdownMenuTrigger,
7
7
  Icon,
8
- Button,
8
+ IconButton,
9
9
  } from "@prismicio/editor-ui";
10
10
  import { useRouter } from "next/router";
11
11
 
@@ -72,11 +72,13 @@ export const EditDropdown: FC<EditDropdownProps> = ({
72
72
  <>
73
73
  <DropdownMenu modal>
74
74
  <DropdownMenuTrigger disabled={isCustomTypeBeingConverted}>
75
- <Button
76
- loading={isCustomTypeBeingConverted}
77
- startIcon="moreVert"
78
- variant="secondary"
75
+ <IconButton
76
+ color="grey"
79
77
  data-testid="editDropdown"
78
+ hiddenLabel="Custom type actions"
79
+ icon="moreVert"
80
+ loading={isCustomTypeBeingConverted}
81
+ variant="solid"
80
82
  />
81
83
  </DropdownMenuTrigger>
82
84
  <DropdownMenuContent align="end">
package/src/features/customTypes/customTypesBuilder/PageSnippetDialog/PageSnippetDialog.tsx CHANGED
@@ -42,7 +42,7 @@ const PageSnippetContent: FC<PageSnippetContentProps> = ({ model }) => {
42
42
  <Dialog
43
43
  size="small"
44
44
  trigger={
45
- <Button variant="secondary" onClick={trackOpenSnippet} startIcon="code">
45
+ <Button color="grey" onClick={trackOpenSnippet} startIcon="code">
46
46
  Page snippet
47
47
  </Button>
48
48
  }
@@ -75,7 +75,7 @@ export const PageSnippetDialog: FC<PageSnippetDialogProps> = ({ model }) => {
75
75
  <ErrorBoundary>
76
76
  <Suspense
77
77
  fallback={
78
- <Button variant="secondary" startIcon="code">
78
+ <Button color="grey" startIcon="code">
79
79
  Page snippet
80
80
  </Button>
81
81
  }
package/src/features/environments/actions/getActiveEnvironment.ts ADDED
@@ -0,0 +1,34 @@
1
+ import {
2
+ Environment,
3
+ isInvalidActiveEnvironmentError,
4
+ } from "@slicemachine/manager/client";
5
+
6
+ import { managerClient } from "@src/managerClient";
7
+
8
+ type GetActiveEnvironmentReturnType =
9
+ | {
10
+ activeEnvironment: Environment;
11
+ error?: undefined;
12
+ }
13
+ | {
14
+ activeEnvironment?: undefined;
15
+ error: unknown;
16
+ };
17
+
18
+ export async function getActiveEnvironment(): Promise<GetActiveEnvironmentReturnType> {
19
+ try {
20
+ const { activeEnvironment } =
21
+ await managerClient.project.fetchActiveEnvironment();
22
+
23
+ return { activeEnvironment };
24
+ } catch (error) {
25
+ if (isInvalidActiveEnvironmentError(error)) {
26
+ // Reset to the production environment.
27
+ await managerClient.project.updateEnvironment({ environment: undefined });
28
+
29
+ return await getActiveEnvironment();
30
+ }
31
+
32
+ return { error };
33
+ }
34
+ }
package/src/features/environments/actions/getEnvironments.ts CHANGED
@@ -2,8 +2,11 @@ import { managerClient } from "@src/managerClient";
2
2
 
3
3
  export async function getEnvironments() {
4
4
  try {
5
- return await managerClient.prismicRepository.fetchEnvironments();
5
+ const { environments } =
6
+ await managerClient.prismicRepository.fetchEnvironments();
7
+
8
+ return { environments };
6
9
  } catch (error) {
7
- throw error;
10
+ return { error };
8
11
  }
9
12
  }
package/src/features/environments/actions/setEnvironment.ts CHANGED
@@ -4,7 +4,7 @@ import { Environment } from "@slicemachine/manager/client";
4
4
  import { getLegacySliceMachineState } from "@src/features/legacyState/actions/getLegacySliceMachineState";
5
5
  import { managerClient } from "@src/managerClient";
6
6
 
7
- import { getActiveEnvironmentDomain } from "./getActiveEnvironmentDomain";
7
+ import { getActiveEnvironment } from "./getActiveEnvironment";
8
8
 
9
9
  export async function setEnvironment(
10
10
  environment: Pick<Environment, "domain">,
@@ -13,6 +13,6 @@ export async function setEnvironment(
13
13
  environment: environment.domain,
14
14
  });
15
15
 
16
- revalidateData(getActiveEnvironmentDomain, []);
16
+ revalidateData(getActiveEnvironment, []);
17
17
  revalidateData(getLegacySliceMachineState, []);
18
18
  }