slice-machine-ui 1.21.2 → 1.21.3-alpha.dev-new-release-process.2

package/components/DeleteVariationModal/index.tsx

@@ -71,6 +71,7 @@ export const DeleteVariationModal: FC<DeleteVariationModalProps> = ({
               loading: sliceBuilderState.loading,
             }}
             cancel={{ text: "Cancel" }}
+            size="medium"
           />
         </Box>
       </DialogContent>

package/components/Forms/RenameVariationModal/RenameVariationModal.tsx

@@ -106,6 +106,7 @@ export const RenameVariationModal: FC<RenameVariationModalProps> = ({
                     disabled: !formik.isValid,
                   }}
                   cancel={{ text: "Cancel" }}
+                  size="medium"
                 />
               </form>
             )}

package/lib/builders/SliceBuilder/Sidebar/index.tsx

@@ -1,4 +1,4 @@
-import { Box, Button } from "@prismicio/editor-ui";
+import { Box, Button, Gradient } from "@prismicio/editor-ui";
 import { useRouter } from "next/router";
 import { type Dispatch, type FC, type SetStateAction, useState } from "react";
 
@@ -73,16 +73,32 @@ export const Sidebar: FC<SidebarProps> = (props) => {
             variationId={v.id}
           />
         ))}
-        <Button
-          onClick={() => {
-            setDialog({ type: "ADD_VARIATION" });
-          }}
-          startIcon="add"
-          sx={{ bottom: 72, marginInline: 24, position: "sticky" }}
-          variant="secondary"
+        <Box
+          backgroundColor="grey2"
+          bottom={0}
+          flexDirection="column"
+          padding={{ bottom: 40, inline: 24 }}
+          position="sticky"
+          // As `PageLayoutContent` has a `16px` bottom padding, we need to
+          // apply an equal negative margin to the `Box` if we want it to sit
+          // flush with the bottom of the page.
+          // @ts-expect-error TODO(PBD-1080): write the new `ScrollAreaEndGradient` component instead of using a `Box`.
+          style={{ marginBottom: "-16px" }}
         >
-          Add a new variation
-        </Button>
+          <Gradient sx={{ left: 0, position: "absolute", right: 0 }} />
+          <Button
+            onClick={() => {
+              setDialog({ type: "ADD_VARIATION" });
+            }}
+            startIcon="add"
+            // Set `position` to `relative` to position `Button` on top of
+            // `Gradient`.
+            sx={{ position: "relative" }}
+            variant="secondary"
+          >
+            Add a new variation
+          </Button>
+        </Box>
       </Box>
       <ScreenshotChangesModal
         slices={sliceFilterFn([slice])}

package/out/404.html

@@ -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/cf7719d67ec45489.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cf7719d67ec45489.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-02e85fec42f453b0.js" defer=""></script><script src="/_next/static/chunks/pages/_error-69b4f498bafdd188.js" defer=""></script><script src="/_next/static/MdTAsVD-20JKDPs1agyRg/_buildManifest.js" defer=""></script><script src="/_next/static/MdTAsVD-20JKDPs1agyRg/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"MdTAsVD-20JKDPs1agyRg","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
+<!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/42c3dec8e94c9fae.css" as="style"/><link rel="stylesheet" href="/_next/static/css/42c3dec8e94c9fae.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-21a88fa2d7b60b06.js" defer=""></script><script src="/_next/static/chunks/pages/_error-69b4f498bafdd188.js" defer=""></script><script src="/_next/static/4fF6o72tfapCldj3ruQTI/_buildManifest.js" defer=""></script><script src="/_next/static/4fF6o72tfapCldj3ruQTI/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"4fF6o72tfapCldj3ruQTI","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>

package/out/_next/static/4fF6o72tfapCldj3ruQTI/_buildManifest.js

@@ -0,0 +1 @@
+self.__BUILD_MANIFEST=function(s,c,a,e,t,i,f,n,u,b){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[c,i,f,"static/chunks/pages/index-d8e3a2c0d712904f.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":["static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-4b8369d91d82b28b.js"],"/changes":[a,"static/chunks/8eec4907-b712959d9f984b68.js","static/chunks/918-38d08f1e885b222d.js",s,e,"static/css/7d650bca12dc4061.css","static/chunks/pages/changes-c9a244c30cfbfa92.js"],"/custom-types":[c,i,f,"static/chunks/pages/custom-types-2f5664d9492b13fb.js"],"/custom-types/[customTypeId]":[n,s,c,t,u,b,"static/chunks/pages/custom-types/[customTypeId]-3a37eb3373bb8823.js"],"/labs":["static/chunks/pages/labs-2922105ab714d32a.js"],"/page-types/[pageTypeId]":[n,s,c,t,u,b,"static/chunks/pages/page-types/[pageTypeId]-733f3890c0466a05.js"],"/slices":[a,s,e,"static/css/cb33580e45d01b59.css","static/chunks/pages/slices-93b7af2624c85b8e.js"],"/slices/[lib]/[sliceName]/[variation]":[a,s,e,t,"static/css/77abb01eee0e43a7.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-ac0d8307645fe81f.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[a,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-9f66499125869c64.js","static/chunks/505-fa47e200ac3a012d.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-7b17cb59d0db03b5.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/958-8d92be64411b0736.js","static/chunks/550-19c9163a7ca0e711.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/80-7b8a97d0122ff74a.js","static/chunks/482-ec07ddd6b8d3b7ae.js","static/chunks/840-c3192c2481effe16.js","static/css/be1f49e49a5aa7eb.css","static/chunks/474-5a072e6fac61f703.js","static/chunks/904-fd19b19b9540335b.js","static/css/5da5d3cd7a87c3cf.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();