@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,