slice-machine-ui 1.26.1-beta.4 → 1.26.1-beta.6

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 (44) hide show
  1. package/components/AppLayout/index.tsx +2 -2
  2. package/lib/builders/SliceBuilder/index.tsx +5 -1
  3. package/out/404.html +1 -1
  4. package/out/_next/static/chunks/{727-2c302be2def92786.js → 727-7536690b0938f88f.js} +1 -1
  5. package/out/_next/static/chunks/{904-c9221a5cb09524e8.js → 904-cac58924044acc83.js} +1 -1
  6. package/out/_next/static/chunks/pages/{_app-084b9a738425d5ce.js → _app-ba023cce7bcef9ce.js} +1 -1
  7. package/out/_next/static/chunks/pages/{changelog-5c9ac93faf0df06b.js → changelog-4cee9fbfd4fdfc70.js} +1 -1
  8. package/out/_next/static/chunks/pages/changes-b1d7cb1c845848ee.js +1 -0
  9. package/out/_next/static/chunks/pages/{labs-6f5925cd6cdcee9e.js → labs-566a982a3e954547.js} +1 -1
  10. package/out/_next/static/chunks/pages/{settings-f0620e5b727cda03.js → settings-6c2777758905c784.js} +1 -1
  11. package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-24acc6726cb20b65.js +1 -0
  12. package/out/_next/static/chunks/pages/slices-a633527fee62b6cd.js +1 -0
  13. package/out/_next/static/css/{238631d146c5ed97.css → 82840c077aa9a9d5.css} +1 -1
  14. package/out/_next/static/{zMlvOMtDAareAu0eymqLx → v2yXDvubtBMWE9zAPjhC0}/_buildManifest.js +1 -1
  15. package/out/changelog.html +1 -1
  16. package/out/changes.html +1 -1
  17. package/out/custom-types/[customTypeId].html +1 -1
  18. package/out/custom-types.html +1 -1
  19. package/out/index.html +1 -1
  20. package/out/labs.html +1 -1
  21. package/out/page-types/[pageTypeId].html +1 -1
  22. package/out/settings.html +1 -1
  23. package/out/slices/[lib]/[sliceName]/[variation]/simulator.html +1 -1
  24. package/out/slices/[lib]/[sliceName]/[variation].html +1 -1
  25. package/out/slices.html +1 -1
  26. package/package.json +3 -3
  27. package/pages/changes.tsx +4 -1
  28. package/pages/slices.tsx +4 -1
  29. package/src/components/Breadcrumb/Breadcrumb.module.css +11 -0
  30. package/src/components/Breadcrumb/Breadcrumb.module.css.d.ts +6 -0
  31. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +34 -0
  32. package/src/components/Breadcrumb/Breadcrumb.tsx +43 -25
  33. package/src/components/Breadcrumb/index.ts +1 -1
  34. package/src/features/customTypes/__tests__/CustomTypeBuilderPage.test.tsx +5 -6
  35. package/src/features/customTypes/customTypesBuilder/CustomTypesBuilderPage.tsx +9 -4
  36. package/src/features/customTypes/customTypesTable/CustomTypesTablePage.tsx +11 -12
  37. package/src/features/labs/labsList/LabsPage.tsx +4 -1
  38. package/src/features/settings/SettingsPage.tsx +4 -1
  39. package/out/_next/static/chunks/pages/changes-3e4989e09fd412a8.js +0 -1
  40. package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-8d7043e6638d65cd.js +0 -1
  41. package/out/_next/static/chunks/pages/slices-77cff50b1df13579.js +0 -1
  42. package/src/components/Breadcrumb/Breadcrumb.css.ts +0 -5
  43. package/src/components/Breadcrumb/Breadcrumb.stories.ts +0 -32
  44. /package/out/_next/static/{zMlvOMtDAareAu0eymqLx → v2yXDvubtBMWE9zAPjhC0}/_ssgManifest.js +0 -0
