react-image-crop 11.0.0

on Node.js NPM

Not a breaking change for most users, but the way crop shadow is done is significantly different, and hopefully solves two problems while not introducing others 🙏:

• fix: crop shadow on circular crop not working in Safari
• improve: component no longer has overflow: hidden applied, which makes some kinds of customization easier. Also the crop handles now overflow the container instead of getting cut off:

Breaking change for users of SASS variables:

• Variables are now done with CSS Variables. They are as follows:

:root {
  --rc-drag-handle-size: 12px;
  --rc-drag-handle-mobile-size: 24px;
  --rc-drag-bar-size: 6px; /* The invisible grip size of the crop selection edges */
  --rc-drag-handle-background-colour: rgba(0, 0, 0, 0.2);
  --rc-border-color: rgba(255, 255, 255, 0.7);
  --rc-focus-color: #0088ff;
}