slice-machine-ui 1.23.1-beta.3 → 1.23.1-beta.5

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 (28) hide show
  1. package/lib/models/common/widgets/Group/Form.jsx +70 -0
  2. package/lib/models/common/widgets/Group/index.ts +5 -3
  3. package/out/404.html +1 -1
  4. package/out/_next/static/{c66ozmNEqPsp5qxNPQX7V → DkOhybONL09muewkcdo2N}/_buildManifest.js +1 -1
  5. package/out/_next/static/chunks/{318-541db69860d31138.js → 318-ce7e74f18f2d5b22.js} +1 -1
  6. package/out/_next/static/chunks/{904-4c4d0a2183ae9a27.js → 904-9a4c1264727ae89a.js} +1 -1
  7. package/out/_next/static/chunks/pages/{_app-d528dd2b96dccb97.js → _app-ec1b45902c54afac.js} +1 -1
  8. package/out/changelog.html +1 -1
  9. package/out/changes.html +1 -1
  10. package/out/custom-types/[customTypeId].html +1 -1
  11. package/out/custom-types.html +1 -1
  12. package/out/index.html +1 -1
  13. package/out/labs.html +1 -1
  14. package/out/page-types/[pageTypeId].html +1 -1
  15. package/out/slices/[lib]/[sliceName]/[variation]/simulator.html +1 -1
  16. package/out/slices/[lib]/[sliceName]/[variation].html +1 -1
  17. package/out/slices.html +1 -1
  18. package/package.json +3 -3
  19. package/src/components/FieldSet/FieldSet.module.css +92 -0
  20. package/src/components/FieldSet/FieldSet.module.css.d.ts +18 -0
  21. package/src/components/FieldSet/FieldSet.stories.tsx +208 -0
  22. package/src/components/FieldSet/FieldSet.tsx +72 -0
  23. package/src/components/FieldSet/index.ts +9 -0
  24. package/src/features/autoSave/useAutoSave.tsx +2 -2
  25. package/src/icons/BitbucketIcon.tsx +19 -0
  26. package/src/icons/GitHubIcon.tsx +17 -0
  27. package/src/icons/GitLabIcon.tsx +19 -0
  28. /package/out/_next/static/{c66ozmNEqPsp5qxNPQX7V → DkOhybONL09muewkcdo2N}/_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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-d528dd2b96dccb97.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/183-4feb6bb3eddbc768.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-afd18276fe018b24.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_buildManifest.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"c66ozmNEqPsp5qxNPQX7V","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-ec1b45902c54afac.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/183-4feb6bb3eddbc768.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-afd18276fe018b24.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_buildManifest.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"DkOhybONL09muewkcdo2N","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.css" data-n-g=""/><link rel="preload" href="/_next/static/css/37153180c3b0dd66.css" as="style"/><link rel="stylesheet" href="/_next/static/css/37153180c3b0dd66.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-d528dd2b96dccb97.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-37d6fa7f064be04b.js" defer=""></script><script src="/_next/static/chunks/286-ed90373e9a469944.js" defer=""></script><script src="/_next/static/chunks/pages/changes-898f58035cfafe03.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_buildManifest.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"c66ozmNEqPsp5qxNPQX7V","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.css" data-n-g=""/><link rel="preload" href="/_next/static/css/37153180c3b0dd66.css" as="style"/><link rel="stylesheet" href="/_next/static/css/37153180c3b0dd66.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-ec1b45902c54afac.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-37d6fa7f064be04b.js" defer=""></script><script src="/_next/static/chunks/286-ed90373e9a469944.js" defer=""></script><script src="/_next/static/chunks/pages/changes-898f58035cfafe03.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_buildManifest.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"DkOhybONL09muewkcdo2N","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-d528dd2b96dccb97.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-4feb6bb3eddbc768.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-b12edad30a3617e5.js" defer=""></script><script src="/_next/static/chunks/474-5a072e6fac61f703.js" defer=""></script><script src="/_next/static/chunks/25-37d6fa7f064be04b.js" defer=""></script><script src="/_next/static/chunks/731-501990ebe6a71b32.js" defer=""></script><script src="/_next/static/chunks/318-541db69860d31138.js" defer=""></script><script src="/_next/static/chunks/904-4c4d0a2183ae9a27.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-3f862ad6111a1fc0.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_buildManifest.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_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":"c66ozmNEqPsp5qxNPQX7V","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-ec1b45902c54afac.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-4feb6bb3eddbc768.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-b12edad30a3617e5.js" defer=""></script><script src="/_next/static/chunks/474-5a072e6fac61f703.js" defer=""></script><script src="/_next/static/chunks/25-37d6fa7f064be04b.js" defer=""></script><script src="/_next/static/chunks/731-501990ebe6a71b32.js" defer=""></script><script src="/_next/static/chunks/318-ce7e74f18f2d5b22.js" defer=""></script><script src="/_next/static/chunks/904-9a4c1264727ae89a.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-3f862ad6111a1fc0.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_buildManifest.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_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":"DkOhybONL09muewkcdo2N","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-d528dd2b96dccb97.js" defer=""></script><script src="/_next/static/chunks/731-501990ebe6a71b32.js" defer=""></script><script src="/_next/static/chunks/727-2016e98f80ea6a62.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-94b8f8dbf7727412.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_buildManifest.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"c66ozmNEqPsp5qxNPQX7V","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-ec1b45902c54afac.js" defer=""></script><script src="/_next/static/chunks/731-501990ebe6a71b32.js" defer=""></script><script src="/_next/static/chunks/727-2016e98f80ea6a62.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-94b8f8dbf7727412.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_buildManifest.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"DkOhybONL09muewkcdo2N","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-d528dd2b96dccb97.js" defer=""></script><script src="/_next/static/chunks/731-501990ebe6a71b32.js" defer=""></script><script src="/_next/static/chunks/727-2016e98f80ea6a62.js" defer=""></script><script src="/_next/static/chunks/pages/index-64cfb8b0948ba8ef.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_buildManifest.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"c66ozmNEqPsp5qxNPQX7V","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-ec1b45902c54afac.js" defer=""></script><script src="/_next/static/chunks/731-501990ebe6a71b32.js" defer=""></script><script src="/_next/static/chunks/727-2016e98f80ea6a62.js" defer=""></script><script src="/_next/static/chunks/pages/index-64cfb8b0948ba8ef.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_buildManifest.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"DkOhybONL09muewkcdo2N","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-d528dd2b96dccb97.js" defer=""></script><script src="/_next/static/chunks/pages/labs-ee206005948f8e87.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_buildManifest.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"c66ozmNEqPsp5qxNPQX7V","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-ec1b45902c54afac.js" defer=""></script><script src="/_next/static/chunks/pages/labs-ee206005948f8e87.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_buildManifest.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"DkOhybONL09muewkcdo2N","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-d528dd2b96dccb97.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-4feb6bb3eddbc768.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-b12edad30a3617e5.js" defer=""></script><script src="/_next/static/chunks/474-5a072e6fac61f703.js" defer=""></script><script src="/_next/static/chunks/25-37d6fa7f064be04b.js" defer=""></script><script src="/_next/static/chunks/731-501990ebe6a71b32.js" defer=""></script><script src="/_next/static/chunks/318-541db69860d31138.js" defer=""></script><script src="/_next/static/chunks/904-4c4d0a2183ae9a27.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-d1ffca11c42f2603.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_buildManifest.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_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":"c66ozmNEqPsp5qxNPQX7V","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-ec1b45902c54afac.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-4feb6bb3eddbc768.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-b12edad30a3617e5.js" defer=""></script><script src="/_next/static/chunks/474-5a072e6fac61f703.js" defer=""></script><script src="/_next/static/chunks/25-37d6fa7f064be04b.js" defer=""></script><script src="/_next/static/chunks/731-501990ebe6a71b32.js" defer=""></script><script src="/_next/static/chunks/318-ce7e74f18f2d5b22.js" defer=""></script><script src="/_next/static/chunks/904-9a4c1264727ae89a.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-d1ffca11c42f2603.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_buildManifest.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_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":"DkOhybONL09muewkcdo2N","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-d528dd2b96dccb97.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-5cc559566b738915.js" defer=""></script><script src="/_next/static/chunks/376-7e784d6069e01654.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-897ca93c114a1435.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_buildManifest.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_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":"c66ozmNEqPsp5qxNPQX7V","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-ec1b45902c54afac.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-5cc559566b738915.js" defer=""></script><script src="/_next/static/chunks/376-7e784d6069e01654.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-897ca93c114a1435.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_buildManifest.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_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":"DkOhybONL09muewkcdo2N","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-d528dd2b96dccb97.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-4feb6bb3eddbc768.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-b12edad30a3617e5.js" defer=""></script><script src="/_next/static/chunks/25-37d6fa7f064be04b.js" defer=""></script><script src="/_next/static/chunks/318-541db69860d31138.js" defer=""></script><script src="/_next/static/chunks/286-ed90373e9a469944.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-b2a9d773ce5d7739.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_buildManifest.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_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":"c66ozmNEqPsp5qxNPQX7V","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-ec1b45902c54afac.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-4feb6bb3eddbc768.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-b12edad30a3617e5.js" defer=""></script><script src="/_next/static/chunks/25-37d6fa7f064be04b.js" defer=""></script><script src="/_next/static/chunks/318-ce7e74f18f2d5b22.js" defer=""></script><script src="/_next/static/chunks/286-ed90373e9a469944.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-b2a9d773ce5d7739.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_buildManifest.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_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":"DkOhybONL09muewkcdo2N","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-d528dd2b96dccb97.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-37d6fa7f064be04b.js" defer=""></script><script src="/_next/static/chunks/286-ed90373e9a469944.js" defer=""></script><script src="/_next/static/chunks/pages/slices-e9c70c082ca3e3f9.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_buildManifest.js" defer=""></script><script src="/_next/static/c66ozmNEqPsp5qxNPQX7V/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"c66ozmNEqPsp5qxNPQX7V","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/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.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-ec1b45902c54afac.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-37d6fa7f064be04b.js" defer=""></script><script src="/_next/static/chunks/286-ed90373e9a469944.js" defer=""></script><script src="/_next/static/chunks/pages/slices-e9c70c082ca3e3f9.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_buildManifest.js" defer=""></script><script src="/_next/static/DkOhybONL09muewkcdo2N/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"DkOhybONL09muewkcdo2N","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.23.1-beta.3",