@@ -1 +1 @@
1
- self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,n,f,u,d,h,l,k,j,p,g,o,r){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-cf93d16e9c63b6db.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":[s,e,"static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-5c9ac93faf0df06b.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js",i,"static/chunks/918-5bb55fb464e34768.js",c,n,"static/css/838fd8bb5a7c32b0.css","static/chunks/pages/changes-3e4989e09fd412a8.js"],"/custom-types":[a,j,p,"static/chunks/pages/custom-types-3c8e721ec6802127.js"],"/custom-types/[customTypeId]":[s,f,u,d,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-d1a4a07e6b600fa6.js"],"/labs":["static/chunks/pages/labs-6f5925cd6cdcee9e.js"],"/page-types/[pageTypeId]":[s,f,u,d,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-a724ff12ef322020.js"],"/settings":["static/css/ca32882a5d2d8d88.css","static/chunks/pages/settings-f0620e5b727cda03.js"],"/slices":[s,t,b,c,n,"static/css/f8eb526e10bc2441.css","static/chunks/pages/slices-77cff50b1df13579.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,f,u,d,h,e,b,i,l,c,k,n,"static/css/b22c0750c14cc089.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-8d7043e6638d65cd.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-a5a5d48f20a7b261.js","static/chunks/46-d22d7a121254e31d.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-01d67e97cb901e46.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/settings","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/59b4e022-7a3b5554b806349f.js","static/chunks/25-792af14760d9df34.js","static/chunks/799-7b910b896ff60ebe.js","static/chunks/183-ebd633fed7c74545.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/543-f8766685f7f451e2.js","static/chunks/50-cfc2514205b86001.js","static/chunks/286-e0950c3083c672e8.js","static/chunks/f36c6662-03bb5e9d9aa0b0aa.js","static/chunks/4c744e84-e3161d754618373f.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-2c5b6c0367fcde86.js","static/chunks/696-b992b9e1ce75777e.js","static/chunks/318-d6f1200138628ec3.js","static/chunks/727-2c302be2def92786.js","static/css/be1f49e49a5aa7eb.css","static/chunks/210-aee6116139329803.js","static/chunks/904-c9221a5cb09524e8.js","static/css/72465cc1225f28a2.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
1
+ self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,n,f,u,d,h,l,k,j,p,g,o,r){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-cf93d16e9c63b6db.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":[s,e,"static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-4cee9fbfd4fdfc70.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js",i,"static/chunks/918-5bb55fb464e34768.js",c,n,"static/css/838fd8bb5a7c32b0.css","static/chunks/pages/changes-b1d7cb1c845848ee.js"],"/custom-types":[a,j,p,"static/chunks/pages/custom-types-3c8e721ec6802127.js"],"/custom-types/[customTypeId]":[s,f,u,d,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-d1a4a07e6b600fa6.js"],"/labs":["static/chunks/pages/labs-566a982a3e954547.js"],"/page-types/[pageTypeId]":[s,f,u,d,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-a724ff12ef322020.js"],"/settings":["static/css/ca32882a5d2d8d88.css","static/chunks/pages/settings-6c2777758905c784.js"],"/slices":[s,t,b,c,n,"static/css/f8eb526e10bc2441.css","static/chunks/pages/slices-a633527fee62b6cd.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,f,u,d,h,e,b,i,l,c,k,n,"static/css/b22c0750c14cc089.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-24acc6726cb20b65.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-a5a5d48f20a7b261.js","static/chunks/46-d22d7a121254e31d.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-01d67e97cb901e46.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/settings","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/59b4e022-7a3b5554b806349f.js","static/chunks/25-792af14760d9df34.js","static/chunks/799-7b910b896ff60ebe.js","static/chunks/183-ebd633fed7c74545.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/543-f8766685f7f451e2.js","static/chunks/50-cfc2514205b86001.js","static/chunks/286-e0950c3083c672e8.js","static/chunks/f36c6662-03bb5e9d9aa0b0aa.js","static/chunks/4c744e84-e3161d754618373f.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-2c5b6c0367fcde86.js","static/chunks/696-b992b9e1ce75777e.js","static/chunks/318-d6f1200138628ec3.js","static/chunks/727-7536690b0938f88f.js","static/css/be1f49e49a5aa7eb.css","static/chunks/210-aee6116139329803.js","static/chunks/904-cac58924044acc83.js","static/css/72465cc1225f28a2.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
@@ -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/238631d146c5ed97.css" as="style"/><link rel="stylesheet" href="/_next/static/css/238631d146c5ed97.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-084b9a738425d5ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-5c9ac93faf0df06b.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_buildManifest.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"zMlvOMtDAareAu0eymqLx","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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.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-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-4cee9fbfd4fdfc70.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","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/238631d146c5ed97.css" as="style"/><link rel="stylesheet" href="/_next/static/css/238631d146c5ed97.css" data-n-g=""/><link rel="preload" href="/_next/static/css/838fd8bb5a7c32b0.css" as="style"/><link rel="stylesheet" href="/_next/static/css/838fd8bb5a7c32b0.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-084b9a738425d5ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.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/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/918-5bb55fb464e34768.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/changes-3e4989e09fd412a8.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_buildManifest.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"zMlvOMtDAareAu0eymqLx","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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/838fd8bb5a7c32b0.css" as="style"/><link rel="stylesheet" href="/_next/static/css/838fd8bb5a7c32b0.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-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.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/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/918-5bb55fb464e34768.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/changes-b1d7cb1c845848ee.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","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/238631d146c5ed97.css" as="style"/><link rel="stylesheet" href="/_next/static/css/238631d146c5ed97.css" data-n-g=""/><link rel="preload" href="/_next/static/css/72465cc1225f28a2.css" as="style"/><link rel="stylesheet" href="/_next/static/css/72465cc1225f28a2.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-084b9a738425d5ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/904-c9221a5cb09524e8.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-d1a4a07e6b600fa6.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_buildManifest.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_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":"zMlvOMtDAareAu0eymqLx","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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/72465cc1225f28a2.css" as="style"/><link rel="stylesheet" href="/_next/static/css/72465cc1225f28a2.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-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/904-cac58924044acc83.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-d1a4a07e6b600fa6.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_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":"v2yXDvubtBMWE9zAPjhC0","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/238631d146c5ed97.css" as="style"/><link rel="stylesheet" href="/_next/static/css/238631d146c5ed97.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-084b9a738425d5ce.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/727-2c302be2def92786.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-3c8e721ec6802127.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_buildManifest.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"zMlvOMtDAareAu0eymqLx","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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.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-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/727-7536690b0938f88f.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-3c8e721ec6802127.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","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/238631d146c5ed97.css" as="style"/><link rel="stylesheet" href="/_next/static/css/238631d146c5ed97.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-084b9a738425d5ce.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/727-2c302be2def92786.js" defer=""></script><script src="/_next/static/chunks/pages/index-cf93d16e9c63b6db.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_buildManifest.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"zMlvOMtDAareAu0eymqLx","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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.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-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/727-7536690b0938f88f.js" defer=""></script><script src="/_next/static/chunks/pages/index-cf93d16e9c63b6db.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","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/238631d146c5ed97.css" as="style"/><link rel="stylesheet" href="/_next/static/css/238631d146c5ed97.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-084b9a738425d5ce.js" defer=""></script><script src="/_next/static/chunks/pages/labs-6f5925cd6cdcee9e.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_buildManifest.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"zMlvOMtDAareAu0eymqLx","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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.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-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/pages/labs-566a982a3e954547.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","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/238631d146c5ed97.css" as="style"/><link rel="stylesheet" href="/_next/static/css/238631d146c5ed97.css" data-n-g=""/><link rel="preload" href="/_next/static/css/72465cc1225f28a2.css" as="style"/><link rel="stylesheet" href="/_next/static/css/72465cc1225f28a2.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-084b9a738425d5ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/904-c9221a5cb09524e8.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-a724ff12ef322020.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_buildManifest.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_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":"zMlvOMtDAareAu0eymqLx","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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/72465cc1225f28a2.css" as="style"/><link rel="stylesheet" href="/_next/static/css/72465cc1225f28a2.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-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/904-cac58924044acc83.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-a724ff12ef322020.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_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":"v2yXDvubtBMWE9zAPjhC0","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
package/out/settings.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/238631d146c5ed97.css" as="style"/><link rel="stylesheet" href="/_next/static/css/238631d146c5ed97.css" data-n-g=""/><link rel="preload" href="/_next/static/css/ca32882a5d2d8d88.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ca32882a5d2d8d88.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-084b9a738425d5ce.js" defer=""></script><script src="/_next/static/chunks/pages/settings-f0620e5b727cda03.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_buildManifest.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"zMlvOMtDAareAu0eymqLx","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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/ca32882a5d2d8d88.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ca32882a5d2d8d88.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-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/pages/settings-6c2777758905c784.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","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/238631d146c5ed97.css" as="style"/><link rel="stylesheet" href="/_next/static/css/238631d146c5ed97.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-084b9a738425d5ce.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-a5a5d48f20a7b261.js" defer=""></script><script src="/_next/static/chunks/46-d22d7a121254e31d.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-01d67e97cb901e46.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_buildManifest.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_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":"zMlvOMtDAareAu0eymqLx","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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.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-ba023cce7bcef9ce.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-a5a5d48f20a7b261.js" defer=""></script><script src="/_next/static/chunks/46-d22d7a121254e31d.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-01d67e97cb901e46.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_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":"v2yXDvubtBMWE9zAPjhC0","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/238631d146c5ed97.css" as="style"/><link rel="stylesheet" href="/_next/static/css/238631d146c5ed97.css" data-n-g=""/><link rel="preload" href="/_next/static/css/b22c0750c14cc089.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b22c0750c14cc089.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-084b9a738425d5ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-8d7043e6638d65cd.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_buildManifest.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_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":"zMlvOMtDAareAu0eymqLx","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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/b22c0750c14cc089.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b22c0750c14cc089.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-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-24acc6726cb20b65.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_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":"v2yXDvubtBMWE9zAPjhC0","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/238631d146c5ed97.css" as="style"/><link rel="stylesheet" href="/_next/static/css/238631d146c5ed97.css" data-n-g=""/><link rel="preload" href="/_next/static/css/f8eb526e10bc2441.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f8eb526e10bc2441.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-084b9a738425d5ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/slices-77cff50b1df13579.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_buildManifest.js" defer=""></script><script src="/_next/static/zMlvOMtDAareAu0eymqLx/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"zMlvOMtDAareAu0eymqLx","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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/f8eb526e10bc2441.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f8eb526e10bc2441.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-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/slices-a633527fee62b6cd.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","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.26.1-beta.4",
3
+ "version": "1.26.1-beta.6",
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": {
@@ -35,8 +35,8 @@
35
35
  },
