@codecademy/gamut

Index: package/dist/Tip/shared/styles/composeVariantsUtils.js
===================================================================
--- package/dist/Tip/shared/styles/composeVariantsUtils.js
+++ package/dist/Tip/shared/styles/composeVariantsUtils.js
@@ -1,54 +1,6 @@
-import { CheckerDense } from '@codecademy/gamut-patterns';
 import { beforeStylesHorizontal, bottomStyles, bottomStylesAfter, bottomStylesBefore, centerHorizontal, horizontalCenterStyles, leftAlignStyles, leftAlignStylesAfter, leftVertStyles, leftVertStylesAfter, rightAlignStyles, rightAlignStylesAfter, rightVertStyles, rightVertStylesAfter, topStyles, topStylesAfter, topStylesBefore, verticalCenterStyles, verticalCenterStylesAfter } from './styles';
-export const getAlignmentStyles = ({
-  alignment,
-  avatar,
-  type
-}) => {
-  if (avatar) return 'avatarAligned';
-  if (type === 'preview') return 'previewAligned';
-  if (alignment.startsWith('left') || alignment.startsWith('right')) return 'horizontalCenter';
-  return alignment.includes('center') ? 'vertCenter' : 'aligned';
-};
-export const getPopoverAlignmentAndPattern = ({
-  alignment = 'top-left',
-  type
-}) => {
-  const popoverAlignment = {
-    align: 'right',
-    beak: 'right',
-    position: 'above',
-    pattern: undefined
-  };
-  if (type === 'tool') {
-    popoverAlignment.align = 'center';
-  }
-  if (type === 'preview') {
-    popoverAlignment.pattern = CheckerDense;
-  }
-  if (alignment.includes('center')) {
-    popoverAlignment.beak = 'center';
-  }
-  if (alignment.includes('right-') || alignment.includes('left-')) {
-    if (alignment.includes('left-')) {
-      popoverAlignment.align = 'left';
-    } else {
-      popoverAlignment.align = 'right';
-    }
-    return {
-      beak: 'center',
-      position: 'center',
-      align: popoverAlignment.align
-    };
-  }
-  if (alignment.includes('bottom')) popoverAlignment.position = 'below';
-  if (alignment.includes('-right')) {
-    popoverAlignment.align = 'left';
-    popoverAlignment.beak = 'left';
-  }
-  return popoverAlignment;
-};
+export { getAlignmentStyles, getPopoverAlignmentAndPattern } from '../popoverAlignmentUtils';
 export const createToolTipVariantFromAlignment = alignment => {
   let styleObject = {};
   let styleObjectAfter = {};
   let styleObjectBefore = {};