@codecademy/gamut

72.2.472.2.5-alpha.212edd.0
dist/Overlay/index.js
~dist/Overlay/index.jsModified
+3−3
Index: package/dist/Overlay/index.js
===================================================================
--- package/dist/Overlay/index.js
+++ package/dist/Overlay/index.js
@@ -1,6 +1,6 @@
 import _styled from "@emotion/styled/base";
-import { states } from '@codecademy/gamut-styles';
+import { states, zIndices } from '@codecademy/gamut-styles';
 import { useCallback } from 'react';
 import * as React from 'react';
 import { BodyPortal } from '../BodyPortal';
 import { FlexBox } from '../Box';
@@ -15,9 +15,9 @@
   },
   inline: {
     position: 'absolute'
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9PdmVybGF5L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ3lCIiwiZmlsZSI6Ii4uLy4uL3NyYy9PdmVybGF5L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHN0YXRlcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQm9keVBvcnRhbCB9IGZyb20gJy4uL0JvZHlQb3J0YWwnO1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgeyBGb2N1c1RyYXAgfSBmcm9tICcuLi9Gb2N1c1RyYXAnO1xuXG5leHBvcnQgdHlwZSBPdmVybGF5UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ8YW55PjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogV2hldGhlciBjbGlja2luZyBvbiB0aGUgc2NyZWVuIG91dHNpZGUgb2YgdGhlIGNvbnRhaW5lciBzaG91bGQgY2xvc2UgdGhlIE92ZXJsYXkuXG4gICAqL1xuICBjbGlja091dHNpZGVDbG9zZXM/OiBib29sZWFuO1xuICAvKipcbiAgICogV2hldGhlciBjbGlja2luZyB0aGUgZXNjYXBlIGtleSBzaG91bGQgY2xvc2UgdGhlIE92ZXJsYXkuXG4gICAqL1xuICBlc2NhcGVDbG9zZXM/OiBib29sZWFuO1xuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gdGhlIE92ZXJsYXkgcmVxdWVzdHMgdG8gYmUgY2xvc2VkLFxuICAgKiB0aGlzIGNvdWxkIGJlIGR1ZSB0byBjbGlja2luZyBvdXRzaWRlIG9mIHRoZSBvdmVybGF5LCBvciBieSBjbGlja2luZyB0aGUgZXNjYXBlIGtleS5cbiAgICovXG4gIG9uUmVxdWVzdENsb3NlOiAoKSA9PiB2b2lkO1xuICAvKipcbiAgICogV2hldGhlciB0aGUgb3ZlcmxheSBpcyByZW5kZXJlZC5cbiAgICovXG4gIGlzT3Blbj86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSBvdmVybGF5IHJlbmRlcnMgaW5saW5lIHRvIGl0cyBjb250YWluZXIgb3IgY3JlYXRlcyBhIHBvcnRhbCB0byB0aGUgZW5kIG9mIHRoZSBib2R5ICovXG4gIGlubGluZT86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSBvdmVybGF5IGhhcyBhIHRyYW5zcGFyZW50IG9yIGEgc2hyb3VkZWQgYmFja2dyb3VuZCB3aXRoIHNsaWdodCBvcGFjaXR5ICovXG4gIHNocm91ZD86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSBvdmVybGF5IGFsbG93cyBzY3JvbGwgKi9cbiAgYWxsb3dTY3JvbGw/OiBib29sZWFuO1xuICAvKipcbiAgICogei1pbmRleCBmb3IgdGhlIE92ZXJsYXkuIERlZmF1bHRzIHRvIDMgdG8gYXBwZWFyIGFib3ZlIGNvbW1vbiBVSSBlbGVtZW50c1xuICAgKiBsaWtlIGhlYWRlcnMgLiBDYW4gYmUgb3ZlcnJpZGRlbiB3aGVuIG5lZWRlZCBmb3IgY3VzdG9tIHN0YWNraW5nIG9yZGVycy5cbiAgICovXG4gIHpJbmRleD86IG51bWJlcjtcbn07XG5cbmNvbnN0IE92ZXJsYXlDb250YWluZXIgPSBzdHlsZWQoRmxleEJveCkoXG4gIHN0YXRlcyh7XG4gICAgc2hyb3VkOiB7XG4gICAgICBiZzogJ25hdnktNjAwJyxcbiAgICB9LFxuICAgIGlubGluZToge1xuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBPdmVybGF5OiBSZWFjdC5GQzxPdmVybGF5UHJvcHM+ID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgc2hyb3VkID0gZmFsc2UsXG4gIGlubGluZSA9IGZhbHNlLFxuICBjbGlja091dHNpZGVDbG9zZXMgPSB0cnVlLFxuICBlc2NhcGVDbG9zZXMgPSB0cnVlLFxuICBvblJlcXVlc3RDbG9zZSxcbiAgaXNPcGVuLFxuICBhbGxvd1Njcm9sbCA9IGZhbHNlLFxuICB6SW5kZXggPSAzLFxufSkgPT4ge1xuICBjb25zdCBoYW5kbGVPdXRzaWRlQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgaWYgKGNsaWNrT3V0c2lkZUNsb3Nlcykge1xuICAgICAgb25SZXF1ZXN0Q2xvc2UoKTtcbiAgICB9XG4gIH0sIFtjbGlja091dHNpZGVDbG9zZXMsIG9uUmVxdWVzdENsb3NlXSk7XG5cbiAgY29uc3QgaGFuZGxlRXNjYXBlS2V5ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGlmIChlc2NhcGVDbG9zZXMpIHtcbiAgICAgIG9uUmVxdWVzdENsb3NlKCk7XG4gICAgfVxuICB9LCBbZXNjYXBlQ2xvc2VzLCBvblJlcXVlc3RDbG9zZV0pO1xuXG4gIGlmICghaXNPcGVuKSByZXR1cm4gbnVsbDtcblxuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDxPdmVybGF5Q29udGFpbmVyXG4gICAgICBjZW50ZXJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS1mbG9hdGluZz1cIm92ZXJsYXlcIlxuICAgICAgZGF0YS10ZXN0aWQ9XCJvdmVybGF5LWNvbnRlbnQtY29udGFpbmVyXCJcbiAgICAgIGlubGluZT17aW5saW5lfVxuICAgICAgaW5zZXQ9ezB9XG4gICAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICAgIHNocm91ZD17c2hyb3VkfVxuICAgID5cbiAgICAgIDxGb2N1c1RyYXBcbiAgICAgICAgYWN0aXZlPXshaW5saW5lfVxuICAgICAgICBhbGxvd1BhZ2VJbnRlcmFjdGlvbj17YWxsb3dTY3JvbGx9XG4gICAgICAgIG9uQ2xpY2tPdXRzaWRlPXtoYW5kbGVPdXRzaWRlQ2xpY2t9XG4gICAgICAgIG9uRXNjYXBlS2V5PXtoYW5kbGVFc2NhcGVLZXl9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvRm9jdXNUcmFwPlxuICAgIDwvT3ZlcmxheUNvbnRhaW5lcj5cbiAgKTtcblxuICBpZiAoaW5saW5lKSByZXR1cm4gY29udGVudDtcblxuICByZXR1cm4gPEJvZHlQb3J0YWwgekluZGV4PXt6SW5kZXh9Pntjb250ZW50fTwvQm9keVBvcnRhbD47XG59O1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9PdmVybGF5L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ3lCIiwiZmlsZSI6Ii4uLy4uL3NyYy9PdmVybGF5L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHN0YXRlcywgekluZGljZXMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEJvZHlQb3J0YWwgfSBmcm9tICcuLi9Cb2R5UG9ydGFsJztcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IHsgRm9jdXNUcmFwIH0gZnJvbSAnLi4vRm9jdXNUcmFwJztcblxuZXhwb3J0IHR5cGUgT3ZlcmxheVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3RFbGVtZW50PGFueT47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFdoZXRoZXIgY2xpY2tpbmcgb24gdGhlIHNjcmVlbiBvdXRzaWRlIG9mIHRoZSBjb250YWluZXIgc2hvdWxkIGNsb3NlIHRoZSBPdmVybGF5LlxuICAgKi9cbiAgY2xpY2tPdXRzaWRlQ2xvc2VzPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFdoZXRoZXIgY2xpY2tpbmcgdGhlIGVzY2FwZSBrZXkgc2hvdWxkIGNsb3NlIHRoZSBPdmVybGF5LlxuICAgKi9cbiAgZXNjYXBlQ2xvc2VzPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIENhbGxlZCB3aGVuIHRoZSBPdmVybGF5IHJlcXVlc3RzIHRvIGJlIGNsb3NlZCxcbiAgICogdGhpcyBjb3VsZCBiZSBkdWUgdG8gY2xpY2tpbmcgb3V0c2lkZSBvZiB0aGUgb3ZlcmxheSwgb3IgYnkgY2xpY2tpbmcgdGhlIGVzY2FwZSBrZXkuXG4gICAqL1xuICBvblJlcXVlc3RDbG9zZTogKCkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIG92ZXJsYXkgaXMgcmVuZGVyZWQuXG4gICAqL1xuICBpc09wZW4/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgb3ZlcmxheSByZW5kZXJzIGlubGluZSB0byBpdHMgY29udGFpbmVyIG9yIGNyZWF0ZXMgYSBwb3J0YWwgdG8gdGhlIGVuZCBvZiB0aGUgYm9keSAqL1xuICBpbmxpbmU/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgb3ZlcmxheSBoYXMgYSB0cmFuc3BhcmVudCBvciBhIHNocm91ZGVkIGJhY2tncm91bmQgd2l0aCBzbGlnaHQgb3BhY2l0eSAqL1xuICBzaHJvdWQ/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgb3ZlcmxheSBhbGxvd3Mgc2Nyb2xsICovXG4gIGFsbG93U2Nyb2xsPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFN0YWNraW5nIGxheWVyIGZvciB0aGUgT3ZlcmxheS4gUGFzcyBhIGB6SW5kaWNlc2AgdG9rZW4gb3IgYSByYXcgbnVtYmVyIChlc2NhcGVcbiAgICogaGF0Y2gpLiBEZWZhdWx0cyB0byBgekluZGljZXMubW9kYWxgOyBhIHBvcnRhbGVkIHNpZGUgcGFuZWwgc2hvdWxkIHBhc3NcbiAgICogYHpJbmRpY2VzLmZseW91dGAgdG8gc2l0IGJlbG93IG1vZGFscy5cbiAgICovXG4gIHpJbmRleD86IG51bWJlcjtcbn07XG5cbmNvbnN0IE92ZXJsYXlDb250YWluZXIgPSBzdHlsZWQoRmxleEJveCkoXG4gIHN0YXRlcyh7XG4gICAgc2hyb3VkOiB7XG4gICAgICBiZzogJ25hdnktNjAwJyxcbiAgICB9LFxuICAgIGlubGluZToge1xuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBPdmVybGF5OiBSZWFjdC5GQzxPdmVybGF5UHJvcHM+ID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgc2hyb3VkID0gZmFsc2UsXG4gIGlubGluZSA9IGZhbHNlLFxuICBjbGlja091dHNpZGVDbG9zZXMgPSB0cnVlLFxuICBlc2NhcGVDbG9zZXMgPSB0cnVlLFxuICBvblJlcXVlc3RDbG9zZSxcbiAgaXNPcGVuLFxuICBhbGxvd1Njcm9sbCA9IGZhbHNlLFxuICB6SW5kZXggPSB6SW5kaWNlcy5tb2RhbCxcbn0pID0+IHtcbiAgY29uc3QgaGFuZGxlT3V0c2lkZUNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGlmIChjbGlja091dHNpZGVDbG9zZXMpIHtcbiAgICAgIG9uUmVxdWVzdENsb3NlKCk7XG4gICAgfVxuICB9LCBbY2xpY2tPdXRzaWRlQ2xvc2VzLCBvblJlcXVlc3RDbG9zZV0pO1xuXG4gIGNvbnN0IGhhbmRsZUVzY2FwZUtleSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoZXNjYXBlQ2xvc2VzKSB7XG4gICAgICBvblJlcXVlc3RDbG9zZSgpO1xuICAgIH1cbiAgfSwgW2VzY2FwZUNsb3Nlcywgb25SZXF1ZXN0Q2xvc2VdKTtcblxuICBpZiAoIWlzT3BlbikgcmV0dXJuIG51bGw7XG5cbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8T3ZlcmxheUNvbnRhaW5lclxuICAgICAgY2VudGVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtZmxvYXRpbmc9XCJvdmVybGF5XCJcbiAgICAgIGRhdGEtdGVzdGlkPVwib3ZlcmxheS1jb250ZW50LWNvbnRhaW5lclwiXG4gICAgICBpbmxpbmU9e2lubGluZX1cbiAgICAgIGluc2V0PXswfVxuICAgICAgcG9zaXRpb249XCJmaXhlZFwiXG4gICAgICBzaHJvdWQ9e3Nocm91ZH1cbiAgICA+XG4gICAgICA8Rm9jdXNUcmFwXG4gICAgICAgIGFjdGl2ZT17IWlubGluZX1cbiAgICAgICAgYWxsb3dQYWdlSW50ZXJhY3Rpb249e2FsbG93U2Nyb2xsfVxuICAgICAgICBvbkNsaWNrT3V0c2lkZT17aGFuZGxlT3V0c2lkZUNsaWNrfVxuICAgICAgICBvbkVzY2FwZUtleT17aGFuZGxlRXNjYXBlS2V5fVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0ZvY3VzVHJhcD5cbiAgICA8L092ZXJsYXlDb250YWluZXI+XG4gICk7XG5cbiAgaWYgKGlubGluZSkgcmV0dXJuIGNvbnRlbnQ7XG5cbiAgcmV0dXJuIDxCb2R5UG9ydGFsIHpJbmRleD17ekluZGV4fT57Y29udGVudH08L0JvZHlQb3J0YWw+O1xufTtcbiJdfQ== */");
 export const Overlay = ({
   className,
   children,
   shroud = false,
@@ -26,9 +26,9 @@
   escapeCloses = true,
   onRequestClose,
   isOpen,
   allowScroll = false,
-  zIndex = 3
+  zIndex = zIndices.modal
 }) => {
   const handleOutsideClick = useCallback(() => {
     if (clickOutsideCloses) {
       onRequestClose();