36
36
  "dependencies": {
37
37
  "@radix-ui/react-visually-hidden": "1.0.3",
38
- "@slicemachine/manager": "0.18.4-beta.4",
39
- "start-slicemachine": "0.12.19-beta.4"
38
+ "@slicemachine/manager": "0.18.4-beta.6",
39
+ "start-slicemachine": "0.12.19-beta.6"
40
40
  },
41
41
  "devDependencies": {
42
42
  "@emotion/react": "11.11.1",
package/pages/changes.tsx CHANGED
@@ -13,6 +13,7 @@ import {
13
13
  } from "@components/AppLayout";
14
14
  import { ChangesItems } from "@components/ChangesItems";
15
15
  import { AuthErrorPage, OfflinePage } from "@components/ChangesEmptyState";
16
+ import { BreadcrumbItem } from "@src/components/Breadcrumb";
16
17
  import { NoChangesBlankSlate } from "@src/features/changes/BlankSlates";
17
18
  import { PushChangesButton } from "@src/features/changes/PushChangesButton";
18
19
  import { AuthStatus } from "@src/modules/userContext/types";
@@ -134,7 +135,9 @@ const Changes: React.FunctionComponent = () => {
134
135
  </Head>
135
136
  <AppLayout>
136
137
  <AppLayoutHeader>
137
- <AppLayoutBreadcrumb folder="Changes" />
138
+ <AppLayoutBreadcrumb>
139
+ <BreadcrumbItem>Changes</BreadcrumbItem>
140
+ </AppLayoutBreadcrumb>
138
141
  <AppLayoutActions>
139
142
  <PushChangesButton
140
143
  disabled={
package/pages/slices.tsx CHANGED
@@ -23,6 +23,7 @@ import EmptyState from "@components/EmptyState";
23
23
  import ScreenshotChangesModal from "@components/ScreenshotChangesModal";
24
24
  import { RenameSliceModal } from "@components/Forms/RenameSliceModal";
25
25
  import { DeleteSliceModal } from "@components/DeleteSliceModal";
26
+ import { BreadcrumbItem } from "@src/components/Breadcrumb";
26
27
  import { SliceMachineStoreType } from "@src/redux/type";
27
28
  import { getLibraries, getRemoteSlices } from "@src/modules/slices";
28
29
  import { useScreenshotChangesModal } from "@src/hooks/useScreenshotChangesModal";
@@ -78,7 +79,9 @@ const SlicesIndex: React.FunctionComponent = () => {
78
79
  </Head>
79
80
  <AppLayout>
80
81
  <AppLayoutHeader>
81
- <AppLayoutBreadcrumb folder="Slices" />
82
+ <AppLayoutBreadcrumb>
83
+ <BreadcrumbItem>Slices</BreadcrumbItem>
84
+ </AppLayoutBreadcrumb>
82
85
  {localLibraries?.length !== 0 && sliceCount !== 0 ? (
83
86
  <AppLayoutActions>
84
87
  <Button
@@ -0,0 +1,11 @@
1
+ .items {
2
+ display: flex;
3
+ gap: 4px;
4
+ list-style: none;
5
+ margin: 0px;
6
+ padding: 0px;
7
+ }
8
+
9
+ .active {
10
+ font-weight: 500;
11
+ }
@@ -0,0 +1,6 @@
1
+ declare const styles: {
2
+ readonly "active": string;
3
+ readonly "items": string;
4
+ };
5
+ export = styles;
6
+
@@ -0,0 +1,34 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+
3
+ import { Breadcrumb, BreadcrumbItem } from "./Breadcrumb";
4
+
5
+ type Story = StoryObj<typeof meta>;
6
+
7
+ const meta: Meta<typeof Breadcrumb> = {
8
+ component: Breadcrumb,
9
+ argTypes: {
10
+ children: { control: { disable: true } },
11
+ },
12
+ };
13
+
14
+ export default meta;
15
+
16
+ export const Default = {
17
+ args: {
18
+ children: [
19
+ <BreadcrumbItem>Foo</BreadcrumbItem>,
20
+ <BreadcrumbItem>Bar</BreadcrumbItem>,
21
+ <BreadcrumbItem>Baz</BreadcrumbItem>,
22
+ ],
23
+ },
24
+ } satisfies Story;
25
+
26
+ export const WithActiveItem = {
27
+ args: {
28
+ children: [
29
+ <BreadcrumbItem>Foo</BreadcrumbItem>,
30
+ <BreadcrumbItem>Bar</BreadcrumbItem>,
31
+ <BreadcrumbItem active>Baz</BreadcrumbItem>,
32
+ ],
33
+ },
34
+ } satisfies Story;
@@ -1,35 +1,53 @@
1
1
  import { Text } from "@prismicio/editor-ui";
2
- import { FC } from "react";
2
+ import clsx from "clsx";
3
+ import { PropsWithChildren, Children, FC } from "react";
3
4
 
4
- import * as styles from "./Breadcrumb.css";
5
+ import styles from "./Breadcrumb.module.css";
5
6
 
6
- export type BreadcrumbProps = {
7
- folder: string;
8
- page?: string;
9
- separator?: string;
10
- };
7
+ export const Breadcrumb: FC<PropsWithChildren> = (props) => {
8
+ const { children, ...otherProps } = props;
9
+ const childrenCount = Children.count(children);
11
10
 
12
- export const Breadcrumb: FC<BreadcrumbProps> = ({
13
- folder,
14
- page,
15
- separator = "/",
16
- }) => {
17
11
  return (
18
- <div
19
- aria-label="Breadcrumb"
20
- data-testid={`breadcrumb-${folder}-${page ?? ""}`}
21
- >
22
- <Text color="grey11">
23
- {folder}
24
- {page !== undefined ? (
12
+ <nav aria-label="Breadcrumb" {...otherProps}>
13
+ <ol className={styles.items}>
14
+ {Children.map(children, (child, index) => (
25
15
  <>
26
- &nbsp;{separator}&nbsp;
27
- <Text className={styles.pageSpan} component="span" color="grey12">
28
- {page}
29
- </Text>
16
+ {child}
17
+ {index < childrenCount - 1 ? <BreadcrumbSeparator /> : null}
30
18
  </>
31
- ) : null}
19
+ ))}
20
+ </ol>
21
+ </nav>
22
+ );
23
+ };
24
+
25
+ type BreadcrumbItemProps = PropsWithChildren<{
26
+ active?: boolean;
27
+ }>;
28
+
29
+ export const BreadcrumbItem: FC<BreadcrumbItemProps> = (props) => {
30
+ const { active = false, children, ...otherProps } = props;
31
+
32
+ return (
33
+ <li {...otherProps}>
34
+ <Text
35
+ component="span"
36
+ color={active ? "grey12" : "grey11"}
37
+ className={clsx(active && styles.active)}
38
+ >
39
+ {children}
40
+ </Text>
41
+ </li>
42
+ );
43
+ };
44
+
45
+ const BreadcrumbSeparator: FC = () => {
46
+ return (
47
+ <li aria-hidden={true}>
48
+ <Text component="span" color="grey11">
49
+ /
32
50
  </Text>
33
- </div>
51
+ </li>
34
52
  );
35
53
  };
@@ -1 +1 @@
1
- export { Breadcrumb, type BreadcrumbProps } from "./Breadcrumb";
1
+ export { Breadcrumb, BreadcrumbItem } from "./Breadcrumb";
@@ -89,10 +89,9 @@ describe.each(formats)(
89
89
  // Submit the form
90
90
  await user.click(screen.getByRole("button", { name: "Rename" }));
91
91
 
92
- const folder =
93
- customType.format === "page" ? "Page types" : "Custom types";
92
+ const breadcrumb = screen.getByLabelText("Breadcrumb");
94
93
  expect(
95
- screen.getByTestId(`breadcrumb-${folder}-${renamedCustomType}`),
94
+ await within(breadcrumb).findByText(renamedCustomType),
96
95
  ).toBeVisible();
97
96
  });
98
97
  },
@@ -178,10 +177,10 @@ async function renderCustomTypesBuilderPage({
178
177
  const renderResults = render(<CustomTypesBuilderPage />, customTypeMockStore);
179
178
 
180
179
  const folder = customType.format === "page" ? "Page types" : "Custom types";
181
- const breadcrumb = await screen.findByTestId(
182
- `breadcrumb-${folder}-${customType.label as string}`,
180
+ const breadcrumb = await screen.findByLabelText("Breadcrumb");
181
+ expect(breadcrumb).toHaveTextContent(
182
+ `${folder}/${customType.label as string}`,
183
183
  );
184
- expect(breadcrumb).toBeVisible();
185
184
 
186
185
  return renderResults;
187
186
  }
@@ -26,6 +26,7 @@ import { CUSTOM_TYPES_MESSAGES } from "../customTypesMessages";
26
26
  import { EditDropdown } from "../EditDropdown";
27
27
  import { PageSnippetDialog } from "./PageSnippetDialog";
28
28
  import { CustomTypeProvider } from "./CustomTypeProvider";
29
+ import { BreadcrumbItem } from "@src/components/Breadcrumb";
29
30
 
30
31
  export const CustomTypesBuilderPage: FC = () => {
31
32
  const router = useRouter();
@@ -87,10 +88,14 @@ const CustomTypesBuilderPageWithProvider: React.FC<
87
88
  <>
88
89
  <AppLayoutHeader>
89
90
  <AppLayoutBackButton url={config.tablePagePathname} />
90
- <AppLayoutBreadcrumb
91
- folder={messages.name({ start: true, plural: true })}
92
- page={customType.label ?? customType.id}
93
- />
91
+ <AppLayoutBreadcrumb>
92
+ <BreadcrumbItem>
93
+ {messages.name({ start: true, plural: true })}
94
+ </BreadcrumbItem>
95
+ <BreadcrumbItem active>
96
+ {customType.label ?? customType.id}
97
+ </BreadcrumbItem>
98
+ </AppLayoutBreadcrumb>
94
99
  <AppLayoutActions>
95
100
  <AutoSaveStatusIndicator status={actionQueueStatus} />
96
101
  {customType.format === "page" ? (
@@ -20,6 +20,7 @@ import { ErrorBoundary } from "@src/ErrorBoundary";
20
20
  import type { CustomTypeFormat } from "@slicemachine/manager";
21
21
 
22
22
  import { CustomTypesTable } from "./CustomTypesTable";
23
+ import { BreadcrumbItem } from "@src/components/Breadcrumb";
23
24
 
24
25
  type CustomTypesTablePageProps = {
25
26
  format: CustomTypeFormat;
@@ -61,12 +62,11 @@ export const CustomTypesTablePage: FC<CustomTypesTablePageProps> = ({
61
62
  fallback={
62
63
  <AppLayout>
63
64
  <AppLayoutHeader>
64
- <AppLayoutBreadcrumb
65
- folder={customTypesMessages.name({
66
- start: true,
67
- plural: true,
68
- })}
69
- />
65
+ <AppLayoutBreadcrumb>
66
+ <BreadcrumbItem>
67
+ {customTypesMessages.name({ start: true, plural: true })}
68
+ </BreadcrumbItem>
69
+ </AppLayoutBreadcrumb>
70
70
  <AppLayoutActions>
71
71
  <Button disabled startIcon="add">
72
72
  Create
@@ -81,12 +81,11 @@ export const CustomTypesTablePage: FC<CustomTypesTablePageProps> = ({
81
81
  >
82
82
  <AppLayout>
83
83
  <AppLayoutHeader>
84
- <AppLayoutBreadcrumb
85
- folder={customTypesMessages.name({
86
- start: true,
87
- plural: true,
88
- })}
89
- />
84
+ <AppLayoutBreadcrumb>
85
+ <BreadcrumbItem>
86
+ {customTypesMessages.name({ start: true, plural: true })}
87
+ </BreadcrumbItem>
88
+ </AppLayoutBreadcrumb>
90
89
  <AppLayoutActions>
91
90
  <Button
92
91
  data-testid="create-ct"
@@ -11,6 +11,7 @@ import {
11
11
  import { ErrorBoundary } from "@src/ErrorBoundary";
12
12
 
13
13
  import { LabsList } from "./LabsList";
14
+ import { BreadcrumbItem } from "@src/components/Breadcrumb";
14
15
 
15
16
  export const LabsPage: FC = () => {
16
17
  return (
@@ -58,7 +59,9 @@ const LabsPageLayout: FC<LabsPageLayoutProps> = ({
58
59
  <AppLayout>
59
60
  {withHeader ? (
60
61
  <AppLayoutHeader>
61
- <AppLayoutBreadcrumb folder="Labs" />
62
+ <AppLayoutBreadcrumb>
63
+ <BreadcrumbItem>Labs</BreadcrumbItem>
64
+ </AppLayoutBreadcrumb>
62
65
  </AppLayoutHeader>
63
66
  ) : null}
64
67
  <AppLayoutContent>{children}</AppLayoutContent>
@@ -11,6 +11,7 @@ import {
11
11
  } from "@components/AppLayout";
12
12
  import { ConnectGitRepository } from "@src/features/settings/git/ConnectGitRepository";
13
13
  import { useGitIntegrationExperiment } from "@src/features/settings/git/useGitIntegrationExperiment";
14
+ import { BreadcrumbItem } from "@src/components/Breadcrumb";
14
15
 
15
16
  export const SettingsPage: FC = () => {
16
17
  const gitIntegrationExperiment = useGitIntegrationExperiment();
@@ -34,7 +35,9 @@ export const SettingsPage: FC = () => {
34
35
  </Head>
35
36
  <AppLayout>
36
37
  <AppLayoutHeader>
37
- <AppLayoutBreadcrumb folder="Settings" />
38
+ <AppLayoutBreadcrumb>
39
+ <BreadcrumbItem>Settings</BreadcrumbItem>
40
+ </AppLayoutBreadcrumb>
38
41
  </AppLayoutHeader>
39
42
  <AppLayoutContent>
40
43
  <Box flexDirection="column" maxWidth={600}>