@codecademy/gamut

Index: package/dist/Popover/styles/variants.js
===================================================================
--- package/dist/Popover/styles/variants.js
+++ package/dist/Popover/styles/variants.js
@@ -3,33 +3,18 @@
 import { tooltipArrowHeight } from '../../Tip/shared/styles/styles';
 import { borderStyles } from './base';
 import { beakBoxX, beakBoxY, beakVariantsArray, createBeakVariantFromAlignment } from './beak';
 import { createPatternVariantFromAlignment, patternVariantArray } from './pattern';
-export const outlineVariants = variant({
-  defaultVariant: 'boxShadow',
-  prop: 'outline',
-  variants: {
-    boxShadow: {
-      boxShadow: '0 0 16px rgba(0, 0, 0, 0.1), 0 0 24px rgba(0, 0, 0, 0.15)'
-    },
-    outline: {
-      ...borderStyles,
-      boxShadow: 'none'
-    }
-  }
-});
 export const widthStates = states({
   widthRestricted: {
     minWidth: '4rem',
     maxWidth: '16rem'
   }
 });
-export const beakBorderStates = states({
-  hasBorder: borderStyles
-});
 const beakVariantStyles = createVariantsFromAlignments(beakVariantsArray, createBeakVariantFromAlignment);
 export const beakVariants = variant({
   base: {
+    ...borderStyles,
     background: 'transparent',
     zIndex: 1,
     position: 'fixed'
   },