3
+ "version": "1.23.1-beta.5",
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": {
@@ -36,8 +36,8 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@radix-ui/react-visually-hidden": "1.0.3",
39
- "@slicemachine/manager": "0.17.8-beta.3",
40
- "start-slicemachine": "0.12.14-beta.3"
39
+ "@slicemachine/manager": "0.17.8-beta.5",
40
+ "start-slicemachine": "0.12.14-beta.5"
41
41
  },
42
42
  "devDependencies": {
43
43
  "@emotion/react": "11.11.1",
@@ -0,0 +1,92 @@
1
+ .flex {
2
+ all: unset;
3
+ display: flex;
4
+ }
5
+
6
+ .column {
7
+ composes: flex;
8
+ flex-direction: column;
9
+ }
10
+
11
+ .root {
12
+ composes: column;
13
+ border-color: var(--grey6);
14
+ border-radius: 6px;
15
+ border-style: solid;
16
+ border-width: 1px;
17
+ box-shadow: var(--box-shadow-1);
18
+ overflow-x: hidden;
19
+ }
20
+
21
+ .row {
22
+ composes: flex;
23
+ align-items: center;
24
+ flex-direction: row;
25
+ gap: 8px;
26
+ padding-inline: 16px;
27
+ }
28
+
29
+ .borderBottom {
30
+ box-sizing: border-box;
31
+ &:not(:last-child) {
32
+ border-bottom-color: var(--grey6);
33
+ border-bottom-style: solid;
34
+ border-bottom-width: 1px;
35
+ }
36
+ }
37
+
38
+ .legend {
39
+ composes: row borderBottom;
40
+ background-color: var(--grey2);
41
+ height: 48px;
42
+ order: 0;
43
+ }
44
+
45
+ .header {
46
+ composes: row borderBottom;
47
+ background-color: var(--grey2);
48
+ height: 72px;
49
+ order: 1;
50
+ }
51
+
52
+ .content {
53
+ composes: column;
54
+ background-color: var(--grey1);
55
+ order: 2;
56
+ padding: 16px;
57
+ }
58
+
59
+ .list {
60
+ composes: column;
61
+ max-height: 256px;
62
+ order: 2;
63
+ overflow-y: auto;
64
+ }
65
+
66
+ .listItem {
67
+ composes: row borderBottom;
68
+ background-color: var(--grey1);
69
+ flex-shrink: 0;
70
+ height: 64px;
71
+ }
72
+
73
+ .listItemText {
74
+ flex-grow: 1;
75
+ }
76
+
77
+ .borderTop:not(:first-child) {
78
+ /* stylelint-disable-next-line declaration-property-value-allowed-list -- Displays a 1 px top border outside the element. */
79
+ box-shadow: 0 -1px 0 0 var(--grey6);
80
+ }
81
+
82
+ .footer {
83
+ composes: row borderTop;
84
+ background-color: var(--grey1);
85
+ height: 48px;
86
+ order: 3;
87
+ padding-right: 8px;
88
+ }
89
+
90
+ .footerText {
91
+ flex-grow: 1;
92
+ }
@@ -0,0 +1,18 @@
1
+ declare const styles: {
2
+ readonly "borderBottom": string;
3
+ readonly "borderTop": string;
4
+ readonly "column": string;
5
+ readonly "content": string;
6
+ readonly "flex": string;
7
+ readonly "footer": string;
8
+ readonly "footerText": string;
9
+ readonly "header": string;
10
+ readonly "legend": string;
11
+ readonly "list": string;
12
+ readonly "listItem": string;
13
+ readonly "listItemText": string;
14
+ readonly "root": string;
15
+ readonly "row": string;
16
+ };
17
+ export = styles;
18
+
@@ -0,0 +1,208 @@
1
+ import {
2
+ Box,
3
+ Button,
4
+ ButtonGroup,
5
+ IconButton,
6
+ Skeleton,
7
+ Text,
8
+ tokens,
9
+ } from "@prismicio/editor-ui";
10
+ import type { Meta, StoryObj } from "@storybook/react";
11
+
12
+ import { BitbucketIcon } from "../../icons/BitbucketIcon";
13
+ import { GitHubIcon } from "../../icons/GitHubIcon";
14
+ import { GitLabIcon } from "../../icons/GitLabIcon";
15
+ import {
16
+ FieldSet,
17
+ FieldSetContent,
18
+ FieldSetFooter,
19
+ FieldSetHeader,
20
+ FieldSetLegend,
21
+ FieldSetList,
22
+ FieldSetListItem,
23
+ } from "./FieldSet";
24
+
25
+ type Story = StoryObj<typeof meta>;
26
+
27
+ const meta = {
28
+ component: FieldSet,
29
+ argTypes: {
30
+ children: { control: { disable: true } },
31
+ },
32
+ } satisfies Meta<typeof FieldSet>;
33
+
34
+ export default meta;
35
+
36
+ export const Default = {
37
+ args: {
38
+ children: (
39
+ <>
40
+ <FieldSetLegend />
41
+ <FieldSetHeader />
42
+ <FieldSetList>
43
+ <FieldSetListItem action={<Button color="grey">Action</Button>} />
44
+ </FieldSetList>
45
+ <FieldSetFooter action={<IconButton icon="openInNew" />} />
46
+ </>
47
+ ),
48
+ },
49
+ } satisfies Story;
50
+
51
+ export const WithButtonGroupContent = {
52
+ args: {
53
+ ...Default.args,
54
+ children: (
55
+ <>
56
+ <FieldSetLegend>Connected Git Repository</FieldSetLegend>
57
+ <FieldSetContent>
58
+ <ButtonGroup color="grey">
59
+ <Button
60
+ renderStartIcon={() => (
61
+ <GitHubIcon color={tokens.color.greyLight11} />
62
+ )}
63
+ sx={{ flexBasis: 0, flexGrow: 1 }}
64
+ >
65
+ GitHub
66
+ </Button>
67
+ <Button
68
+ disabled
69
+ renderStartIcon={() => (
70
+ <BitbucketIcon color={tokens.color.greyLight11} />
71
+ )}
72
+ sx={{ flexBasis: 0, flexGrow: 1 }}
73
+ >
74
+ Bitbucket{" "}
75
+ <Text color="inherit" variant="small">
76
+ (soon)
77
+ </Text>
78
+ </Button>
79
+ <Button
80
+ disabled
81
+ renderStartIcon={() => (
82
+ <GitLabIcon color={tokens.color.greyLight11} />
83
+ )}
84
+ sx={{ flexBasis: 0, flexGrow: 1 }}
85
+ >
86
+ GitLab{" "}
87
+ <Text color="inherit" variant="small">
88
+ (soon)
89
+ </Text>
90
+ </Button>
91
+ </ButtonGroup>
92
+ </FieldSetContent>
93
+ <FieldSetFooter action={<IconButton icon="openInNew" />}>
94
+ Learn more about Prismic for Git
95
+ </FieldSetFooter>
96
+ </>
97
+ ),
98
+ },
99
+ parameters: { controls: { hideNoControlsWarning: true, include: [] } },
100
+ } satisfies Story;
101
+
102
+ export const LoadingWithHeaderAndList = {
103
+ args: {
104
+ ...Default.args,
105
+ children: (
106
+ <>
107
+ <FieldSetLegend>Connected Git Repository</FieldSetLegend>
108
+ <FieldSetHeader />
109
+ <FieldSetList>
110
+ {[...Array(4).keys()].map((index) => (
111
+ <FieldSetListItem
112
+ action={<Skeleton height={32} width={67.59} />}
113
+ key={index}
114
+ >
115
+ <Skeleton
116
+ height={24}
117
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
118
+ // @ts-ignore TODO(DT-1918): add `verticalAlign: "middle"` to the `sx` prop.
119
+ sx={{ verticalAlign: "middle" }}
120
+ width={129.92}
121
+ />
122
+ </FieldSetListItem>
123
+ ))}
124
+ </FieldSetList>
125
+ <FieldSetFooter action={<IconButton icon="openInNew" />}>
126
+ Learn more about Prismic for Git
127
+ </FieldSetFooter>
128
+ </>
129
+ ),
130
+ },
131
+ parameters: { controls: { hideNoControlsWarning: true, include: [] } },
132
+ };
133
+
134
+ export const WithHeaderAndListOverflow = {
135
+ args: {
136
+ ...Default.args,
137
+ children: (
138
+ <>
139
+ <FieldSetLegend>Connected Git Repository</FieldSetLegend>
140
+ <FieldSetHeader />
141
+ <FieldSetList>
142
+ {[...Array(100).keys()].map((index) => (
143
+ <FieldSetListItem
144
+ action={<Button color="grey">Connect</Button>}
145
+ key={index}
146
+ >
147
+ Repository <Text color="grey11">• xd ago</Text>
148
+ </FieldSetListItem>
149
+ ))}
150
+ </FieldSetList>
151
+ <FieldSetFooter action={<IconButton icon="openInNew" />}>
152
+ Learn more about Prismic for Git
153
+ </FieldSetFooter>
154
+ </>
155
+ ),
156
+ },
157
+ parameters: { controls: { hideNoControlsWarning: true, include: [] } },
158
+ };
159
+
160
+ export const WithSingleListItem = {
161
+ args: {
162
+ ...Default.args,
163
+ children: (
164
+ <>
165
+ <FieldSetLegend>Connected Git Repository</FieldSetLegend>
166
+ <FieldSetList>
167
+ <FieldSetListItem action={<Button color="grey">Disconnect</Button>}>
168
+ Repository <Text color="grey11">• xd ago</Text>
169
+ </FieldSetListItem>
170
+ </FieldSetList>
171
+ <FieldSetFooter action={<IconButton icon="openInNew" />}>
172
+ Learn more about Prismic for Git
173
+ </FieldSetFooter>
174
+ </>
175
+ ),
176
+ },
177
+ parameters: { controls: { hideNoControlsWarning: true, include: [] } },
178
+ };
179
+
180
+ export const WithBoxContent = {
181
+ args: {
182
+ ...Default.args,
183
+ children: (
184
+ <>
185
+ <FieldSetLegend>Connected Git Repository</FieldSetLegend>
186
+ <FieldSetContent>
187
+ {/*
188
+ * TODO: these `padding` values actually don't match Figma, but they
189
+ * are the closest allowed by the `Box` component.
190
+ */}
191
+ <Box flexDirection="column" padding={{ block: 72, inline: 100 }}>
192
+ <Text align="center" variant="emphasized">
193
+ No Results Found
194
+ </Text>
195
+ <Text align="center" color="grey11">
196
+ Try selecting a different Git account or organization on the top
197
+ left.
198
+ </Text>
199
+ </Box>
200
+ </FieldSetContent>
201
+ <FieldSetFooter action={<IconButton icon="openInNew" />}>
202
+ Learn more about Prismic for Git
203
+ </FieldSetFooter>
204
+ </>
205
+ ),
206
+ },
207
+ parameters: { controls: { hideNoControlsWarning: true, include: [] } },
208
+ };
@@ -0,0 +1,72 @@
1
+ import { Text } from "@prismicio/editor-ui";
2
+ import type { FC, PropsWithChildren, ReactNode } from "react";
3
+
4
+ import styles from "./FieldSet.module.css";
5
+
6
+ export const FieldSet: FC<PropsWithChildren> = (props) => (
7
+ <div {...props} className={styles.root} />
8
+ );
9
+
10
+ export const FieldSetLegend: FC<PropsWithChildren> = ({
11
+ children,
12
+ ...otherProps
13
+ }) => (
14
+ <div {...otherProps} className={styles.legend}>
15
+ <Text color="grey11" component="span" noWrap variant="smallBold">
16
+ {children}
17
+ </Text>
18
+ </div>
19
+ );
20
+
21
+ export const FieldSetHeader: FC<PropsWithChildren> = (props) => (
22
+ <div {...props} className={styles.header} />
23
+ );
24
+
25
+ export const FieldSetContent: FC<PropsWithChildren> = (props) => (
26
+ <div {...props} className={styles.content} />
27
+ );
28
+
29
+ export const FieldSetList: FC<PropsWithChildren> = (props) => (
30
+ <div {...props} className={styles.list} />
31
+ );
32
+
33
+ type FieldSetListItemProps = PropsWithChildren<{ action?: ReactNode }>;
34
+
35
+ export const FieldSetListItem: FC<FieldSetListItemProps> = ({
36
+ action,
37
+ children,
38
+ ...otherProps
39
+ }) => (
40
+ <div {...otherProps} className={styles.listItem}>
41
+ <Text
42
+ className={styles.listItemText}
43
+ component="span"
44
+ noWrap
45
+ variant="bold"
46
+ >
47
+ {children}
48
+ </Text>
49
+ {action}
50
+ </div>
51
+ );
52
+
53
+ type FieldSetFooterProps = PropsWithChildren<{ action?: ReactNode }>;
54
+
55
+ export const FieldSetFooter: FC<FieldSetFooterProps> = ({
56
+ action,
57
+ children,
58
+ ...otherProps
59
+ }) => (
60
+ <div {...otherProps} className={styles.footer}>
61
+ <Text
62
+ className={styles.footerText}
63
+ color="grey11"
64
+ component="span"
65
+ noWrap
66
+ variant="small"
67
+ >
68
+ {children}
69
+ </Text>
70
+ {action}
71
+ </div>
72
+ );
@@ -0,0 +1,9 @@
1
+ export {
2
+ FieldSet,
3
+ FieldSetContent,
4
+ FieldSetFooter,
5
+ FieldSetHeader,
6
+ FieldSetLegend,
7
+ FieldSetList,
8
+ FieldSetListItem,
9
+ } from "./FieldSet";
@@ -98,12 +98,12 @@ export const useAutoSave = (
98
98
  if (autoSaveStatusActual === "saving") {
99
99
  setAutoSaveStatusDelayed("saving");
100
100
  } else {
101
- const debounceTimeout = setTimeout(() => {
101
+ const delayedTimeout = setTimeout(() => {
102
102
  setAutoSaveStatusDelayed(autoSaveStatusActual);
103
103
  }, autoSaveStatusDelay);
104
104
 
105
105
  return () => {
106
- clearTimeout(debounceTimeout);
106
+ clearTimeout(delayedTimeout);
107
107
  };
108
108
  }
109
109
 
@@ -0,0 +1,19 @@
1
+ import type { FC, SVGProps } from "react";
2
+
3
+ export const BitbucketIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
4
+ <svg
5
+ width="24"
6
+ height="24"
7
+ viewBox="0 0 24 24"
8
+ fill="none"
9
+ xmlns="http://www.w3.org/2000/svg"
10
+ {...props}
11
+ >
12
+ <path
13
+ fillRule="evenodd"
14
+ clipRule="evenodd"
15
+ d="M4.77596 5.47599C4.84147 5.44648 4.91265 5.43167 4.9845 5.4326L19.3525 5.43506C19.4243 5.43413 19.4955 5.44894 19.561 5.47845C19.6265 5.50796 19.6848 5.55146 19.7317 5.60588C19.7786 5.6603 19.8131 5.72433 19.8326 5.79348C19.8521 5.86262 19.8563 5.93521 19.8448 6.00614L19.1802 10.0751H9.71803L10.5722 14.6018H11.1162L11.1162 14.6018H13.7846L14.56 10.0751H19.1803L17.7575 18.8357C17.7387 18.9522 17.6786 19.058 17.5882 19.1339C17.4979 19.2098 17.3832 19.2507 17.2652 19.2492H7.23692C7.2134 19.249 7.19001 19.2476 7.16682 19.2449C7.03392 19.2298 6.90803 19.175 6.80603 19.0868C6.68704 18.9851 6.60772 18.8448 6.58203 18.6904L4.49219 6.00367C4.48069 5.93275 4.48485 5.86016 4.50438 5.79102C4.52392 5.72187 4.55835 5.65784 4.60527 5.60342C4.65218 5.54899 4.71044 5.5055 4.77596 5.47599Z"
16
+ fill="currentColor"
17
+ />
18
+ </svg>
19
+ );