slice-machine-ui 1.22.2-beta.1 → 1.22.2-beta.10

package/components/AppLayout/index.tsx

@@ -43,12 +43,16 @@ const PageLayoutWithActiveEnvironment: FC<PropsWithChildren> = ({
 }) => {
   const { activeEnvironment } = useActiveEnvironment();
 
-  const maybeBorderColor = activeEnvironment
+  const borderTopColor = activeEnvironment
     ? environmentTopBorderColorMap[activeEnvironment.kind]
-    : undefined;
+    : "purple";
 
   return (
-    <PageLayout borderTopColor={maybeBorderColor} {...otherProps}>
+    <PageLayout
+      borderTopColor={borderTopColor}
+      data-cy={`app-layout-top-border-color-${borderTopColor}`}
+      {...otherProps}
+    >
       {children}
     </PageLayout>
   );
@@ -79,7 +83,7 @@ export const AppLayoutBackButton: FC<AppLayoutBackButtonProps> = ({
         void router.push(url);
       }}
       startIcon="arrowBack"
-      variant="secondary"
+      color="grey"
     />
   );
 };

package/components/Navigation/ChangesListItem.tsx

@@ -58,7 +58,7 @@ export const ChangesListItem: FC = () => {
         When you click Save, your changes are saved locally. Then, you can push
         your models to Prismic from the Changes page.
       </HoverCardDescription>
-      <HoverCardCloseButton>Got It</HoverCardCloseButton>
+      <HoverCardCloseButton>Got it</HoverCardCloseButton>
     </HoverCard>
   );
 };

package/components/Navigation/Environment.tsx

@@ -1,4 +1,8 @@
-import { Environment as EnvironmentType } from "@slicemachine/manager/client";
+import {
+  Environment as EnvironmentType,
+  isUnauthenticatedError,
+  isUnauthorizedError,
+} from "@slicemachine/manager/client";
 
 import { telemetry } from "@src/apiClient";
 import { useEnvironments } from "@src/features/environments/useEnvironments";
