slice-machine-ui 1.21.2-dev-next-release.3 → 1.21.3-alpha.dev-new-release-process.1

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-2b075d0d6b5cb35e.js" defer=""></script><script src="/_next/static/chunks/pages/_error-69b4f498bafdd188.js" defer=""></script><script src="/_next/static/bmg4AZ5_aawA-FHD0CyW1/_buildManifest.js" defer=""></script><script src="/_next/static/bmg4AZ5_aawA-FHD0CyW1/_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":"bmg4AZ5_aawA-FHD0CyW1","runtimeConfig":{"sentryEnvironment":"alpha"},"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/ePMSnFSx26NFGbNGynvnv/_buildManifest.js" defer=""></script><script src="/_next/static/ePMSnFSx26NFGbNGynvnv/_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":"ePMSnFSx26NFGbNGynvnv","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>