@codecademy/gamut

73.6.273.6.3-alpha.7e3569.0
dist/Card/index.js
~dist/Card/index.jsModified
+2−5
Index: package/dist/Card/index.js
===================================================================
--- package/dist/Card/index.js
+++ package/dist/Card/index.js
@@ -1,6 +1,5 @@
 import { CheckerDense } from '@codecademy/gamut-patterns';
-import { borderRadii } from '@codecademy/gamut-styles';
 import * as React from 'react';
 import { DynamicCardWrapper, MotionBox, StaticCardWrapper } from './elements';
 import { patternFadeInOut, useCardElevation } from './styles';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -14,15 +13,13 @@
   width = '100%',
   height = '100%',
   ...rest
 }) => {
-  const defaultBorderRadius = isInteractive ? 'md' : 'none';
-  const trueBorderRadius = borderRadius ?? defaultBorderRadius;
-  const resolvedBorderRadius = borderRadii[trueBorderRadius];
+  const trueBorderRadius = borderRadius ?? (isInteractive ? 'md' : 'none');
   const SelectedWrapper = variant === 'default' ? DynamicCardWrapper : StaticCardWrapper;
   const hasPattern = shadow === 'patternLeft' || shadow === 'patternRight';
   const isOutline = shadow === 'outline';
-  const setHoverShadow = useCardElevation(shadow, resolvedBorderRadius);
+  const setHoverShadow = useCardElevation(shadow, trueBorderRadius);
   const initialVariant = isOutline ? 'initialOutline' : 'initial';
   const animateVariant = isOutline ? 'animateOutline' : 'animate';
   return /*#__PURE__*/_jsxs(MotionBox, {
     animate: initialVariant,