slice-machine-ui 1.25.1-beta.4 → 1.25.1-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Navigation/ChangesItem.tsx +48 -7
- package/components/Navigation/index.test.tsx +1 -1
- package/components/Navigation/index.tsx +4 -1
- package/out/404.html +1 -1
- package/out/_next/static/{6jRG4-M2kPuqHpE210vBe → BgmBc78JMOwL2qPVTvh8F}/_buildManifest.js +1 -1
- package/out/_next/static/chunks/{183-4feb6bb3eddbc768.js → 183-ebd633fed7c74545.js} +1 -1
- package/out/_next/static/chunks/{727-df23c133f7cbf952.js → 727-2c302be2def92786.js} +1 -1
- package/out/_next/static/chunks/{799-9bea9069969f5fe0.js → 799-7b910b896ff60ebe.js} +1 -1
- package/out/_next/static/chunks/{904-1a755ebb0f5ee4ac.js → 904-6fec9bac11fa810f.js} +1 -1
- package/out/_next/static/chunks/pages/{_app-9e5ae468938cc67a.js → _app-fe38e3feca584fa4.js} +52 -52
- package/out/_next/static/chunks/pages/{changelog-57289ca6bc99702b.js → changelog-5c9ac93faf0df06b.js} +1 -1
- package/out/_next/static/chunks/pages/changes-3e4989e09fd412a8.js +1 -0
- package/out/_next/static/chunks/pages/{labs-49bed0a08da3772c.js → labs-6f5925cd6cdcee9e.js} +1 -1
- package/out/_next/static/chunks/pages/{settings-12f209f1d5d42b1c.js → settings-f0620e5b727cda03.js} +1 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/{[variation]-ba6c3e2624f32fcd.js → [variation]-f0052f6f451357a6.js} +1 -1
- package/out/_next/static/chunks/pages/{slices-01aa9c2bc7c192be.js → slices-77cff50b1df13579.js} +1 -1
- package/out/_next/static/css/{4f1e84c70ef0e169.css → 21654235130d0806.css} +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/settings.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 -4
- package/src/components/BaseHoverCard/BaseHoverCard.tsx +3 -2
- package/src/components/BlankSlate/BlankSlate.tsx +1 -1
- package/src/components/Divider/Divider.tsx +2 -2
- package/src/components/HoverCard/HoverCard.tsx +11 -11
- package/src/components/PageLayout/PageLayout.module.css +82 -0
- package/src/components/PageLayout/PageLayout.module.css.d.ts +14 -0
- package/src/components/PageLayout/PageLayout.stories.tsx +3 -6
- package/src/components/PageLayout/PageLayout.tsx +11 -8
- package/src/components/SideNav/SideNav.module.css +318 -0
- package/src/components/SideNav/SideNav.module.css.d.ts +29 -0
- package/src/components/SideNav/SideNav.stories.tsx +10 -1
- package/src/components/SideNav/SideNav.tsx +37 -38
- package/src/components/SideNav/SideNavEnvironmentSelector.module.css +59 -0
- package/src/components/SideNav/SideNavEnvironmentSelector.module.css.d.ts +13 -0
- package/src/components/SideNav/SideNavEnvironmentSelector.tsx +97 -66
- package/src/components/TextLink/TextLink.tsx +2 -4
- package/src/features/changes/PushChangesButton.tsx +1 -1
- package/src/features/sync/components/AutoSyncStatusIndicator.module.css +6 -0
- package/src/features/sync/components/AutoSyncStatusIndicator.module.css.d.ts +1 -0
- package/src/features/sync/components/AutoSyncStatusIndicator.tsx +4 -2
- package/src/icons/ChangesIcon.tsx +19 -0
- package/src/icons/DatabaseIcon.tsx +1 -0
- package/src/icons/FolderIcon.tsx +1 -0
- package/src/icons/Lightning.tsx +1 -0
- package/src/icons/LogoIcon.tsx +27 -23
- package/src/icons/MathPlusIcon.tsx +1 -1
- package/src/icons/OpenIcon.tsx +1 -1
- package/src/icons/PageStackIcon.tsx +1 -0
- package/src/icons/RadarIcon.tsx +1 -0
- package/test/__setup__.ts +15 -0
- package/test/__testutils__/index.tsx +8 -5
- package/out/_next/static/chunks/pages/changes-23829ddb11cac992.js +0 -1
- package/src/components/PageLayout/PageLayout.css.ts +0 -69
- package/src/components/SideNav/SideNav.css.ts +0 -381
- package/src/components/SideNav/SideNavEnvironmentSelector.css.ts +0 -65
- /package/out/_next/static/{6jRG4-M2kPuqHpE210vBe → BgmBc78JMOwL2qPVTvh8F}/_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/
|
|
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/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.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-fe38e3feca584fa4.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-5c9ac93faf0df06b.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_buildManifest.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"BgmBc78JMOwL2qPVTvh8F","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/
|
|
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/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/838fd8bb5a7c32b0.css" as="style"/><link rel="stylesheet" href="/_next/static/css/838fd8bb5a7c32b0.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-fe38e3feca584fa4.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/8eec4907-b712959d9f984b68.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/918-5bb55fb464e34768.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/changes-3e4989e09fd412a8.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_buildManifest.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"BgmBc78JMOwL2qPVTvh8F","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/
|
|
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/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.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-fe38e3feca584fa4.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/318-2426f74a0d6c3b89.js" defer=""></script><script src="/_next/static/chunks/904-6fec9bac11fa810f.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-d1a4a07e6b600fa6.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_buildManifest.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_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":"BgmBc78JMOwL2qPVTvh8F","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/
|
|
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/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.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-fe38e3feca584fa4.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/727-2c302be2def92786.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-3c8e721ec6802127.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_buildManifest.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"BgmBc78JMOwL2qPVTvh8F","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/
|
|
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/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.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-fe38e3feca584fa4.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/727-2c302be2def92786.js" defer=""></script><script src="/_next/static/chunks/pages/index-cf93d16e9c63b6db.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_buildManifest.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"BgmBc78JMOwL2qPVTvh8F","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/
|
|
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/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.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-fe38e3feca584fa4.js" defer=""></script><script src="/_next/static/chunks/pages/labs-6f5925cd6cdcee9e.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_buildManifest.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"BgmBc78JMOwL2qPVTvh8F","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/
|
|
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/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.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-fe38e3feca584fa4.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/318-2426f74a0d6c3b89.js" defer=""></script><script src="/_next/static/chunks/904-6fec9bac11fa810f.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-a724ff12ef322020.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_buildManifest.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_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":"BgmBc78JMOwL2qPVTvh8F","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/settings.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/
|
|
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/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.css" data-n-g=""/><link rel="preload" href="/_next/static/css/ca32882a5d2d8d88.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ca32882a5d2d8d88.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-fe38e3feca584fa4.js" defer=""></script><script src="/_next/static/chunks/pages/settings-f0620e5b727cda03.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_buildManifest.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"BgmBc78JMOwL2qPVTvh8F","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/
|
|
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/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.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-fe38e3feca584fa4.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/18539003-a5a5d48f20a7b261.js" defer=""></script><script src="/_next/static/chunks/46-d22d7a121254e31d.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-3eb0fdce3228d389.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_buildManifest.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_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":"BgmBc78JMOwL2qPVTvh8F","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/
|
|
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/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.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-fe38e3feca584fa4.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/318-2426f74a0d6c3b89.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-f0052f6f451357a6.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_buildManifest.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_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":"BgmBc78JMOwL2qPVTvh8F","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/
|
|
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/21654235130d0806.css" as="style"/><link rel="stylesheet" href="/_next/static/css/21654235130d0806.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-fe38e3feca584fa4.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/slices-77cff50b1df13579.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_buildManifest.js" defer=""></script><script src="/_next/static/BgmBc78JMOwL2qPVTvh8F/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"BgmBc78JMOwL2qPVTvh8F","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.25.1-beta.
|
|
3
|
+
"version": "1.25.1-beta.6",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "A visual builder for your Slice Models with all the tools you need to generate data models and mock CMS content locally.",
|
|
6
6
|
"repository": {
|
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
"scripts": {
|
|
15
15
|
"build": "yarn typed-css-modules && cross-env NODE_OPTIONS=--max_old_space_size=8192 next build && next export",
|
|
16
16
|
"dev": "concurrently \"yarn typed-css-modules:watch\" \"next dev\" --names \"typed-css-modules,next\" --prefix-colors auto",
|
|
17
|
-
"dev-cypress": "concurrently \"yarn typed-css-modules:watch\" \"next dev\" \"npm run dev --prefix ../../e2e-projects/cypress-next-app\" --names \"typed-css-modules,next,cypress-next-app\" --prefix-colors auto",
|
|
18
17
|
"lint": "eslint --max-warnings 0 --ext .ts,.tsx,.js,.jsx .",
|
|
19
18
|
"stylelint": "stylelint --max-warnings 0 \"src/**/*.module.css\"",
|
|
20
19
|
"prepack": "$npm_execpath run build",
|
|
@@ -36,8 +35,8 @@
|
|
|
36
35
|
},
|
|
37
36
|
"dependencies": {
|
|
38
37
|
"@radix-ui/react-visually-hidden": "1.0.3",
|
|
39
|
-
"@slicemachine/manager": "0.18.3-beta.
|
|
40
|
-
"start-slicemachine": "0.12.18-beta.
|
|
38
|
+
"@slicemachine/manager": "0.18.3-beta.6",
|
|
39
|
+
"start-slicemachine": "0.12.18-beta.6"
|
|
41
40
|
},
|
|
42
41
|
"devDependencies": {
|
|
43
42
|
"@emotion/react": "11.11.1",
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { theme } from "@prismicio/editor-ui";
|
|
2
2
|
import * as RadixHoverCard from "@radix-ui/react-hover-card";
|
|
3
|
+
import { FC, useMemo, type PropsWithChildren, type ReactNode } from "react";
|
|
3
4
|
|
|
4
5
|
import * as styles from "./BaseHoverCard.css";
|
|
5
6
|
|
|
@@ -20,7 +21,7 @@ export const BaseHoverCard: FC<BaseHoverCardProps> = ({
|
|
|
20
21
|
alignOffset,
|
|
21
22
|
arrowSize = 12,
|
|
22
23
|
children,
|
|
23
|
-
collisionPadding,
|
|
24
|
+
collisionPadding = parseFloat(theme.space[16]),
|
|
24
25
|
side,
|
|
25
26
|
sideOffset = 4,
|
|
26
27
|
trigger,
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Button } from "@prismicio/editor-ui";
|
|
2
2
|
import { Video } from "cloudinary-react";
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
FC,
|
|
6
|
-
PropsWithChildren,
|
|
7
|
-
useCallback,
|
|
3
|
+
import { clsx } from "clsx";
|
|
4
|
+
import {
|
|
8
5
|
createContext,
|
|
9
|
-
useContext,
|
|
10
6
|
createElement,
|
|
11
|
-
|
|
12
|
-
ImgHTMLAttributes,
|
|
7
|
+
type FC,
|
|
8
|
+
type ImgHTMLAttributes,
|
|
9
|
+
type PropsWithChildren,
|
|
10
|
+
useCallback,
|
|
11
|
+
useContext,
|
|
12
|
+
useState,
|
|
13
|
+
type VideoHTMLAttributes,
|
|
13
14
|
} from "react";
|
|
14
|
-
import { Button } from "@prismicio/editor-ui";
|
|
15
15
|
|
|
16
16
|
import { useDelayedAction } from "@src/hooks/useDelayedAction";
|
|
17
17
|
import { CloseIcon } from "@src/icons/CloseIcon";
|
|
18
|
-
import { BaseHoverCard, BaseHoverCardProps } from "../BaseHoverCard";
|
|
19
18
|
|
|
19
|
+
import { BaseHoverCard, type BaseHoverCardProps } from "../BaseHoverCard";
|
|
20
20
|
import * as styles from "./HoverCard.css";
|
|
21
21
|
|
|
22
22
|
type HoverCardProps = PropsWithChildren<{
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
.grid {
|
|
2
|
+
all: unset;
|
|
3
|
+
display: grid;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.root {
|
|
7
|
+
composes: grid;
|
|
8
|
+
background-color: var(--grey2);
|
|
9
|
+
grid-template-areas: "pane header" "pane content";
|
|
10
|
+
grid-template-columns: min-content minmax(auto, 1008px);
|
|
11
|
+
grid-template-rows: min-content 1fr;
|
|
12
|
+
height: 100%;
|
|
13
|
+
justify-content: center;
|
|
14
|
+
overflow-y: auto;
|
|
15
|
+
position: absolute;
|
|
16
|
+
width: 100%;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.borderTop {
|
|
20
|
+
all: unset;
|
|
21
|
+
display: revert;
|
|
22
|
+
height: 2px;
|
|
23
|
+
position: fixed;
|
|
24
|
+
top: 0;
|
|
25
|
+
width: inherit;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.borderTopColor-amber {
|
|
29
|
+
background-color: var(--amber10);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.borderTopColor-indigo {
|
|
33
|
+
background-color: var(--indigo10);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.borderTopColor-purple {
|
|
37
|
+
background-color: var(--purple9);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.pane {
|
|
41
|
+
composes: grid;
|
|
42
|
+
border-right-color: var(--grey6);
|
|
43
|
+
border-right-style: dashed;
|
|
44
|
+
border-right-width: 1px;
|
|
45
|
+
box-sizing: border-box;
|
|
46
|
+
grid-area: pane;
|
|
47
|
+
overflow-y: auto;
|
|
48
|
+
position: sticky;
|
|
49
|
+
top: 0;
|
|
50
|
+
width: 288px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@media screen and (max-width: 767px) {
|
|
54
|
+
.pane {
|
|
55
|
+
width: 80px;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.header {
|
|
60
|
+
composes: grid;
|
|
61
|
+
box-sizing: border-box;
|
|
62
|
+
grid-area: header;
|
|
63
|
+
height: 64px;
|
|
64
|
+
padding-block: 16px;
|
|
65
|
+
padding-inline: 32px;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.content {
|
|
69
|
+
composes: grid;
|
|
70
|
+
grid-area: content;
|
|
71
|
+
min-height: 0px;
|
|
72
|
+
padding-inline: 32px;
|
|
73
|
+
padding-top: 16px;
|
|
74
|
+
.header ~ & {
|
|
75
|
+
padding-top: 0px;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.contentChildren {
|
|
80
|
+
composes: grid;
|
|
81
|
+
padding-bottom: 16px;
|
|
82
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
declare const styles: {
|
|
2
|
+
readonly "borderTop": string;
|
|
3
|
+
readonly "borderTopColor-amber": string;
|
|
4
|
+
readonly "borderTopColor-indigo": string;
|
|
5
|
+
readonly "borderTopColor-purple": string;
|
|
6
|
+
readonly "content": string;
|
|
7
|
+
readonly "contentChildren": string;
|
|
8
|
+
readonly "grid": string;
|
|
9
|
+
readonly "header": string;
|
|
10
|
+
readonly "pane": string;
|
|
11
|
+
readonly "root": string;
|
|
12
|
+
};
|
|
13
|
+
export = styles;
|
|
14
|
+
|
|
@@ -6,20 +6,17 @@ import {
|
|
|
6
6
|
PageLayoutHeader,
|
|
7
7
|
PageLayoutPane,
|
|
8
8
|
} from "./PageLayout";
|
|
9
|
-
import { borderTopColor } from "./PageLayout.css";
|
|
10
9
|
|
|
11
10
|
type Story = StoryObj<typeof meta>;
|
|
12
11
|
|
|
13
12
|
const meta = {
|
|
14
13
|
component: PageLayout,
|
|
15
14
|
argTypes: {
|
|
16
|
-
children: {
|
|
17
|
-
control: { disable: true },
|
|
18
|
-
},
|
|
19
15
|
borderTopColor: {
|
|
20
|
-
control:
|
|
21
|
-
options: [
|
|
16
|
+
control: "select",
|
|
17
|
+
options: ["amber", "indigo", "purple"],
|
|
22
18
|
},
|
|
19
|
+
children: { control: { disable: true } },
|
|
23
20
|
},
|
|
24
21
|
parameters: {
|
|
25
22
|
docs: { story: { height: 256, inline: false } },
|
|
@@ -1,22 +1,25 @@
|
|
|
1
|
+
import { clsx } from "clsx";
|
|
1
2
|
import type { FC, PropsWithChildren } from "react";
|
|
2
|
-
import clsx from "clsx";
|
|
3
3
|
|
|
4
|
-
import
|
|
4
|
+
import styles from "./PageLayout.module.css";
|
|
5
5
|
|
|
6
6
|
type PageLayoutProps = PropsWithChildren<{
|
|
7
|
-
borderTopColor
|
|
7
|
+
borderTopColor?: "amber" | "indigo" | "purple";
|
|
8
8
|
}>;
|
|
9
9
|
|
|
10
10
|
export const PageLayout: FC<PageLayoutProps> = ({
|
|
11
|
-
borderTopColor,
|
|
11
|
+
borderTopColor = "purple",
|
|
12
12
|
children,
|
|
13
13
|
...otherProps
|
|
14
14
|
}) => (
|
|
15
|
-
<div
|
|
16
|
-
{...otherProps}
|
|
17
|
-
className={clsx([styles.root, styles.borderTopColor[borderTopColor]])}
|
|
18
|
-
>
|
|
15
|
+
<div {...otherProps} className={styles.root}>
|
|
19
16
|
{children}
|
|
17
|
+
<div
|
|
18
|
+
className={clsx(
|
|
19
|
+
styles.borderTop,
|
|
20
|
+
styles[`borderTopColor-${borderTopColor}`],
|
|
21
|
+
)}
|
|
22
|
+
/>
|
|
20
23
|
</div>
|
|
21
24
|
);
|
|
22
25
|
|