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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/out/404.html +1 -1
  2. package/out/_next/static/{ALrNHXPZGeRwEXHdmh5-C → GUEGxVMwsxv1YulVkevTI}/_buildManifest.js +1 -1
  3. package/out/_next/static/chunks/{840-45aefe7b4d84745c.js → 840-c010c2547340976b.js} +1 -1
  4. package/out/_next/static/chunks/{904-e7c8c1ba265177fb.js → 904-9eb2a2038b2302b7.js} +1 -1
  5. package/out/_next/static/chunks/pages/{_app-cae1327f33c96711.js → _app-0a5ece5158e1745b.js} +2 -2
  6. package/out/_next/static/chunks/pages/{changelog-cfda9d30715b6e2a.js → changelog-508bad6822a039ff.js} +1 -1
  7. package/out/_next/static/chunks/pages/{changes-a3cdb6251b224e4b.js → changes-c413fb6aa4bf4eca.js} +1 -1
  8. package/out/_next/static/chunks/pages/{labs-dfad3c3553469739.js → labs-d4462a72635f9ac0.js} +1 -1
  9. package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/{[variation]-c228a7c42e87eb27.js → [variation]-8ba4b47fe4cf636a.js} +1 -1
  10. package/out/_next/static/chunks/pages/{slices-dc4f17b54c9a3eb5.js → slices-ed1190d3d37a63fd.js} +1 -1
  11. package/out/_next/static/css/{7ef90ba762e84cee.css → 29d73729eff3b961.css} +1 -1
  12. package/out/changelog.html +1 -1
  13. package/out/changes.html +1 -1
  14. package/out/custom-types/[customTypeId].html +1 -1
  15. package/out/custom-types.html +1 -1
  16. package/out/index.html +1 -1
  17. package/out/labs.html +1 -1
  18. package/out/page-types/[pageTypeId].html +1 -1
  19. package/out/slices/[lib]/[sliceName]/[variation]/simulator.html +1 -1
  20. package/out/slices/[lib]/[sliceName]/[variation].html +1 -1
  21. package/out/slices.html +1 -1
  22. package/package.json +4 -3
  23. package/src/components/PageLayout/PageLayout.css.ts +6 -12
  24. package/src/components/PageLayout/PageLayout.tsx +4 -4
  25. package/src/components/SideNav/SideNavEnvironmentSelector.tsx +36 -7
  26. package/src/features/customTypes/customTypesTable/CustomTypesTablePage.tsx +1 -1
  27. /package/out/_next/static/{ALrNHXPZGeRwEXHdmh5-C → GUEGxVMwsxv1YulVkevTI}/_ssgManifest.js +0 -0
@@ -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/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.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-0a5ece5158e1745b.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-508bad6822a039ff.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_buildManifest.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"GUEGxVMwsxv1YulVkevTI","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/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.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-0a5ece5158e1745b.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-c413fb6aa4bf4eca.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_buildManifest.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"GUEGxVMwsxv1YulVkevTI","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
@@ -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/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.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-0a5ece5158e1745b.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-9eb2a2038b2302b7.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-3a37eb3373bb8823.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_buildManifest.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_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":"GUEGxVMwsxv1YulVkevTI","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
@@ -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/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.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-0a5ece5158e1745b.js" defer=""></script><script src="/_next/static/chunks/550-8557ad3750e1e581.js" defer=""></script><script src="/_next/static/chunks/840-c010c2547340976b.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-2f5664d9492b13fb.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_buildManifest.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"GUEGxVMwsxv1YulVkevTI","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/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.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-0a5ece5158e1745b.js" defer=""></script><script src="/_next/static/chunks/550-8557ad3750e1e581.js" defer=""></script><script src="/_next/static/chunks/840-c010c2547340976b.js" defer=""></script><script src="/_next/static/chunks/pages/index-d8e3a2c0d712904f.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_buildManifest.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"GUEGxVMwsxv1YulVkevTI","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/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.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-0a5ece5158e1745b.js" defer=""></script><script src="/_next/static/chunks/pages/labs-d4462a72635f9ac0.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_buildManifest.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"GUEGxVMwsxv1YulVkevTI","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
@@ -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/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.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-0a5ece5158e1745b.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-9eb2a2038b2302b7.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-733f3890c0466a05.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_buildManifest.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_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":"GUEGxVMwsxv1YulVkevTI","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
@@ -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/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.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-0a5ece5158e1745b.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/GUEGxVMwsxv1YulVkevTI/_buildManifest.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_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":"GUEGxVMwsxv1YulVkevTI","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
@@ -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/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.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-0a5ece5158e1745b.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-8ba4b47fe4cf636a.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_buildManifest.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_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":"GUEGxVMwsxv1YulVkevTI","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/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.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-0a5ece5158e1745b.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-ed1190d3d37a63fd.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_buildManifest.js" defer=""></script><script src="/_next/static/GUEGxVMwsxv1YulVkevTI/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"GUEGxVMwsxv1YulVkevTI","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.3",
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,8 +31,9 @@
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.3",
36
+ "start-slicemachine": "0.12.12-beta.3"
36
37
  },
37
38
  "devDependencies": {
38
39
  "@emotion/react": "11.11.1",
@@ -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([
@@ -12,11 +12,11 @@ export const PageLayout: FC<PageLayoutProps> = ({
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
 
@@ -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
+ data-cy="environment-login-icon-button"
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" data-cy="environment-dropdown-button" />
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
  };
@@ -89,7 +89,7 @@ export const CustomTypesTablePage: FC<CustomTypesTablePageProps> = ({
89
89
  </AppLayout>
90
90
  }
91
91
  >
92
- <AppLayout>
92
+ <AppLayout data-cy="app-layout">
93
93
  <AppLayoutHeader>
94
94
  <AppLayoutBreadcrumb
95
95
  folder={customTypesMessages.name({