slice-machine-ui 1.26.1-beta.1 → 1.26.1-beta.10
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/AppLayout/index.tsx +2 -2
- package/components/Forms/RenameVariationModal/RenameVariationModal.module.css +5 -0
- package/components/Forms/RenameVariationModal/RenameVariationModal.tsx +1 -1
- package/components/Navigation/index.module.css +3 -0
- package/components/Navigation/index.tsx +1 -1
- package/lib/builders/SliceBuilder/FieldZones/index.tsx +93 -28
- package/lib/builders/SliceBuilder/index.tsx +5 -1
- package/lib/builders/common/Zone/components/EmptyState/index.tsx +1 -1
- package/out/404.html +1 -1
- package/out/_next/static/chunks/318-77a29f41c3a027e3.js +1 -0
- package/out/_next/static/chunks/382-aacd61be9adba45a.js +1 -0
- package/out/_next/static/chunks/{727-2c302be2def92786.js → 727-d0d6a29f0793bde2.js} +1 -1
- package/out/_next/static/chunks/pages/{_app-756c037ed6c707e9.js → _app-f7ec0d037993439e.js} +1 -1
- package/out/_next/static/chunks/pages/{changelog-5c9ac93faf0df06b.js → changelog-055db8139a22a592.js} +1 -1
- package/out/_next/static/chunks/pages/changes-f43ad4ab5e00f9b9.js +1 -0
- package/out/_next/static/chunks/pages/custom-types/{[customTypeId]-d1a4a07e6b600fa6.js → [customTypeId]-89ccb93ce7409ad0.js} +1 -1
- package/out/_next/static/chunks/pages/{labs-6f5925cd6cdcee9e.js → labs-73a12d2fe0233fb9.js} +1 -1
- package/out/_next/static/chunks/pages/page-types/{[pageTypeId]-a724ff12ef322020.js → [pageTypeId]-dbf86fe3a94dc892.js} +1 -1
- package/out/_next/static/chunks/pages/{settings-f0620e5b727cda03.js → settings-417f1d5c1e558c88.js} +1 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-a8933b0ef10806cd.js +1 -0
- package/out/_next/static/chunks/pages/slices-3c9b08adf578b020.js +1 -0
- package/out/_next/static/css/{838fd8bb5a7c32b0.css → 0e0d6c4ec6bf7373.css} +1 -1
- package/out/_next/static/css/{b22c0750c14cc089.css → 27f2b9b9c9f65885.css} +1 -1
- package/out/_next/static/css/{72465cc1225f28a2.css → 6e65ff596e3b465e.css} +1 -1
- package/out/_next/static/css/{21654235130d0806.css → fa4e416634515cbb.css} +1 -1
- package/out/_next/static/{dLmvq3LL0BsWu15laiKoK → w56F6n1XbyP8jyJHeri22}/_buildManifest.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/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 +5 -3
- package/pages/changes.tsx +4 -1
- package/pages/slices.tsx +4 -1
- package/src/components/Breadcrumb/Breadcrumb.module.css +11 -0
- package/src/components/Breadcrumb/Breadcrumb.module.css.d.ts +6 -0
- package/src/components/Breadcrumb/Breadcrumb.stories.tsx +34 -0
- package/src/components/Breadcrumb/Breadcrumb.tsx +43 -25
- package/src/components/Breadcrumb/index.ts +1 -1
- package/src/components/CodeBlock/CodeBlock.module.css +46 -0
- package/src/components/CodeBlock/CodeBlock.module.css.d.ts +10 -0
- package/src/components/CodeBlock/CodeBlock.tsx +1 -1
- package/src/components/ContentTabs/ContentTabs.module.css +60 -0
- package/src/components/ContentTabs/ContentTabs.module.css.d.ts +12 -0
- package/src/components/ContentTabs/ContentTabs.tsx +1 -1
- package/src/components/Count/Count.module.css +19 -0
- package/src/components/Count/Count.module.css.d.ts +6 -0
- package/src/components/{Counter/Counter.stories.tsx → Count/Count.stories.tsx} +3 -3
- package/src/components/{Counter/Counter.tsx → Count/Count.tsx} +2 -2
- package/src/components/Count/index.ts +1 -0
- package/src/components/HoverCard/HoverCard.module.css +79 -0
- package/src/components/HoverCard/HoverCard.module.css.d.ts +13 -0
- package/src/components/HoverCard/HoverCard.tsx +1 -1
- package/src/components/TextLink/TextLink.module.css +58 -0
- package/src/components/TextLink/TextLink.module.css.d.ts +11 -0
- package/src/components/TextLink/TextLink.tsx +4 -4
- package/src/domain/__tests__/slice.test.ts +41 -0
- package/src/domain/slice.ts +25 -0
- package/src/features/customTypes/__tests__/CustomTypeBuilderPage.test.tsx +5 -6
- package/src/features/customTypes/customTypesBuilder/CustomTypesBuilderPage.tsx +9 -4
- package/src/features/customTypes/customTypesTable/CustomTypesTablePage.tsx +11 -12
- package/src/features/inAppGuide/InAppGuideDialog.tsx +2 -2
- package/src/features/labs/labsList/LabsPage.tsx +4 -1
- package/src/features/settings/SettingsPage.tsx +4 -1
- package/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx +1 -1
- package/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewVariationDialog.tsx +1 -1
- package/src/features/slices/convertLegacySlice/ConvertLegacySliceButton.module.css +14 -0
- package/src/features/slices/convertLegacySlice/ConvertLegacySliceButton.module.css.d.ts +6 -0
- package/src/features/slices/convertLegacySlice/ConvertLegacySliceMergeWithIdenticalDialog.tsx +2 -5
- package/src/features/slices/sliceBuilder/useGroupsInSlicesExperiment.ts +8 -0
- package/test/__setup__.ts +3 -0
- package/components/Forms/RenameVariationModal/RenameVariationModal.css.ts +0 -7
- package/components/Navigation/index.css.ts +0 -5
- package/out/_next/static/chunks/318-d6f1200138628ec3.js +0 -1
- package/out/_next/static/chunks/904-c9221a5cb09524e8.js +0 -1
- package/out/_next/static/chunks/pages/changes-3e4989e09fd412a8.js +0 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-8d7043e6638d65cd.js +0 -1
- package/out/_next/static/chunks/pages/slices-77cff50b1df13579.js +0 -1
- package/src/components/Breadcrumb/Breadcrumb.css.ts +0 -5
- package/src/components/Breadcrumb/Breadcrumb.stories.ts +0 -32
- package/src/components/CodeBlock/CodeBlock.css.ts +0 -37
- package/src/components/ContentTabs/ContentTabs.css.ts +0 -49
- package/src/components/Counter/Counter.css.ts +0 -26
- package/src/components/Counter/index.ts +0 -1
- package/src/components/HoverCard/HoverCard.css.ts +0 -105
- package/src/components/TextLink/TextLink.css.ts +0 -65
- package/src/features/slices/convertLegacySlice/ConvertLegacySliceButton.css.ts +0 -15
- /package/out/_next/static/{dLmvq3LL0BsWu15laiKoK → w56F6n1XbyP8jyJHeri22}/_ssgManifest.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,n,f,u,
|
|
1
|
+
self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,n,f,d,u,h,l,k,j,p,g,o,r){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-cf93d16e9c63b6db.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":[s,e,"static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-055db8139a22a592.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js",i,"static/chunks/918-5bb55fb464e34768.js",c,n,"static/css/0e0d6c4ec6bf7373.css","static/chunks/pages/changes-f43ad4ab5e00f9b9.js"],"/custom-types":[a,j,p,"static/chunks/pages/custom-types-3c8e721ec6802127.js"],"/custom-types/[customTypeId]":[s,f,d,u,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-89ccb93ce7409ad0.js"],"/labs":["static/chunks/pages/labs-73a12d2fe0233fb9.js"],"/page-types/[pageTypeId]":[s,f,d,u,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-dbf86fe3a94dc892.js"],"/settings":["static/css/ca32882a5d2d8d88.css","static/chunks/pages/settings-417f1d5c1e558c88.js"],"/slices":[s,t,b,c,n,"static/css/f8eb526e10bc2441.css","static/chunks/pages/slices-3c9b08adf578b020.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,f,d,u,h,e,b,i,l,c,k,n,"static/css/27f2b9b9c9f65885.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-a8933b0ef10806cd.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-a5a5d48f20a7b261.js","static/chunks/46-d22d7a121254e31d.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-01d67e97cb901e46.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/settings","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/59b4e022-7a3b5554b806349f.js","static/chunks/25-792af14760d9df34.js","static/chunks/799-7b910b896ff60ebe.js","static/chunks/183-ebd633fed7c74545.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/543-f8766685f7f451e2.js","static/chunks/50-cfc2514205b86001.js","static/chunks/286-e0950c3083c672e8.js","static/chunks/f36c6662-03bb5e9d9aa0b0aa.js","static/chunks/4c744e84-e3161d754618373f.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-2c5b6c0367fcde86.js","static/chunks/696-b992b9e1ce75777e.js","static/chunks/318-77a29f41c3a027e3.js","static/chunks/727-d0d6a29f0793bde2.js","static/css/be1f49e49a5aa7eb.css","static/chunks/210-aee6116139329803.js","static/chunks/382-aacd61be9adba45a.js","static/css/6e65ff596e3b465e.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
|
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/fa4e416634515cbb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fa4e416634515cbb.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-f7ec0d037993439e.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-055db8139a22a592.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_buildManifest.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"w56F6n1XbyP8jyJHeri22","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/fa4e416634515cbb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fa4e416634515cbb.css" data-n-g=""/><link rel="preload" href="/_next/static/css/0e0d6c4ec6bf7373.css" as="style"/><link rel="stylesheet" href="/_next/static/css/0e0d6c4ec6bf7373.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-f7ec0d037993439e.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-f43ad4ab5e00f9b9.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_buildManifest.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"w56F6n1XbyP8jyJHeri22","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/fa4e416634515cbb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fa4e416634515cbb.css" data-n-g=""/><link rel="preload" href="/_next/static/css/6e65ff596e3b465e.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6e65ff596e3b465e.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-f7ec0d037993439e.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-77a29f41c3a027e3.js" defer=""></script><script src="/_next/static/chunks/382-aacd61be9adba45a.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-89ccb93ce7409ad0.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_buildManifest.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_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":"w56F6n1XbyP8jyJHeri22","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/fa4e416634515cbb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fa4e416634515cbb.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-f7ec0d037993439e.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/727-d0d6a29f0793bde2.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-3c8e721ec6802127.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_buildManifest.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"w56F6n1XbyP8jyJHeri22","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/fa4e416634515cbb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fa4e416634515cbb.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-f7ec0d037993439e.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/727-d0d6a29f0793bde2.js" defer=""></script><script src="/_next/static/chunks/pages/index-cf93d16e9c63b6db.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_buildManifest.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"w56F6n1XbyP8jyJHeri22","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/fa4e416634515cbb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fa4e416634515cbb.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-f7ec0d037993439e.js" defer=""></script><script src="/_next/static/chunks/pages/labs-73a12d2fe0233fb9.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_buildManifest.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"w56F6n1XbyP8jyJHeri22","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/fa4e416634515cbb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fa4e416634515cbb.css" data-n-g=""/><link rel="preload" href="/_next/static/css/6e65ff596e3b465e.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6e65ff596e3b465e.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-f7ec0d037993439e.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-77a29f41c3a027e3.js" defer=""></script><script src="/_next/static/chunks/382-aacd61be9adba45a.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-dbf86fe3a94dc892.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_buildManifest.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_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":"w56F6n1XbyP8jyJHeri22","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/fa4e416634515cbb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fa4e416634515cbb.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-f7ec0d037993439e.js" defer=""></script><script src="/_next/static/chunks/pages/settings-417f1d5c1e558c88.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_buildManifest.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"w56F6n1XbyP8jyJHeri22","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/fa4e416634515cbb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fa4e416634515cbb.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-f7ec0d037993439e.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/18539003-a5a5d48f20a7b261.js" defer=""></script><script src="/_next/static/chunks/46-d22d7a121254e31d.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-01d67e97cb901e46.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_buildManifest.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_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":"w56F6n1XbyP8jyJHeri22","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/fa4e416634515cbb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fa4e416634515cbb.css" data-n-g=""/><link rel="preload" href="/_next/static/css/27f2b9b9c9f65885.css" as="style"/><link rel="stylesheet" href="/_next/static/css/27f2b9b9c9f65885.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-f7ec0d037993439e.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-77a29f41c3a027e3.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-a8933b0ef10806cd.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_buildManifest.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_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":"w56F6n1XbyP8jyJHeri22","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/fa4e416634515cbb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fa4e416634515cbb.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-f7ec0d037993439e.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-3c9b08adf578b020.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_buildManifest.js" defer=""></script><script src="/_next/static/w56F6n1XbyP8jyJHeri22/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"w56F6n1XbyP8jyJHeri22","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "slice-machine-ui",
|
|
3
|
-
"version": "1.26.1-beta.
|
|
3
|
+
"version": "1.26.1-beta.10",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "A visual builder for your Slice Models with all the tools you need to generate data models and mock CMS content locally.",
|
|
6
6
|
"repository": {
|
|
@@ -35,15 +35,17 @@
|
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@radix-ui/react-visually-hidden": "1.0.3",
|
|
38
|
-
"@slicemachine/manager": "0.18.4-beta.
|
|
39
|
-
"start-slicemachine": "0.12.19-beta.
|
|
38
|
+
"@slicemachine/manager": "0.18.4-beta.10",
|
|
39
|
+
"start-slicemachine": "0.12.19-beta.10"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@emotion/react": "11.11.1",
|
|
43
43
|
"@extractus/oembed-extractor": "3.1.8",
|
|
44
|
+
"@prismicio/client": "7.4.1",
|
|
44
45
|
"@prismicio/editor-fields": "0.4.25",
|
|
45
46
|
"@prismicio/editor-support": "0.4.25",
|
|
46
47
|
"@prismicio/editor-ui": "0.4.25",
|
|
48
|
+
"@prismicio/mock": "0.3.3",
|
|
47
49
|
"@prismicio/mocks": "2.0.0-alpha.2",
|
|
48
50
|
"@prismicio/simulator": "0.1.4",
|
|
49
51
|
"@prismicio/types-internal": "2.2.0",
|
package/pages/changes.tsx
CHANGED
|
@@ -13,6 +13,7 @@ import {
|
|
|
13
13
|
} from "@components/AppLayout";
|
|
14
14
|
import { ChangesItems } from "@components/ChangesItems";
|
|
15
15
|
import { AuthErrorPage, OfflinePage } from "@components/ChangesEmptyState";
|
|
16
|
+
import { BreadcrumbItem } from "@src/components/Breadcrumb";
|
|
16
17
|
import { NoChangesBlankSlate } from "@src/features/changes/BlankSlates";
|
|
17
18
|
import { PushChangesButton } from "@src/features/changes/PushChangesButton";
|
|
18
19
|
import { AuthStatus } from "@src/modules/userContext/types";
|
|
@@ -134,7 +135,9 @@ const Changes: React.FunctionComponent = () => {
|
|
|
134
135
|
</Head>
|
|
135
136
|
<AppLayout>
|
|
136
137
|
<AppLayoutHeader>
|
|
137
|
-
<AppLayoutBreadcrumb
|
|
138
|
+
<AppLayoutBreadcrumb>
|
|
139
|
+
<BreadcrumbItem>Changes</BreadcrumbItem>
|
|
140
|
+
</AppLayoutBreadcrumb>
|
|
138
141
|
<AppLayoutActions>
|
|
139
142
|
<PushChangesButton
|
|
140
143
|
disabled={
|
package/pages/slices.tsx
CHANGED
|
@@ -23,6 +23,7 @@ import EmptyState from "@components/EmptyState";
|
|
|
23
23
|
import ScreenshotChangesModal from "@components/ScreenshotChangesModal";
|
|
24
24
|
import { RenameSliceModal } from "@components/Forms/RenameSliceModal";
|
|
25
25
|
import { DeleteSliceModal } from "@components/DeleteSliceModal";
|
|
26
|
+
import { BreadcrumbItem } from "@src/components/Breadcrumb";
|
|
26
27
|
import { SliceMachineStoreType } from "@src/redux/type";
|
|
27
28
|
import { getLibraries, getRemoteSlices } from "@src/modules/slices";
|
|
28
29
|
import { useScreenshotChangesModal } from "@src/hooks/useScreenshotChangesModal";
|
|
@@ -78,7 +79,9 @@ const SlicesIndex: React.FunctionComponent = () => {
|
|
|
78
79
|
</Head>
|
|
79
80
|
<AppLayout>
|
|
80
81
|
<AppLayoutHeader>
|
|
81
|
-
<AppLayoutBreadcrumb
|
|
82
|
+
<AppLayoutBreadcrumb>
|
|
83
|
+
<BreadcrumbItem>Slices</BreadcrumbItem>
|
|
84
|
+
</AppLayoutBreadcrumb>
|
|
82
85
|
{localLibraries?.length !== 0 && sliceCount !== 0 ? (
|
|
83
86
|
<AppLayoutActions>
|
|
84
87
|
<Button
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
|
|
3
|
+
import { Breadcrumb, BreadcrumbItem } from "./Breadcrumb";
|
|
4
|
+
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
|
|
7
|
+
const meta: Meta<typeof Breadcrumb> = {
|
|
8
|
+
component: Breadcrumb,
|
|
9
|
+
argTypes: {
|
|
10
|
+
children: { control: { disable: true } },
|
|
11
|
+
},
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export default meta;
|
|
15
|
+
|
|
16
|
+
export const Default = {
|
|
17
|
+
args: {
|
|
18
|
+
children: [
|
|
19
|
+
<BreadcrumbItem>Foo</BreadcrumbItem>,
|
|
20
|
+
<BreadcrumbItem>Bar</BreadcrumbItem>,
|
|
21
|
+
<BreadcrumbItem>Baz</BreadcrumbItem>,
|
|
22
|
+
],
|
|
23
|
+
},
|
|
24
|
+
} satisfies Story;
|
|
25
|
+
|
|
26
|
+
export const WithActiveItem = {
|
|
27
|
+
args: {
|
|
28
|
+
children: [
|
|
29
|
+
<BreadcrumbItem>Foo</BreadcrumbItem>,
|
|
30
|
+
<BreadcrumbItem>Bar</BreadcrumbItem>,
|
|
31
|
+
<BreadcrumbItem active>Baz</BreadcrumbItem>,
|
|
32
|
+
],
|
|
33
|
+
},
|
|
34
|
+
} satisfies Story;
|
|
@@ -1,35 +1,53 @@
|
|
|
1
1
|
import { Text } from "@prismicio/editor-ui";
|
|
2
|
-
import
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import { PropsWithChildren, Children, FC } from "react";
|
|
3
4
|
|
|
4
|
-
import
|
|
5
|
+
import styles from "./Breadcrumb.module.css";
|
|
5
6
|
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
separator?: string;
|
|
10
|
-
};
|
|
7
|
+
export const Breadcrumb: FC<PropsWithChildren> = (props) => {
|
|
8
|
+
const { children, ...otherProps } = props;
|
|
9
|
+
const childrenCount = Children.count(children);
|
|
11
10
|
|
|
12
|
-
export const Breadcrumb: FC<BreadcrumbProps> = ({
|
|
13
|
-
folder,
|
|
14
|
-
page,
|
|
15
|
-
separator = "/",
|
|
16
|
-
}) => {
|
|
17
11
|
return (
|
|
18
|
-
<
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
>
|
|
22
|
-
<Text color="grey11">
|
|
23
|
-
{folder}
|
|
24
|
-
{page !== undefined ? (
|
|
12
|
+
<nav aria-label="Breadcrumb" {...otherProps}>
|
|
13
|
+
<ol className={styles.items}>
|
|
14
|
+
{Children.map(children, (child, index) => (
|
|
25
15
|
<>
|
|
26
|
-
|
|
27
|
-
<
|
|
28
|
-
{page}
|
|
29
|
-
</Text>
|
|
16
|
+
{child}
|
|
17
|
+
{index < childrenCount - 1 ? <BreadcrumbSeparator /> : null}
|
|
30
18
|
</>
|
|
31
|
-
)
|
|
19
|
+
))}
|
|
20
|
+
</ol>
|
|
21
|
+
</nav>
|
|
22
|
+
);
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
type BreadcrumbItemProps = PropsWithChildren<{
|
|
26
|
+
active?: boolean;
|
|
27
|
+
}>;
|
|
28
|
+
|
|
29
|
+
export const BreadcrumbItem: FC<BreadcrumbItemProps> = (props) => {
|
|
30
|
+
const { active = false, children, ...otherProps } = props;
|
|
31
|
+
|
|
32
|
+
return (
|
|
33
|
+
<li {...otherProps}>
|
|
34
|
+
<Text
|
|
35
|
+
component="span"
|
|
36
|
+
color={active ? "grey12" : "grey11"}
|
|
37
|
+
className={clsx(active && styles.active)}
|
|
38
|
+
>
|
|
39
|
+
{children}
|
|
40
|
+
</Text>
|
|
41
|
+
</li>
|
|
42
|
+
);
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
const BreadcrumbSeparator: FC = () => {
|
|
46
|
+
return (
|
|
47
|
+
<li aria-hidden={true}>
|
|
48
|
+
<Text component="span" color="grey11">
|
|
49
|
+
/
|
|
32
50
|
</Text>
|
|
33
|
-
</
|
|
51
|
+
</li>
|
|
34
52
|
);
|
|
35
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Breadcrumb,
|
|
1
|
+
export { Breadcrumb, BreadcrumbItem } from "./Breadcrumb";
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
.block {
|
|
2
|
+
all: unset;
|
|
3
|
+
box-sizing: border-box;
|
|
4
|
+
font-family: var(--font-family-body);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.blockWithDisplayRevert {
|
|
8
|
+
composes: block;
|
|
9
|
+
display: revert;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.root {
|
|
13
|
+
composes: blockWithDisplayRevert;
|
|
14
|
+
border-width: 1px;
|
|
15
|
+
border-radius: 6px;
|
|
16
|
+
border-style: solid;
|
|
17
|
+
border-color: var(--grey6);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.header {
|
|
21
|
+
composes: block;
|
|
22
|
+
display: flex;
|
|
23
|
+
align-items: center;
|
|
24
|
+
justify-content: space-between;
|
|
25
|
+
border-top-right-radius: 4px;
|
|
26
|
+
border-top-left-radius: 4px;
|
|
27
|
+
border-bottom-style: solid;
|
|
28
|
+
border-bottom-width: 1px;
|
|
29
|
+
background-color: var(--grey2);
|
|
30
|
+
border-bottom-color: var(--grey6);
|
|
31
|
+
padding-block: 4px;
|
|
32
|
+
padding-right: 4px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.fileInfo {
|
|
36
|
+
composes: block;
|
|
37
|
+
display: flex;
|
|
38
|
+
justify-content: space-between;
|
|
39
|
+
align-items: center;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.fileName {
|
|
43
|
+
composes: blockWithDisplayRevert;
|
|
44
|
+
font-size: calc(14rem / 16);
|
|
45
|
+
line-height: calc(32rem / 16);
|
|
46
|
+
}
|
|
@@ -11,7 +11,7 @@ import { TypeScript } from "@src/icons/TypeScript";
|
|
|
11
11
|
import { Vue } from "@src/icons/Vue";
|
|
12
12
|
import { Svelte } from "@src/icons/Svelte";
|
|
13
13
|
|
|
14
|
-
import
|
|
14
|
+
import styles from "./CodeBlock.module.css";
|
|
15
15
|
|
|
16
16
|
SyntaxHighlighter.registerLanguage("tsx", tsx);
|
|
17
17
|
SyntaxHighlighter.registerLanguage("markup", markup);
|
|
@@ -0,0 +1,60 @@
|
|
|
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
|
+
background-color: var(--grey1);
|
|
14
|
+
min-height: 0;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.list {
|
|
18
|
+
composes: flex;
|
|
19
|
+
border-bottom: 1px solid var(--grey5);
|
|
20
|
+
padding-inline: 16px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.trigger {
|
|
24
|
+
composes: column;
|
|
25
|
+
color: var(--grey11);
|
|
26
|
+
cursor: pointer;
|
|
27
|
+
padding-block: 8px;
|
|
28
|
+
|
|
29
|
+
&:not(:last-child) {
|
|
30
|
+
margin-right: 16px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&[data-state="active"] {
|
|
34
|
+
/* stylelint-disable declaration-property-value-allowed-list -- very specific box shadow for this component */
|
|
35
|
+
box-shadow:
|
|
36
|
+
inset 0 -1px 0 0 currentColor,
|
|
37
|
+
0 1px 0 0 currentColor;
|
|
38
|
+
/* stylelint-end declaration-property-value-allowed-list */
|
|
39
|
+
color: var(--purple9);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.triggerText {
|
|
44
|
+
line-height: 32px;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.content {
|
|
48
|
+
composes: column;
|
|
49
|
+
min-height: 0;
|
|
50
|
+
outline: none;
|
|
51
|
+
flex: 1;
|
|
52
|
+
|
|
53
|
+
&[data-state="inactive"] {
|
|
54
|
+
display: none;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.scrollArea {
|
|
59
|
+
padding: 16px;
|
|
60
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare const styles: {
|
|
2
|
+
readonly "column": string;
|
|
3
|
+
readonly "content": string;
|
|
4
|
+
readonly "flex": string;
|
|
5
|
+
readonly "list": string;
|
|
6
|
+
readonly "root": string;
|
|
7
|
+
readonly "scrollArea": string;
|
|
8
|
+
readonly "trigger": string;
|
|
9
|
+
readonly "triggerText": string;
|
|
10
|
+
};
|
|
11
|
+
export = styles;
|
|
12
|
+
|
|
@@ -2,7 +2,7 @@ import * as Tabs from "@radix-ui/react-tabs";
|
|
|
2
2
|
import type { CSSProperties, FC, ReactNode } from "react";
|
|
3
3
|
import { ScrollArea, Text } from "@prismicio/editor-ui";
|
|
4
4
|
|
|
5
|
-
import
|
|
5
|
+
import styles from "./ContentTabs.module.css";
|
|
6
6
|
|
|
7
7
|
type ContentTabsProps = {
|
|
8
8
|
style?: CSSProperties;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
.root {
|
|
2
|
+
all: unset;
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
position: relative;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.count {
|
|
9
|
+
all: unset;
|
|
10
|
+
display: revert;
|
|
11
|
+
color: var(--grey1);
|
|
12
|
+
font-family: var(--font-family-body);
|
|
13
|
+
font-size: 9px;
|
|
14
|
+
font-weight: 500;
|
|
15
|
+
position: absolute;
|
|
16
|
+
left: 50%;
|
|
17
|
+
top: 50%;
|
|
18
|
+
transform: translate(-50%, -50%);
|
|
19
|
+
}
|