slice-machine-ui 1.23.1-beta.3 → 1.23.1-beta.4
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.
- package/out/404.html +1 -1
- package/out/_next/static/chunks/pages/{_app-d528dd2b96dccb97.js → _app-6fc45ce12a6c566a.js} +1 -1
- package/out/changelog.html +1 -1
- package/out/changes.html +1 -1
- package/out/custom-types/[customTypeId].html +1 -1
- package/out/custom-types.html +1 -1
- package/out/index.html +1 -1
- package/out/labs.html +1 -1
- package/out/page-types/[pageTypeId].html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation]/simulator.html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation].html +1 -1
- package/out/slices.html +1 -1
- package/package.json +3 -3
- package/src/components/FieldSet/FieldSet.module.css +92 -0
- package/src/components/FieldSet/FieldSet.module.css.d.ts +18 -0
- package/src/components/FieldSet/FieldSet.stories.tsx +208 -0
- package/src/components/FieldSet/FieldSet.tsx +72 -0
- package/src/components/FieldSet/index.ts +9 -0
- package/src/icons/BitbucketIcon.tsx +19 -0
- package/src/icons/GitHubIcon.tsx +17 -0
- package/src/icons/GitLabIcon.tsx +19 -0
- /package/out/_next/static/{c66ozmNEqPsp5qxNPQX7V → N2MQkjqkeMvE9gtxiUiFA}/_buildManifest.js +0 -0
- /package/out/_next/static/{c66ozmNEqPsp5qxNPQX7V → N2MQkjqkeMvE9gtxiUiFA}/_ssgManifest.js +0 -0
package/out/changelog.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/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-
|
|
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-6fc45ce12a6c566a.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/N2MQkjqkeMvE9gtxiUiFA/_buildManifest.js" defer=""></script><script src="/_next/static/N2MQkjqkeMvE9gtxiUiFA/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"N2MQkjqkeMvE9gtxiUiFA","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-
|
|
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-6fc45ce12a6c566a.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/N2MQkjqkeMvE9gtxiUiFA/_buildManifest.js" defer=""></script><script src="/_next/static/N2MQkjqkeMvE9gtxiUiFA/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"N2MQkjqkeMvE9gtxiUiFA","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-
|
|
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-6fc45ce12a6c566a.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/N2MQkjqkeMvE9gtxiUiFA/_buildManifest.js" defer=""></script><script src="/_next/static/N2MQkjqkeMvE9gtxiUiFA/_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":"N2MQkjqkeMvE9gtxiUiFA","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/custom-types.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/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-
|
|
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-6fc45ce12a6c566a.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/N2MQkjqkeMvE9gtxiUiFA/_buildManifest.js" defer=""></script><script src="/_next/static/N2MQkjqkeMvE9gtxiUiFA/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"N2MQkjqkeMvE9gtxiUiFA","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-
|
|
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-6fc45ce12a6c566a.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/N2MQkjqkeMvE9gtxiUiFA/_buildManifest.js" defer=""></script><script src="/_next/static/N2MQkjqkeMvE9gtxiUiFA/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"N2MQkjqkeMvE9gtxiUiFA","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-
|
|
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-6fc45ce12a6c566a.js" defer=""></script><script src="/_next/static/chunks/pages/labs-ee206005948f8e87.js" defer=""></script><script src="/_next/static/N2MQkjqkeMvE9gtxiUiFA/_buildManifest.js" defer=""></script><script src="/_next/static/N2MQkjqkeMvE9gtxiUiFA/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"N2MQkjqkeMvE9gtxiUiFA","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-
|
|
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-6fc45ce12a6c566a.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/N2MQkjqkeMvE9gtxiUiFA/_buildManifest.js" defer=""></script><script src="/_next/static/N2MQkjqkeMvE9gtxiUiFA/_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":"N2MQkjqkeMvE9gtxiUiFA","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-
|
|
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-6fc45ce12a6c566a.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/N2MQkjqkeMvE9gtxiUiFA/_buildManifest.js" defer=""></script><script src="/_next/static/N2MQkjqkeMvE9gtxiUiFA/_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":"N2MQkjqkeMvE9gtxiUiFA","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-
|
|
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-6fc45ce12a6c566a.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/N2MQkjqkeMvE9gtxiUiFA/_buildManifest.js" defer=""></script><script src="/_next/static/N2MQkjqkeMvE9gtxiUiFA/_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":"N2MQkjqkeMvE9gtxiUiFA","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-
|
|
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-6fc45ce12a6c566a.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/N2MQkjqkeMvE9gtxiUiFA/_buildManifest.js" defer=""></script><script src="/_next/static/N2MQkjqkeMvE9gtxiUiFA/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"N2MQkjqkeMvE9gtxiUiFA","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
|
+
"version": "1.23.1-beta.4",
|
|
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.
|
|
40
|
-
"start-slicemachine": "0.12.14-beta.
|
|
39
|
+
"@slicemachine/manager": "0.17.8-beta.4",
|
|
40
|
+
"start-slicemachine": "0.12.14-beta.4"
|
|
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,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
|
+
);
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { FC, SVGProps } from "react";
|
|
2
|
+
|
|
3
|
+
export const GitHubIcon: 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
|
+
d="M12 4C7.57486 4 4 7.57486 4 12C4 15.5246 6.30057 18.5257 9.47429 19.6C9.87429 19.6754 10.0251 19.4251 10.0251 19.2251V17.8754C7.8 18.3497 7.32457 16.8 7.32457 16.8C6.94971 15.8743 6.42514 15.6251 6.42514 15.6251C5.70057 15.1246 6.47543 15.1497 6.47543 15.1497C7.27543 15.2 7.69943 15.9749 7.69943 15.9749C8.42514 17.2 9.57486 16.8503 10.0251 16.6491C10.1006 16.1246 10.2994 15.7749 10.5246 15.5749C8.74971 15.3749 6.87543 14.6754 6.87543 11.6251C6.87543 10.7497 7.17486 10.0503 7.69943 9.47543C7.62514 9.27543 7.34971 8.45029 7.77486 7.34971C7.77486 7.34971 8.44914 7.12457 9.97486 8.17486C10.6266 7.99627 11.2991 7.90405 11.9749 7.90057C12.6491 7.90057 13.3497 8 13.9749 8.17486C15.5006 7.14971 16.1749 7.34971 16.1749 7.34971C16.6 8.45029 16.3246 9.27543 16.2503 9.47543C16.776 10.024 17.0754 10.7497 17.0754 11.624C17.0754 14.6994 15.2 15.3749 13.4251 15.5749C13.6994 15.8251 13.9749 16.2994 13.9749 17.0491V19.2503C13.9749 19.4754 14.1246 19.7246 14.5246 19.6251C17.7006 18.5246 20 15.5246 20 12C20 7.57486 16.4251 4 12 4Z"
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
/>
|
|
16
|
+
</svg>
|
|
17
|
+
);
|