@codecademy/gamut

Index: package/dist/Button/shared/styles.js
===================================================================
--- package/dist/Button/shared/styles.js
+++ package/dist/Button/shared/styles.js
@@ -1,8 +1,8 @@
 import _styled from "@emotion/styled/base";
 import { fontSmoothPixel, modeColorProps, styledOptions, system, transitionConcat } from '@codecademy/gamut-styles';
 import { variance } from '@codecademy/variance';
-import { ButtonBase, ButtonSelectors } from '../../ButtonBase/ButtonBase';
+import { ButtonBase, InteractiveSelectors } from '../../ButtonBase/ButtonBase';
 export const config = styledOptions(['size']);
 export const buttonProps = variance.compose(system.layout, system.positioning, system.space, system.border);
 export const templateVariants = (variants, template) => {
   const variantConfig = {};
@@ -24,13 +24,13 @@
   border: 2,
   borderRadius: 'md',
   borderColor: 'transparent',
   transition: transitionConcat(['border-color', 'color', 'background-color', 'box-shadow'], 'fast', 'ease-in'),
-  [ButtonSelectors.DISABLED]: {
+  [InteractiveSelectors.DISABLED]: {
     cursor: 'not-allowed',
     userSelect: 'none'
   },
-  [ButtonSelectors.OUTLINE]: {
+  [InteractiveSelectors.OUTLINE]: {
     content: '""',
     transition: transitionConcat(['opacity'], 'fast'),
     position: 'absolute',
     borderRadius: 'lg',
@@ -38,9 +38,9 @@
     inset: -5,
     opacity: 0,
     zIndex: 0
   },
-  [ButtonSelectors.OUTLINE_FOCUS_VISIBLE]: {
+  [InteractiveSelectors.OUTLINE_FOCUS_VISIBLE]: {
     opacity: 1
   }
 });
 export const createButtonComponent = (...args) => /*#__PURE__*/_styled(ButtonBase, {