@rpg-engine/long-bow 0.1.68 → 0.1.69

package/dist/components/DraggableContainer.d.ts

@@ -10,7 +10,7 @@ export interface IDraggableContainerProps {
     title: string;
     imgSrc?: string;
     imgWidth?: string;
-    onCloseButton: () => void;
+    onCloseButton?: () => void;
     cancelDrag?: string;
     onPositionChange?: (position: IPosition) => void;
 }

package/dist/components/Item/SpriteFromAtlas.d.ts

@@ -6,6 +6,8 @@ interface IProps {
     width?: number;
     height?: number;
     scale?: number;
+    grayScale?: boolean;
+    opacity?: number;
 }
 export declare const SpriteFromAtlas: React.FC<IProps>;
 export {};

package/dist/components/SimpleProgressBar.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-interface IProps {
+export interface ISimpleProgressBarProps {
     value: number;
-    height?: string;
     bgColor?: string;
+    margin?: number;
 }
-export declare const SimpleProgressBar: React.FC<IProps>;
-export {};
+export declare const SimpleProgressBar: React.FC<ISimpleProgressBarProps>;

package/dist/components/SkillProgressBar.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 export interface ISkillProgressBarProps {
-    value: number;
-    height: string;
+    skillName: string;
     bgColor: string;
-    titleName: string;
-    logoSrc?: string;
+    level: number;
+    skillPoints: number;
+    skillPointsToNextLevel?: number;
+    texturePath: string;
+    showSkillPoints?: boolean;
 }
 export declare const SkillProgressBar: React.FC<ISkillProgressBarProps>;

package/dist/components/SkillsContainer.d.ts

@@ -0,0 +1,7 @@
+import { ISkill } from '@rpg-engine/shared';
+import React from 'react';
+export interface ISkillContainerProps {
+    skill: ISkill;
+    onCloseButton: () => void;
+}
+export declare const SkillsContainer: React.FC<ISkillContainerProps>;

package/dist/constants/uiColors.d.ts

@@ -1,3 +1,10 @@
 export declare const colors: {
     darkGrey: string;
+    darkYellow: string;
+    orange: string;
+    cardinal: string;
+    raisinBlack: string;
+    navyBlue: string;
+    purple: string;
+    blue: string;
 };