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

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/AT1eVZTlmZAgTtIdj6oNo/_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-26ba044deeac3828.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 +69 -30
  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 → AT1eVZTlmZAgTtIdj6oNo}/_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-26ba044deeac3828.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/AT1eVZTlmZAgTtIdj6oNo/_buildManifest.js" defer=""></script><script src="/_next/static/AT1eVZTlmZAgTtIdj6oNo/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"AT1eVZTlmZAgTtIdj6oNo","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-26ba044deeac3828.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/AT1eVZTlmZAgTtIdj6oNo/_buildManifest.js" defer=""></script><script src="/_next/static/AT1eVZTlmZAgTtIdj6oNo/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"AT1eVZTlmZAgTtIdj6oNo","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-26ba044deeac3828.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/AT1eVZTlmZAgTtIdj6oNo/_buildManifest.js" defer=""></script><script src="/_next/static/AT1eVZTlmZAgTtIdj6oNo/_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":"AT1eVZTlmZAgTtIdj6oNo","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-26ba044deeac3828.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/AT1eVZTlmZAgTtIdj6oNo/_buildManifest.js" defer=""></script><script src="/_next/static/AT1eVZTlmZAgTtIdj6oNo/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"AT1eVZTlmZAgTtIdj6oNo","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-26ba044deeac3828.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/AT1eVZTlmZAgTtIdj6oNo/_buildManifest.js" defer=""></script><script src="/_next/static/AT1eVZTlmZAgTtIdj6oNo/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"AT1eVZTlmZAgTtIdj6oNo","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-26ba044deeac3828.js" defer=""></script><script src="/_next/static/chunks/pages/labs-526bb7d60a1b90f4.js" defer=""></script><script src="/_next/static/AT1eVZTlmZAgTtIdj6oNo/_buildManifest.js" defer=""></script><script src="/_next/static/AT1eVZTlmZAgTtIdj6oNo/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"AT1eVZTlmZAgTtIdj6oNo","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-26ba044deeac3828.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/AT1eVZTlmZAgTtIdj6oNo/_buildManifest.js" defer=""></script><script src="/_next/static/AT1eVZTlmZAgTtIdj6oNo/_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":"AT1eVZTlmZAgTtIdj6oNo","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-26ba044deeac3828.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/AT1eVZTlmZAgTtIdj6oNo/_buildManifest.js" defer=""></script><script src="/_next/static/AT1eVZTlmZAgTtIdj6oNo/_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":"AT1eVZTlmZAgTtIdj6oNo","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-26ba044deeac3828.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/AT1eVZTlmZAgTtIdj6oNo/_buildManifest.js" defer=""></script><script src="/_next/static/AT1eVZTlmZAgTtIdj6oNo/_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":"AT1eVZTlmZAgTtIdj6oNo","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-26ba044deeac3828.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/AT1eVZTlmZAgTtIdj6oNo/_buildManifest.js" defer=""></script><script src="/_next/static/AT1eVZTlmZAgTtIdj6oNo/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"AT1eVZTlmZAgTtIdj6oNo","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.11",
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.11",
36
+ "start-slicemachine": "0.12.12-beta.11"
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
 
@@ -97,42 +105,52 @@ export const SideNavEnvironmentSelector: FC<SideNavEnvironmentSelectorProps> = (
97
105
 
98
106
  type EnvironmentDropdownMenuProps = Pick<
99
107
  SideNavEnvironmentSelectorProps,
100
- "environments" | "activeEnvironment" | "onSelect"
101
- >;
108
+ "activeEnvironment" | "onSelect"
109
+ > & {
110
+ environments: Environment[];
111
+ };
102
112
 
103
113
  const EnvironmentDropdownMenu: FC<EnvironmentDropdownMenuProps> = (props) => {
104
- const { environments = [], activeEnvironment, onSelect } = props;
114
+ const { environments, activeEnvironment, onSelect } = props;
115
+
116
+ const nonPersonalEnvironments = environments.filter(
117
+ (environment) => environment.kind !== "dev",
118
+ );
119
+ const personalEnvironment = environments.find(
120
+ (environment) => environment.kind === "dev",
121
+ );
105
122
 
106
123
  return (
107
124
  <DropdownMenu modal>
108
125
  <DropdownMenuTrigger disabled={environments.length < 2}>
109
- <IconButton icon="unfoldMore" />
126
+ <IconButton icon="unfoldMore" hiddenLabel="Select environment" />
110
127
  </DropdownMenuTrigger>
111
128
  <DropdownMenuContent align="end" minWidth={256}>
112
- {/*
113
- TODO: Add this line when Dev envs are supported
129
+ {personalEnvironment ? (
114
130
  <DropdownMenuLabel>Regular Environments</DropdownMenuLabel>
115
- */}
116
- {environments.map((environment) =>
117
- environment.kind !== "dev" ? (
131
+ ) : undefined}
132
+ {nonPersonalEnvironments.map((environment) => (
133
+ <EnvironmentDropdownMenuItem
134
+ key={environment.domain}
135
+ environment={environment}
136
+ onSelect={onSelect}
137
+ isActive={environment.domain === activeEnvironment?.domain}
138
+ />
139
+ ))}
140
+
141
+ {personalEnvironment ? (
142
+ <>
143
+ <DropdownMenuLabel>Personal Environment</DropdownMenuLabel>
118
144
  <EnvironmentDropdownMenuItem
119
- key={environment.domain}
120
- environment={environment}
145
+ key={personalEnvironment.domain}
146
+ environment={personalEnvironment}
121
147
  onSelect={onSelect}
122
- isActive={environment.domain === activeEnvironment?.domain}
148
+ isActive={
149
+ personalEnvironment.domain === activeEnvironment?.domain
150
+ }
123
151
  />
124
- ) : (
125
- <>
126
- <DropdownMenuLabel>Personal Environment</DropdownMenuLabel>
127
- <EnvironmentDropdownMenuItem
128
- key={environment.domain}
129
- environment={environment}
130
- onSelect={onSelect}
131
- isActive={environment.domain === activeEnvironment?.domain}
132
- />
133
- </>
134
- ),
135
- )}
152
+ </>
153
+ ) : undefined}
136
154
  </DropdownMenuContent>
137
155
  </DropdownMenu>
138
156
  );
@@ -165,13 +183,34 @@ const EnvironmentDropdownMenuItem: FC<EnvironmentDropdownMenuItemProps> = (
165
183
  );
166
184
  };
167
185
 
186
+ const humanReadableKindMap = {
187
+ prod: "Production",
188
+ stage: "Staging",
189
+ dev: "Development",
190
+ } as const;
191
+
168
192
  type EnvironmentDotProps = {
169
193
  kind: Environment["kind"];
194
+ asStatus?: boolean;
170
195
  className?: string;
171
196
  };
172
197
 
173
198
  const EnvironmentDot: FC<EnvironmentDotProps> = (props) => {
174
- const { kind, className } = props;
199
+ const { kind, asStatus = false, className, ...otherProps } = props;
200
+
201
+ const humanReadableKind = humanReadableKindMap[kind];
175
202
 
176
- return <div className={clsx(styles.environmentDot[kind], className)} />;
203
+ return (
204
+ <div
205
+ className={clsx(styles.environmentDot[kind], className)}
206
+ role={asStatus ? "status" : undefined}
207
+ {...otherProps}
208
+ >
209
+ {asStatus ? (
210
+ <VisuallyHidden.Root>
211
+ {humanReadableKind} environment
212
+ </VisuallyHidden.Root>
213
+ ) : null}
214
+ </div>
215
+ );
177
216
  };
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
  }