@codecademy/gamut

Index: package/dist/Tabs/Tabs.js
===================================================================
--- package/dist/Tabs/Tabs.js
+++ package/dist/Tabs/Tabs.js
@@ -1,15 +1,15 @@
 import _styled from "@emotion/styled/base";
-import { Background } from '@codecademy/gamut-styles';
+import { Background, zIndices } from '@codecademy/gamut-styles';
 import * as React from 'react';
 import { Tabs as ReactAriaTabs } from 'react-aria-components';
 import { tabElementBaseProps } from './props';
 import { TabProvider } from './TabProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 const TabsBase = /*#__PURE__*/_styled(ReactAriaTabs, {
   target: "ebv3y670",
   label: "TabsBase"
-})(tabElementBaseProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWJzL1RhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CaUIiLCJmaWxlIjoiLi4vLi4vc3JjL1RhYnMvVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCYWNrZ3JvdW5kIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQge1xuICBUYWJzIGFzIFJlYWN0QXJpYVRhYnMsXG4gIFRhYnNQcm9wcyBhcyBSZWFjdEFyaWFUYWJzUHJvcHMsXG59IGZyb20gJ3JlYWN0LWFyaWEtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IHRhYkVsZW1lbnRCYXNlUHJvcHMsIFRhYkVsZW1lbnRTdHlsZVByb3BzIH0gZnJvbSAnLi9wcm9wcyc7XG5pbXBvcnQgeyB0YWJDb250YWluZXJWYXJpYW50cyB9IGZyb20gJy4vc3R5bGVzJztcbmltcG9ydCB7IFRhYlByb3ZpZGVyIH0gZnJvbSAnLi9UYWJQcm92aWRlcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFic0Jhc2VQcm9wc1xuICBleHRlbmRzIFN0eWxlUHJvcHM8dHlwZW9mIHRhYkNvbnRhaW5lclZhcmlhbnRzPixcbiAgICBUYWJFbGVtZW50U3R5bGVQcm9wcyB7fVxuXG5leHBvcnQgaW50ZXJmYWNlIFRhYnNQcm9wcyBleHRlbmRzIFRhYnNCYXNlUHJvcHMsIFJlYWN0QXJpYVRhYnNQcm9wcyB7fVxuXG5jb25zdCBUYWJzQmFzZSA9IHN0eWxlZChSZWFjdEFyaWFUYWJzKTxUYWJzUHJvcHM+KHRhYkVsZW1lbnRCYXNlUHJvcHMpO1xuXG5leHBvcnQgY29uc3QgVGFiczogUmVhY3QuRkM8VGFic1Byb3BzPiA9IChwcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWJQcm92aWRlciB2YWx1ZT17eyB2YXJpYW50OiBwcm9wcy52YXJpYW50IHx8ICdzdGFuZGFyZCcgfX0+XG4gICAgICB7LyogY3VycmVudGx5IG9ubHkgc3VwcG9ydGluZyBkYXJrIG1vZGUgZm9yIHRoZSBMRSB2YXJpYW50LiAqL31cbiAgICAgIHtwcm9wcy52YXJpYW50ID09PSAnYmxvY2snID8gKFxuICAgICAgICA8QmFja2dyb3VuZCBiZz1cIm5hdnktODAwXCIgaGVpZ2h0PVwiMTAwJVwiPlxuICAgICAgICAgIDxUYWJzQmFzZSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgekluZGV4PXswfSB7Li4ucHJvcHN9IC8+XG4gICAgICAgIDwvQmFja2dyb3VuZD5cbiAgICAgICkgOiAoXG4gICAgICAgIDxUYWJzQmFzZSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgekluZGV4PXswfSB7Li4ucHJvcHN9IC8+XG4gICAgICApfVxuICAgIDwvVGFiUHJvdmlkZXI+XG4gICk7XG59O1xuIl19 */");
+})(tabElementBaseProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWJzL1RhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CaUIiLCJmaWxlIjoiLi4vLi4vc3JjL1RhYnMvVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCYWNrZ3JvdW5kLCB6SW5kaWNlcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtcbiAgVGFicyBhcyBSZWFjdEFyaWFUYWJzLFxuICBUYWJzUHJvcHMgYXMgUmVhY3RBcmlhVGFic1Byb3BzLFxufSBmcm9tICdyZWFjdC1hcmlhLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyB0YWJFbGVtZW50QmFzZVByb3BzLCBUYWJFbGVtZW50U3R5bGVQcm9wcyB9IGZyb20gJy4vcHJvcHMnO1xuaW1wb3J0IHsgdGFiQ29udGFpbmVyVmFyaWFudHMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgeyBUYWJQcm92aWRlciB9IGZyb20gJy4vVGFiUHJvdmlkZXInO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYnNCYXNlUHJvcHNcbiAgZXh0ZW5kcyBTdHlsZVByb3BzPHR5cGVvZiB0YWJDb250YWluZXJWYXJpYW50cz4sXG4gICAgVGFiRWxlbWVudFN0eWxlUHJvcHMge31cblxuZXhwb3J0IGludGVyZmFjZSBUYWJzUHJvcHMgZXh0ZW5kcyBUYWJzQmFzZVByb3BzLCBSZWFjdEFyaWFUYWJzUHJvcHMge31cblxuY29uc3QgVGFic0Jhc2UgPSBzdHlsZWQoUmVhY3RBcmlhVGFicyk8VGFic1Byb3BzPih0YWJFbGVtZW50QmFzZVByb3BzKTtcblxuZXhwb3J0IGNvbnN0IFRhYnM6IFJlYWN0LkZDPFRhYnNQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGFiUHJvdmlkZXIgdmFsdWU9e3sgdmFyaWFudDogcHJvcHMudmFyaWFudCB8fCAnc3RhbmRhcmQnIH19PlxuICAgICAgey8qIGN1cnJlbnRseSBvbmx5IHN1cHBvcnRpbmcgZGFyayBtb2RlIGZvciB0aGUgTEUgdmFyaWFudC4gKi99XG4gICAgICB7cHJvcHMudmFyaWFudCA9PT0gJ2Jsb2NrJyA/IChcbiAgICAgICAgPEJhY2tncm91bmQgYmc9XCJuYXZ5LTgwMFwiIGhlaWdodD1cIjEwMCVcIj5cbiAgICAgICAgICA8VGFic0Jhc2UgcG9zaXRpb249XCJyZWxhdGl2ZVwiIHpJbmRleD17ekluZGljZXMuYmFzZX0gey4uLnByb3BzfSAvPlxuICAgICAgICA8L0JhY2tncm91bmQ+XG4gICAgICApIDogKFxuICAgICAgICA8VGFic0Jhc2UgcG9zaXRpb249XCJyZWxhdGl2ZVwiIHpJbmRleD17ekluZGljZXMuYmFzZX0gey4uLnByb3BzfSAvPlxuICAgICAgKX1cbiAgICA8L1RhYlByb3ZpZGVyPlxuICApO1xufTtcbiJdfQ== */");
 export const Tabs = props => {
   return /*#__PURE__*/_jsx(TabProvider, {
     value: {
       variant: props.variant || 'standard'
@@ -18,14 +18,14 @@
       bg: "navy-800",
       height: "100%",
       children: /*#__PURE__*/_jsx(TabsBase, {
         position: "relative",
-        zIndex: 0,
+        zIndex: zIndices.base,
         ...props
       })
     }) : /*#__PURE__*/_jsx(TabsBase, {
       position: "relative",
-      zIndex: 0,
+      zIndex: zIndices.base,
       ...props
     })
   });
 };
\ No newline at end of file