@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.esm.js CHANGED
@@ -646,7 +646,7 @@ var Container$1 = /*#__PURE__*/styled.div.withConfig({
646
646
  var ImgSprite = /*#__PURE__*/styled.div.withConfig({
647
647
  displayName: "SpriteFromAtlas__ImgSprite",
648
648
  componentId: "sc-1lpani8-1"
649
- })(["width:", "px;height:", "px;background-image:url(", ");background-position:-", "px -", "px;transform:scale(", ");position:relative;top:", ";left:", ";", " opacity:", ";"], function (props) {
649
+ })(["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) {
650
650
  return props.frame.w;
651
651
  }, function (props) {
652
652
  return props.frame.h;
@@ -663,9 +663,14 @@ var ImgSprite = /*#__PURE__*/styled.div.withConfig({
663
663
  }, function (props) {
664
664
  return props.centered ? '0' : '8px';
665
665
  }, function (props) {
666
- 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 ";
666
+ var filters = [];
667
+ if (props.grayScale) filters.push('grayscale(100%)');
668
+ if (props.tintColor) filters.push("brightness(0.8) contrast(1.2) sepia(100%) hue-rotate(" + (props.tintColor === '#FFD700' ? '40deg' : '210deg') + ") saturate(400%)");
669
+ return filters.length ? filters.join(' ') : 'none';
667
670
  }, function (props) {
668
671
  return props.opacity;
672
+ }, function (props) {
673
+ return props.borderRadius || '0';
669
674
  });
670
675
 
671
676
  var frames = {