@@ -43,16 +47,13 @@ export function Environment() {
   }
 
   if (
-    typeof useEnvironmentsError === "object" &&
-    useEnvironmentsError !== null &&
-    "name" in useEnvironmentsError &&
-    (useEnvironmentsError.name === "UnauthenticatedError" ||
-      useEnvironmentsError.name === "UnauthorizedError")
+    isUnauthenticatedError(useEnvironmentsError) ||
+    isUnauthorizedError(useEnvironmentsError)
   ) {
     return (
       <SideNavEnvironmentSelector
         variant={
-          useEnvironmentsError.name === "UnauthenticatedError"
+          isUnauthenticatedError(useEnvironmentsError)
             ? "unauthenticated"
             : "unauthorized"
         }

package/lib/builders/CustomTypeBuilder/SliceZone/index.tsx

@@ -213,7 +213,7 @@ const SliceZone: React.FC<SliceZoneProps> = ({
             sliceZone ? (
               <DropdownMenu>
                 <DropdownMenuTrigger>
-                  <Button variant="secondary" startIcon="add">
+                  <Button color="grey" startIcon="add">
                     Add slices
                   </Button>
                 </DropdownMenuTrigger>

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

@@ -94,7 +94,7 @@ export const Sidebar: FC<SidebarProps> = (props) => {
             // Set `position` to `relative` to position `Button` on top of
             // `Gradient`.
             sx={{ position: "relative" }}
-            variant="secondary"
+            color="grey"
           >
             Add a new variation
           </Button>

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

@@ -65,7 +65,7 @@ const SimulatorOnboardingTooltip: React.FC<
         Minimize context-switching by previewing your Slice components in the
         simulator.
       </HoverCardDescription>
-      <HoverCardCloseButton>Got It</HoverCardCloseButton>
+      <HoverCardCloseButton>Got it</HoverCardCloseButton>
     </HoverCard>
   );
 };
@@ -155,7 +155,7 @@ const SimulatorButton: React.FC<{
               width={tokens.size[24]}
             />
           )}
-          variant="secondary"
+          color="grey"
         >
           Simulate
         </Button>

package/lib/builders/common/Zone/components/EmptyState/index.tsx

@@ -18,7 +18,7 @@ const ZoneEmptyState = ({
     </Box>
     <Box sx={{ display: "flex", justifyContent: "center", marginTop: 16 }}>
       <Button
-        variant="secondary"
+        color="grey"
         // eslint-disable-next-line @typescript-eslint/no-unsafe-return
         onClick={() => onEnterSelectMode()}
         data-cy={`add-${zoneName}-field`}

package/lib/builders/common/Zone/index.jsx

@@ -93,7 +93,7 @@ const Zone = ({
                 }-field`}
                 onClick={enterSelectMode}
                 startIcon="add"
-                variant="secondary"
+                grey="grey"
               >
                 Add a new field
               </Button>

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/7ef90ba762e84cee.css" as="style"/><link rel="stylesheet" href="/_next/static/css/7ef90ba762e84cee.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-cae1327f33c96711.js" defer=""></script><script src="/_next/static/chunks/pages/_error-69b4f498bafdd188.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_buildManifest.js" defer=""></script><script src="/_next/static/ALrNHXPZGeRwEXHdmh5-C/_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":"ALrNHXPZGeRwEXHdmh5-C","runtimeConfig":{"sentryEnvironment":"beta"},"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/1bbf650dfd37ce69.css" as="style"/><link rel="stylesheet" href="/_next/static/css/1bbf650dfd37ce69.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-36b2c828e330d9c7.js" defer=""></script><script src="/_next/static/chunks/pages/_error-69b4f498bafdd188.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_buildManifest.js" defer=""></script><script src="/_next/static/bgAW-O9SejtbtaQ7v0wB1/_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":"bgAW-O9SejtbtaQ7v0wB1","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>

package/out/_next/static/bgAW-O9SejtbtaQ7v0wB1/_buildManifest.js

@@ -0,0 +1 @@
+self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,n,u,l){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[c,i,b,"static/chunks/pages/index-d8e3a2c0d712904f.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":["static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-4d0f2f1222e403fe.js"],"/changes":[a,"static/chunks/8eec4907-b712959d9f984b68.js","static/chunks/918-38d08f1e885b222d.js",s,e,"static/css/7d650bca12dc4061.css","static/chunks/pages/changes-52c9d917808d1461.js"],"/custom-types":[c,i,b,"static/chunks/pages/custom-types-2f5664d9492b13fb.js"],"/custom-types/[customTypeId]":[n,s,c,t,u,l,"static/chunks/pages/custom-types/[customTypeId]-3a37eb3373bb8823.js"],"/labs":["static/chunks/pages/labs-526bb7d60a1b90f4.js"],"/page-types/[pageTypeId]":[n,s,c,t,u,l,"static/chunks/pages/page-types/[pageTypeId]-733f3890c0466a05.js"],"/slices":[a,s,e,"static/css/cb33580e45d01b59.css","static/chunks/pages/slices-884a936a9a062a65.js"],"/slices/[lib]/[sliceName]/[variation]":[a,s,e,t,"static/css/77abb01eee0e43a7.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-ef11594ce026b650.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[a,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-4460ccbfe3109578.js","static/chunks/505-3f1cf09a086dcba8.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-8aca174b80cb0c35.js","static/chunks/550-c80fd46fb64d1eef.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/80-7b8a97d0122ff74a.js","static/chunks/482-34cee2a2071c235f.js","static/chunks/840-163f8a1040e6820d.js","static/css/be1f49e49a5aa7eb.css","static/chunks/474-5a072e6fac61f703.js","static/chunks/904-519dbf0f7e8c6243.js","static/css/5da5d3cd7a87c3cf.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();