@rpg-engine/long-bow 0.5.4 → 0.5.6

package/dist/long-bow.esm.js

@@ -95,6 +95,7 @@ var ButtonContainer = /*#__PURE__*/styled.button.withConfig({
 })(["height:45px;font-size:", ";"], uiFonts.size.small);
 
 var SpriteFromAtlas = function SpriteFromAtlas(_ref) {
+  var _atlasJSON$frames, _atlasJSON$frames2;
   var atlasJSON = _ref.atlasJSON,
     atlasIMG = _ref.atlasIMG,
     spriteKey = _ref.spriteKey,
@@ -116,7 +117,7 @@ var SpriteFromAtlas = function SpriteFromAtlas(_ref) {
     borderRadius = _ref.borderRadius;
   //! If an item is not showing, remember that you MUST run yarn atlas:copy everytime you add a new item to the atlas (it will sync our public folder atlas with src/atlas).
   //!Due to React's limitations, we cannot import it from the public folder directly!
-  var spriteData = atlasJSON.frames[spriteKey] || atlasJSON.frames['others/no-image.png'];
+  var spriteData = (atlasJSON == null ? void 0 : (_atlasJSON$frames = atlasJSON.frames) == null ? void 0 : _atlasJSON$frames[spriteKey]) || (atlasJSON == null ? void 0 : (_atlasJSON$frames2 = atlasJSON.frames) == null ? void 0 : _atlasJSON$frames2['others/no-image.png']);
   if (!spriteData) throw new Error("Sprite " + spriteKey + " not found in atlas!");
   return React.createElement(Container, {
     width: width,
@@ -15234,7 +15235,7 @@ var ArrowContainer = /*#__PURE__*/styled.span.withConfig({
 var BackgroundImage = /*#__PURE__*/styled.div.withConfig({
   displayName: "ImageCarousel__BackgroundImage",
   componentId: "sc-jl6f8-2"
-})(["background-image:url(", ");background-repeat:no-repeat;background-attachment:fixed;background-size:cover;width:100%;height:", ";"], function (props) {
+})(["background-image:url(", ");background-repeat:no-repeat;background-attachment:fixed;background-size:contain;background-position:center;width:100%;height:", ";"], function (props) {
   return props.imagePath;
 }, function (props) {
   return props.isTextFixed ? '80%' : '100%';