@codecademy/gamut

72.2.472.2.5-alpha.212edd.0
dist/Tabs/TabButton.js
~dist/Tabs/TabButton.jsModified
+4−4
Index: package/dist/Tabs/TabButton.js
===================================================================
--- package/dist/Tabs/TabButton.js
+++ package/dist/Tabs/TabButton.js
@@ -1,6 +1,6 @@
 import _styled from "@emotion/styled/base";
-import { states, variant } from '@codecademy/gamut-styles';
+import { states, variant, zIndices } from '@codecademy/gamut-styles';
 import { ButtonBase } from '../ButtonBase';
 import { tabElementBaseProps, TabSelectors } from './props';
 const tabSelectedStyles = {
   fontWeight: 'title',
@@ -15,9 +15,9 @@
     border: 2,
     borderColor: 'primary',
     position: 'absolute',
     inset: 0,
-    zIndex: 0,
+    zIndex: zIndices.base,
     borderRadiusTop: 'md',
     borderRadiusBottom: 'none'
   }
 };
@@ -33,9 +33,9 @@
     textOverflow: 'ellipsis',
     color: 'text',
     font: 'inherit',
     cursor: 'pointer',
-    zIndex: 1,
+    zIndex: zIndices.foreground,
     [TabSelectors.DISABLED]: {
       opacity: 0.25,
       cursor: 'not-allowed'
     },
