@rpg-engine/long-bow 0.5.78 → 0.5.80

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.5.78",
+  "version": "0.5.80",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/Item/Inventory/ItemSlot.tsx

@@ -309,7 +309,7 @@ export const ItemSlot: React.FC<IProps> = observer(
           onDrag={onDraggableProgress}
           position={dragPosition}
           cancel=".empty-slot"
-          bounds=".item-container-body"
+          bounds=".item-container-body, .equipment-container-body"
         >
           <ItemContainer
             ref={dragContainer}

package/src/components/Shortcuts/ShortcutsSetter.tsx

@@ -7,7 +7,6 @@ import {
 } from '@rpg-engine/shared';
 import React from 'react';
 import styled from 'styled-components';
-import { UI_BREAKPOINT_MOBILE } from '../../constants/uiBreakpoints';
 import { uiColors } from '../../constants/uiColors';
 import { SpriteFromAtlas } from '../shared/SpriteFromAtlas';
 
@@ -116,11 +115,6 @@ const Container = styled.div`
   }
 
   width: 100%;
-
-  /*MOBILE ONLY CODE*/
-  @media screen and (max-width: ${UI_BREAKPOINT_MOBILE}) {
-    max-height: 80px;
-  }
 `;
 
 const Shortcut = styled.button<{ isBeingSet?: boolean }>`

package/src/stories/ItemContainer.stories.tsx

@@ -65,7 +65,7 @@ const Template: Story<IItemContainerProps & ITemplateProps> = ({
     itemContainer: mock,
   });
 
-  const coreItemContainer = (
+  const CoreItemContainer = () => (
     <ItemContainer
       itemContainer={itemContainer}
       onClose={() => console.log('closing item container')}
@@ -147,10 +147,10 @@ const Template: Story<IItemContainerProps & ITemplateProps> = ({
           centralize={false}
           breakPoint={UI_BREAKPOINT_SMALL_LAPTOP}
         >
-          {coreItemContainer}
+          <CoreItemContainer />
         </ScalableContainer>
       ) : (
-        coreItemContainer
+        <CoreItemContainer />
       )}
     </RPGUIRoot>
   );