@rpg-engine/long-bow 0.8.8 → 0.8.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/long-bow.cjs.development.js +7 -2
  2. package/dist/long-bow.cjs.development.js.map +1 -1
  3. package/dist/long-bow.cjs.production.min.js +1 -1
  4. package/dist/long-bow.cjs.production.min.js.map +1 -1
  5. package/dist/long-bow.esm.js +7 -2
  6. package/dist/long-bow.esm.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/shared/SpriteFromAtlas.tsx +50 -56
package/dist/long-bow.cjs.development.js CHANGED
@@ -654,7 +654,7 @@ var Container$1 = /*#__PURE__*/styled__default.div.withConfig({
654
654
  var ImgSprite = /*#__PURE__*/styled__default.div.withConfig({
655
655
  displayName: "SpriteFromAtlas__ImgSprite",
656
656
  componentId: "sc-1lpani8-1"
657
- })(["width:", "px;height:", "px;background-image:url(", ");background-position:-", "px -", "px;transform:scale(", ");position:relative;top:", ";left:", ";", " opacity:", ";"], function (props) {
657
+ })(["width:", "px;height:", "px;background-image:url(", ");background-position:-", "px -", "px;transform:scale(", ");position:relative;top:", ";left:", ";filter:", ";opacity:", ";border-radius:", ";overflow:hidden;"], function (props) {
658
658
  return props.frame.w;
659
659
  }, function (props) {
660
660
  return props.frame.h;
@@ -671,9 +671,14 @@ var ImgSprite = /*#__PURE__*/styled__default.div.withConfig({
671
671
  }, function (props) {
672
672
  return props.centered ? '0' : '8px';
673
673
  }, function (props) {
674
- return props.tintColor && "\n &::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: " + props.frame.w + "px;\n height: " + props.frame.h + "px;\n background-color: " + props.tintColor + ";\n mask-image: url(" + props.atlasIMG + ");\n mask-position: -" + props.frame.x + "px -" + props.frame.y + "px;\n -webkit-mask-image: url(" + props.atlasIMG + ");\n -webkit-mask-position: -" + props.frame.x + "px -" + props.frame.y + "px;\n mix-blend-mode: color; \n " + (props.grayScale ? 'filter: grayscale(100%);' : 'none') + "\n }\n ";
674
+ var filters = [];
675
+ if (props.grayScale) filters.push('grayscale(100%)');
676
+ if (props.tintColor) filters.push("brightness(0.8) contrast(1.2) sepia(100%) hue-rotate(" + (props.tintColor === '#FFD700' ? '40deg' : '210deg') + ") saturate(400%)");
677
+ return filters.length ? filters.join(' ') : 'none';
675
678
  }, function (props) {
676
679
  return props.opacity;
680
+ }, function (props) {
681
+ return props.borderRadius || '0';
677
682
  });
678
683
 
679
684
  var frames = {