rename to TOOLBAR_Z_INDEX

Author: thomaswhyyou

packages/react/src/modules/guide/components/Toolbar/KnockButton.tsx

@@ -1,6 +1,6 @@
 import { Button } from "@telegraph/button";
 
-import { MAX_Z_INDEX } from "./shared";
+import { TOOLBAR_Z_INDEX } from "./shared";
 import "./styles.css";
 
 type Props = {
@@ -22,7 +22,7 @@ export const KnockButton = ({ onClick }: Props) => {
       variant="soft"
       data-tgph-appearance="dark"
       aria-label="Expand guide toolbar"
-      style={{ zIndex: MAX_Z_INDEX }}
+      style={{ zIndex: TOOLBAR_Z_INDEX }}
     >
       <svg
         width="40"

packages/react/src/modules/guide/components/Toolbar/V1/V1.tsx

@@ -7,7 +7,7 @@ import { Minimize2, Undo2, Wrench } from "lucide-react";
 import { useState } from "react";
 
 import { KnockButton } from "../KnockButton";
-import { MAX_Z_INDEX } from "../shared";
+import { TOOLBAR_Z_INDEX } from "../shared";
 import "../styles.css";
 
 export const V1 = () => {
@@ -46,7 +46,7 @@ export const V1 = () => {
       py="2"
       px="3"
       data-tgph-appearance="dark"
-      style={{ zIndex: MAX_Z_INDEX }}
+      style={{ zIndex: TOOLBAR_Z_INDEX }}
     >
       <Stack gap="2" align="center" direction="row">
         <Tag

packages/react/src/modules/guide/components/Toolbar/V2/V2.tsx

@@ -6,7 +6,7 @@ import { Minimize2, Undo2 } from "lucide-react";
 import React from "react";
 
 import { KnockButton } from "../KnockButton";
-import { MAX_Z_INDEX } from "../shared";
+import { TOOLBAR_Z_INDEX } from "../shared";
 import "../styles.css";
 
 import { detectToolbarParam } from "./helpers";
@@ -57,7 +57,7 @@ export const V2 = () => {
       top="4"
       right="4"
       style={{
-        zIndex: MAX_Z_INDEX,
+        zIndex: TOOLBAR_Z_INDEX,
       }}
     >
       {isCollapsed ? (

packages/react/src/modules/guide/components/Toolbar/shared.ts

@@ -1,3 +1,3 @@
 // 'max' z index based on max value of a signed 32-bit int
 // Ref: https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index/25461690#25461690
-export const MAX_Z_INDEX = 2147483647;
+export const TOOLBAR_Z_INDEX = 2147483647;