@codecademy/gamut-styles

20.0.220.0.3-alpha.212edd.0
dist/variables/elements.js
~dist/variables/elements.jsModified
+5−3
Index: package/dist/variables/elements.js
===================================================================
--- package/dist/variables/elements.js
+++ package/dist/variables/elements.js
@@ -1,11 +1,13 @@
+import { zIndices } from './zIndices';
 export const elements = {
   headerHeight: {
     base: '4rem',
     md: '5rem'
   },
   /**
-   * Semi-arbitrary z-index for global page headers.
-   * @remarks PLEASE talk to web platform before adding new z-index constants!
+   * z-index for global page headers. Aliases the `appBar` token from the `zIndices`
+   * scale so consumers still reading `elements.headerZ` stay in sync with the scale.
+   * Prefer `zIndex="appBar"` in new code.
    */
-  headerZ: 15
+  headerZ: zIndices.appBar
 };
\ No newline at end of file