@@ -81,5 +81,5 @@
 });
 export const TabButton = /*#__PURE__*/_styled(ButtonBase, {
   target: "e1fxx1y10",
   label: "TabButton"
-})(tabVariants, tabStates, tabElementBaseProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWJzL1RhYkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0d5QiIsImZpbGUiOiIuLi8uLi9zcmMvVGFicy9UYWJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3RhdGVzLCB2YXJpYW50IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEJ1dHRvbkJhc2UgfSBmcm9tICcuLi9CdXR0b25CYXNlJztcbmltcG9ydCB7XG4gIHRhYkVsZW1lbnRCYXNlUHJvcHMsXG4gIFRhYkVsZW1lbnRTdHlsZVByb3BzLFxuICBUYWJTZWxlY3RvcnMsXG59IGZyb20gJy4vcHJvcHMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYkJ1dHRvblByb3BzXG4gIGV4dGVuZHMgU3R5bGVQcm9wczx0eXBlb2YgdGFiVmFyaWFudHM+LFxuICAgIFN0eWxlUHJvcHM8dHlwZW9mIHRhYlN0YXRlcz4sXG4gICAgVGFiRWxlbWVudFN0eWxlUHJvcHMge31cblxuY29uc3QgdGFiU2VsZWN0ZWRTdHlsZXMgPSB7XG4gIGZvbnRXZWlnaHQ6ICd0aXRsZScsXG4gIHB0OiAxMixcbiAgcGI6IDgsXG4gIGJvcmRlckJvdHRvbVdpZHRoOiA0LFxuICBib3JkZXJDb2xvcjogJ3ByaW1hcnknLFxufSBhcyBjb25zdDtcblxuY29uc3QgZm9jdXNWaXNpYmxlU3R5bGVzID0ge1xuICBbVGFiU2VsZWN0b3JzLkZPQ1VTX1ZJU0lCTEUgKyBUYWJTZWxlY3RvcnMuQkVGT1JFXToge1xuICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICBib3JkZXI6IDIsXG4gICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBpbnNldDogMCxcbiAgICB6SW5kZXg6IDAsXG4gICAgYm9yZGVyUmFkaXVzVG9wOiAnbWQnLFxuICAgIGJvcmRlclJhZGl1c0JvdHRvbTogJ25vbmUnLFxuICB9LFxufSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IHRhYlZhcmlhbnRzID0gdmFyaWFudCh7XG4gIGJhc2U6IHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgICBib3JkZXJSYWRpdXM6ICdub25lJyxcbiAgICBweDogMjQsXG4gICAgdGV4dE92ZXJmbG93OiAnZWxsaXBzaXMnLFxuICAgIGNvbG9yOiAndGV4dCcsXG4gICAgZm9udDogJ2luaGVyaXQnLFxuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIHpJbmRleDogMSxcbiAgICBbVGFiU2VsZWN0b3JzLkRJU0FCTEVEXToge1xuICAgICAgb3BhY2l0eTogMC4yNSxcbiAgICAgIGN1cnNvcjogJ25vdC1hbGxvd2VkJyxcbiAgICB9LFxuICAgIC4uLmZvY3VzVmlzaWJsZVN0eWxlcyxcbiAgfSxcbiAgdmFyaWFudHM6IHtcbiAgICBzdGFuZGFyZDoge1xuICAgICAgYmFja2dyb3VuZDogJ25vbmUnLFxuICAgICAgYm9yZGVyQ29sb3I6ICdib3JkZXItcHJpbWFyeScsXG4gICAgICBib3JkZXJMZWZ0OiAnbm9uZScsXG4gICAgICBib3JkZXJSaWdodDogJ25vbmUnLFxuICAgICAgYm9yZGVyVG9wOiAnbm9uZScsXG4gICAgICBib3JkZXJCb3R0b21TdHlsZTogJ3NvbGlkJyxcbiAgICAgIGJvcmRlckJvdHRvbVdpZHRoOiAxLFxuICAgICAgZm9udFNpemU6IDE2LFxuICAgICAgZm9udFdlaWdodDogNDAwLFxuICAgICAgcHQ6IDEyLFxuICAgICAgcGI6IDExIGFzIDEyLCAvLyBib3JkZXIgKyBwYWRkaW5nID0gMTJweFxuICAgICAgW1RhYlNlbGVjdG9ycy5IT1ZFUl06IHtcbiAgICAgICAgYmc6ICdiYWNrZ3JvdW5kLXNlbGVjdGVkJyxcbiAgICAgIH0sXG4gICAgICBbVGFiU2VsZWN0b3JzLlNFTEVDVEVEXToge1xuICAgICAgICAuLi50YWJTZWxlY3RlZFN0eWxlcyxcbiAgICAgICAgZm9udFdlaWdodDogJ2JvbGQnLFxuICAgICAgfSxcbiAgICB9LFxuICAgIGJsb2NrOiB7XG4gICAgICBmb250V2VpZ2h0OiAnbm9ybWFsJyxcbiAgICAgIGZvbnRTaXplOiAxNCxcbiAgICAgIHB5OiAxMixcbiAgICAgIFtUYWJTZWxlY3RvcnMuU0VMRUNURURdOiB7XG4gICAgICAgIGJnOiAnYmFja2dyb3VuZCcsXG4gICAgICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgdGFiU3RhdGVzID0gc3RhdGVzKHtcbiAgc2VsZWN0ZWQ6IHtcbiAgICAuLi50YWJTZWxlY3RlZFN0eWxlcyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgVGFiQnV0dG9uID0gc3R5bGVkKEJ1dHRvbkJhc2UpPFRhYkJ1dHRvblByb3BzPihcbiAgdGFiVmFyaWFudHMsXG4gIHRhYlN0YXRlcyxcbiAgdGFiRWxlbWVudEJhc2VQcm9wc1xuKTtcbiJdfQ== */");
\ No newline at end of file
+})(tabVariants, tabStates, tabElementBaseProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UYWJzL1RhYkJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0d5QiIsImZpbGUiOiIuLi8uLi9zcmMvVGFicy9UYWJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc3RhdGVzLCB2YXJpYW50LCB6SW5kaWNlcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBCdXR0b25CYXNlIH0gZnJvbSAnLi4vQnV0dG9uQmFzZSc7XG5pbXBvcnQge1xuICB0YWJFbGVtZW50QmFzZVByb3BzLFxuICBUYWJFbGVtZW50U3R5bGVQcm9wcyxcbiAgVGFiU2VsZWN0b3JzLFxufSBmcm9tICcuL3Byb3BzJztcblxuZXhwb3J0IGludGVyZmFjZSBUYWJCdXR0b25Qcm9wc1xuICBleHRlbmRzIFN0eWxlUHJvcHM8dHlwZW9mIHRhYlZhcmlhbnRzPixcbiAgICBTdHlsZVByb3BzPHR5cGVvZiB0YWJTdGF0ZXM+LFxuICAgIFRhYkVsZW1lbnRTdHlsZVByb3BzIHt9XG5cbmNvbnN0IHRhYlNlbGVjdGVkU3R5bGVzID0ge1xuICBmb250V2VpZ2h0OiAndGl0bGUnLFxuICBwdDogMTIsXG4gIHBiOiA4LFxuICBib3JkZXJCb3R0b21XaWR0aDogNCxcbiAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5Jyxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGZvY3VzVmlzaWJsZVN0eWxlcyA9IHtcbiAgW1RhYlNlbGVjdG9ycy5GT0NVU19WSVNJQkxFICsgVGFiU2VsZWN0b3JzLkJFRk9SRV06IHtcbiAgICBjb250ZW50OiAnXCJcIicsXG4gICAgYm9yZGVyOiAyLFxuICAgIGJvcmRlckNvbG9yOiAncHJpbWFyeScsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgaW5zZXQ6IDAsXG4gICAgekluZGV4OiB6SW5kaWNlcy5iYXNlLFxuICAgIGJvcmRlclJhZGl1c1RvcDogJ21kJyxcbiAgICBib3JkZXJSYWRpdXNCb3R0b206ICdub25lJyxcbiAgfSxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCB0YWJWYXJpYW50cyA9IHZhcmlhbnQoe1xuICBiYXNlOiB7XG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgYm9yZGVyUmFkaXVzOiAnbm9uZScsXG4gICAgcHg6IDI0LFxuICAgIHRleHRPdmVyZmxvdzogJ2VsbGlwc2lzJyxcbiAgICBjb2xvcjogJ3RleHQnLFxuICAgIGZvbnQ6ICdpbmhlcml0JyxcbiAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICB6SW5kZXg6IHpJbmRpY2VzLmZvcmVncm91bmQsXG4gICAgW1RhYlNlbGVjdG9ycy5ESVNBQkxFRF06IHtcbiAgICAgIG9wYWNpdHk6IDAuMjUsXG4gICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCcsXG4gICAgfSxcbiAgICAuLi5mb2N1c1Zpc2libGVTdHlsZXMsXG4gIH0sXG4gIHZhcmlhbnRzOiB7XG4gICAgc3RhbmRhcmQ6IHtcbiAgICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICAgIGJvcmRlckNvbG9yOiAnYm9yZGVyLXByaW1hcnknLFxuICAgICAgYm9yZGVyTGVmdDogJ25vbmUnLFxuICAgICAgYm9yZGVyUmlnaHQ6ICdub25lJyxcbiAgICAgIGJvcmRlclRvcDogJ25vbmUnLFxuICAgICAgYm9yZGVyQm90dG9tU3R5bGU6ICdzb2xpZCcsXG4gICAgICBib3JkZXJCb3R0b21XaWR0aDogMSxcbiAgICAgIGZvbnRTaXplOiAxNixcbiAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgIHB0OiAxMixcbiAgICAgIHBiOiAxMSBhcyAxMiwgLy8gYm9yZGVyICsgcGFkZGluZyA9IDEycHhcbiAgICAgIFtUYWJTZWxlY3RvcnMuSE9WRVJdOiB7XG4gICAgICAgIGJnOiAnYmFja2dyb3VuZC1zZWxlY3RlZCcsXG4gICAgICB9LFxuICAgICAgW1RhYlNlbGVjdG9ycy5TRUxFQ1RFRF06IHtcbiAgICAgICAgLi4udGFiU2VsZWN0ZWRTdHlsZXMsXG4gICAgICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgICAgIH0sXG4gICAgfSxcbiAgICBibG9jazoge1xuICAgICAgZm9udFdlaWdodDogJ25vcm1hbCcsXG4gICAgICBmb250U2l6ZTogMTQsXG4gICAgICBweTogMTIsXG4gICAgICBbVGFiU2VsZWN0b3JzLlNFTEVDVEVEXToge1xuICAgICAgICBiZzogJ2JhY2tncm91bmQnLFxuICAgICAgICBmb250V2VpZ2h0OiAnYm9sZCcsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IHRhYlN0YXRlcyA9IHN0YXRlcyh7XG4gIHNlbGVjdGVkOiB7XG4gICAgLi4udGFiU2VsZWN0ZWRTdHlsZXMsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFRhYkJ1dHRvbiA9IHN0eWxlZChCdXR0b25CYXNlKTxUYWJCdXR0b25Qcm9wcz4oXG4gIHRhYlZhcmlhbnRzLFxuICB0YWJTdGF0ZXMsXG4gIHRhYkVsZW1lbnRCYXNlUHJvcHNcbik7XG4iXX0= */");
\ No newline at end of file