@rpg-engine/long-bow 0.5.3 → 0.5.4

package/dist/long-bow.esm.js

@@ -15163,7 +15163,8 @@ var DialogContainer = /*#__PURE__*/styled.div.withConfig({
 var ImageCarousel = function ImageCarousel(_ref) {
   var _textImageSelected$te, _textImageSelected$te2;
   var textImage = _ref.textImage,
-    isTextFixed = _ref.isTextFixed;
+    isTextFixed = _ref.isTextFixed,
+    onCloseButton = _ref.onCloseButton;
   var _useState = useState(textImage[0]),
     textImageSelected = _useState[0],
     setTextImageSelected = _useState[1];
@@ -15217,7 +15218,10 @@ var ImageCarousel = function ImageCarousel(_ref) {
     onPointerDown: function onPointerDown() {
       return goToNextImage();
     }
-  }))));
+  }))), onCloseButton && React.createElement(CloseButton$2, {
+    className: "container-close",
+    onPointerDown: onCloseButton
+  }, "X"));
 };
 var CarouselWrapper = /*#__PURE__*/styled(DraggableContainer).withConfig({
   displayName: "ImageCarousel__CarouselWrapper",
@@ -15245,6 +15249,10 @@ var Description$1 = /*#__PURE__*/styled.div.withConfig({
 }, function (props) {
   return props.isTextFixed ? 'none' : 'rgba(0, 0, 0, 0.6)';
 });
+var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ImageCarousel__CloseButton",
+  componentId: "sc-jl6f8-4"
+})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:1.5rem;@media (max-width:950px){font-size:1.7rem;padding:12px;}"]);
 
 var SlotsContainer = function SlotsContainer(_ref) {
   var children = _ref.children,
@@ -15394,7 +15402,7 @@ var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
   return React.createElement(StyledContainer, {
     type: RPGUIContainerTypes.Framed,
     width: "25rem"
-  }, React.createElement(CloseButton$2, {
+  }, React.createElement(CloseButton$3, {
     className: "container-close",
     onPointerDown: onClose
   }, "X"), React.createElement("h2", null, "Select quantity to move"), React.createElement(StyledForm, {
@@ -15452,7 +15460,7 @@ var StyledInput = /*#__PURE__*/styled(Input).withConfig({
   displayName: "ItemQuantitySelector__StyledInput",
   componentId: "sc-yfdtpn-2"
 })(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
-var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
+var CloseButton$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemQuantitySelector__CloseButton",
   componentId: "sc-yfdtpn-3"
 })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
@@ -17354,7 +17362,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
     cancelDrag: "#skillsDiv",
     scale: scale,
     width: "100%"
-  }, onCloseButton && React.createElement(CloseButton$3, {
+  }, onCloseButton && React.createElement(CloseButton$4, {
     onPointerDown: onCloseButton
   }, "X"), React.createElement(SkillsContainerDiv, {
     id: "skillsDiv"
@@ -17390,7 +17398,7 @@ var SkillSplitDiv = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillsContainer__SkillSplitDiv",
   componentId: "sc-1g0c67q-2"
 })(["width:100%;font-size:11px;hr{margin:0;margin-bottom:1rem;padding:0px;}p{margin-bottom:0px;}"]);
-var CloseButton$3 = /*#__PURE__*/styled.div.withConfig({
+var CloseButton$4 = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillsContainer__CloseButton",
   componentId: "sc-1g0c67q-3"
 })(["position:absolute;top:2px;right:2px;color:white;z-index:22;font-size:1.1rem;"]);
@@ -17800,7 +17808,7 @@ var TimeWidget = function TimeWidget(_ref) {
     scale = _ref.scale;
   return React.createElement(Draggable, {
     scale: scale
-  }, React.createElement(WidgetContainer, null, React.createElement(CloseButton$4, {
+  }, React.createElement(WidgetContainer, null, React.createElement(CloseButton$5, {
     onPointerDown: onClose
   }, "X"), React.createElement(DayNightContainer, null, React.createElement(DayNightPeriod, {
     periodOfDay: periodOfDay
@@ -17814,7 +17822,7 @@ var Time = /*#__PURE__*/styled.div.withConfig({
   displayName: "TimeWidget__Time",
   componentId: "sc-1ja236h-1"
 })(["top:0.75rem;right:0.5rem;position:absolute;font-size:", ";color:white;"], uiFonts.size.small);
-var CloseButton$4 = /*#__PURE__*/styled.p.withConfig({
+var CloseButton$5 = /*#__PURE__*/styled.p.withConfig({
   displayName: "TimeWidget__CloseButton",
   componentId: "sc-1ja236h-2"
 })(["position:absolute;top:-0.5rem;margin:0;right:-0.2rem;font-size:", " !important;z-index:1;"], uiFonts.size.small);