React Image Crop Versions Save

• Fix css v11 regression when users are allowed to click off the crop to remove it #575

No changes in these releases, it's just to update some NPM info

• Fix regression in v11 when using multiple crop instances #572

• Add overflow: hidden to the image wrapper so that scaling and rotating doesn't overflow the component since removing overflow: hidden from the component itself

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-handle-bg-colour: rgba(0, 0, 0, 0.2);
  --rc-drag-bar-size: 6px; /* The invisible grip size of the crop selection edges */
  --rc-border-color: rgba(255, 255, 255, 0.7);
  --rc-focus-color: #0088ff;
}

• Fix use of input in a renderSelectionAddon #570

• Fix a regression determining the min dimension to use when crop is set to aspect

• Fix 10.1.6 regression when only minWidth or minHeight is set and crop is resized to inverse
• Ensure new min-dimension crop is always in bounds as its being drawn

• Fix issue when using minWidth/minHeight where crop can flip over and go out of bounds #554

• Disable animated marching ant border for circular crops as it wasn't working properly

• Add back animated marching ants to crop selection as seen on the README. If you wish to disable the animation then pass className="ReactCrop--no-animate"