@rpg-engine/long-bow 0.5.3 → 0.5.4

package/dist/components/ImageCarousel/ImageCarousel.d.ts

@@ -7,5 +7,6 @@ export interface ITextImageProps {
 export interface IImageCarouselProps {
     textImage: ITextImageProps[];
     isTextFixed: boolean;
+    onCloseButton?: () => void;
 }
 export declare const ImageCarousel: React.FC<IImageCarouselProps>;

package/dist/long-bow.cjs.development.js

@@ -15166,7 +15166,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 = React.useState(textImage[0]),
     textImageSelected = _useState[0],
     setTextImageSelected = _useState[1];
@@ -15220,7 +15221,10 @@ var ImageCarousel = function ImageCarousel(_ref) {
     onPointerDown: function onPointerDown() {
       return goToNextImage();
     }
-  }))));
+  }))), onCloseButton && React__default.createElement(CloseButton$2, {
+    className: "container-close",
+    onPointerDown: onCloseButton
+  }, "X"));
 };
 var CarouselWrapper = /*#__PURE__*/styled(DraggableContainer).withConfig({
   displayName: "ImageCarousel__CarouselWrapper",
@@ -15248,6 +15252,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,
@@ -15396,7 +15404,7 @@ var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
   return React__default.createElement(StyledContainer, {
     type: exports.RPGUIContainerTypes.Framed,
     width: "25rem"
-  }, React__default.createElement(CloseButton$2, {
+  }, React__default.createElement(CloseButton$3, {
     className: "container-close",
     onPointerDown: onClose
   }, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
@@ -15454,7 +15462,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;"]);
@@ -17356,7 +17364,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
     cancelDrag: "#skillsDiv",
     scale: scale,
     width: "100%"
-  }, onCloseButton && React__default.createElement(CloseButton$3, {
+  }, onCloseButton && React__default.createElement(CloseButton$4, {
     onPointerDown: onCloseButton
   }, "X"), React__default.createElement(SkillsContainerDiv, {
     id: "skillsDiv"
@@ -17392,7 +17400,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;"]);
@@ -17802,7 +17810,7 @@ var TimeWidget = function TimeWidget(_ref) {
     scale = _ref.scale;
   return React__default.createElement(Draggable, {
     scale: scale
-  }, React__default.createElement(WidgetContainer, null, React__default.createElement(CloseButton$4, {
+  }, React__default.createElement(WidgetContainer, null, React__default.createElement(CloseButton$5, {
     onPointerDown: onClose
   }, "X"), React__default.createElement(DayNightContainer, null, React__default.createElement(DayNightPeriod, {
     periodOfDay: periodOfDay
@@ -17816,7 +17824,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);