@rpg-engine/long-bow 0.2.41 → 0.2.42

package/dist/components/ListMenu.d.ts

@@ -8,7 +8,6 @@ export interface IListMenuProps {
     y: number;
     options: IListMenuOption[];
     onSelected: (selectedOptionId: string) => void;
-    fontSize?: number;
 }
 export declare const ListMenu: React.FC<IListMenuProps>;
 export {};

package/dist/constants/uiColors.d.ts

@@ -1,10 +1,20 @@
-export declare const colors: {
-    darkGrey: string;
+export declare const uiColors: {
+    lightGray: string;
+    gray: string;
+    darkGray: string;
     darkYellow: string;
+    yellow: string;
     orange: string;
     cardinal: string;
+    red: string;
+    darkRed: string;
     raisinBlack: string;
     navyBlue: string;
     purple: string;
+    darkPurple: string;
     blue: string;
+    darkBlue: string;
+    brown: string;
+    lightGreen: string;
+    brownGreen: string;
 };

package/dist/constants/uiFonts.d.ts

@@ -0,0 +1,12 @@
+export declare const uiFonts: {
+    size: {
+        xxsmall: string;
+        xsmall: string;
+        small: string;
+        medium: string;
+        large: string;
+        xLarge: string;
+        xxLarge: string;
+        xxxLarge: string;
+    };
+};

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

@@ -60,6 +60,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var uiFonts = {
+  size: {
+    xxsmall: '8px',
+    xsmall: '9px',
+    small: '12px',
+    medium: '14px',
+    large: '16px',
+    xLarge: '18px',
+    xxLarge: '20px',
+    xxxLarge: '24px'
+  }
+};
+
 var _excluded = ["disabled", "children", "buttonType"];
 (function (ButtonTypes) {
   ButtonTypes["RPGUIButton"] = "rpgui-button";
@@ -79,7 +92,7 @@ var Button = function Button(_ref) {
 var ButtonContainer = /*#__PURE__*/styled.button.withConfig({
   displayName: "Button__ButtonContainer",
   componentId: "sc-obzd3o-0"
-})(["height:45px;font-size:11.5px;"]);
+})(["height:45px;font-size:", ";"], uiFonts.size.small);
 
 var SpriteFromAtlas = function SpriteFromAtlas(_ref) {
   var atlasJSON = _ref.atlasJSON,
@@ -27406,7 +27419,7 @@ var PropertySelect = function PropertySelect(_ref) {
 var Item = /*#__PURE__*/styled.span.withConfig({
   displayName: "PropertySelect__Item",
   componentId: "sc-12uqx6s-0"
-})(["font-size:1rem;color:white;text-align:center;z-index:1;position:absolute;top:12px;width:100%;"]);
+})(["font-size:1rem;color:white;text-align:center;z-index:1;position:absolute;top:12px;width:100%;p{margin:0 auto;font-size:", ";}"], uiFonts.size.small);
 var TextOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "PropertySelect__TextOverlay",
   componentId: "sc-12uqx6s-1"
@@ -27473,15 +27486,25 @@ var Container$3 = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-b34498-0"
 })(["display:flex;flex-direction:column;align-items:center;image-rendering:pixelated;"]);
 
-var colors = {
-  darkGrey: '#3e3e3e',
+var uiColors = {
+  lightGray: '#757161',
+  gray: '#4E4A4E',
+  darkGray: '#3e3e3e',
   darkYellow: '#FFC857',
-  orange: '#E9724C',
+  yellow: '#FFFF00',
+  orange: '#D27D2C',
   cardinal: '#C5283D',
+  red: '#D04648',
+  darkRed: '#442434',
   raisinBlack: '#191923',
   navyBlue: '#0E79B2',
-  purple: '#8C3D8C',
-  blue: '#3772FF'
+  purple: '#6833A3',
+  darkPurple: '#522761',
+  blue: '#597DCE',
+  darkBlue: '#30346D',
+  brown: '#854C30',
+  lightGreen: '#6DAA2C',
+  brownGreen: '#346524'
 };
 
 var Input = function Input(_ref) {
@@ -27632,7 +27655,7 @@ var CustomContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
   componentId: "sc-1bk05n6-3"
 })(["display:block;opacity:", ";&:hover{opacity:1;}.dark-background{background-color:", " !important;}.chat-body{&.rpgui-container.framed-grey{background:unset;}max-height:170px;overflow-y:auto;}"], function (props) {
   return props.opacity;
-}, colors.darkGrey);
+}, uiColors.darkGray);
 var Form = /*#__PURE__*/styled.form.withConfig({
   displayName: "Chat__Form",
   componentId: "sc-1bk05n6-4"
@@ -27640,7 +27663,7 @@ var Form = /*#__PURE__*/styled.form.withConfig({
 var MessageText = /*#__PURE__*/styled.p.withConfig({
   displayName: "Chat__MessageText",
   componentId: "sc-1bk05n6-5"
-})(["display:block !important;width:100%;font-size:0.7rem !important;overflow-y:auto;margin:0;"]);
+})(["display:block !important;width:100%;font-size:", " !important;overflow-y:auto;margin:0;"], uiFonts.size.xsmall);
 
 var CheckButton = function CheckButton(_ref) {
   var items = _ref.items,
@@ -27783,11 +27806,11 @@ var TitleContainer = /*#__PURE__*/styled.div.withConfig({
 var Title = /*#__PURE__*/styled.h1.withConfig({
   displayName: "DraggableContainer__Title",
   componentId: "sc-184mpyl-3"
-})(["color:white;z-index:22;font-size:0.6rem;"]);
+})(["color:white;z-index:22;font-size:", ";"], uiFonts.size.large);
 var Icon = /*#__PURE__*/styled.img.withConfig({
   displayName: "DraggableContainer__Icon",
   componentId: "sc-184mpyl-4"
-})(["color:white;z-index:22;font-size:10px;width:", ";margin-right:0.5rem;"], function (props) {
+})(["color:white;z-index:22;font-size:", ";width:", ";margin-right:0.5rem;"], uiFonts.size.xsmall, function (props) {
   return props.width;
 });
 
@@ -27891,7 +27914,7 @@ var ItemTooltip = function ItemTooltip(_ref) {
 var Container$8 = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemTooltip__Container",
   componentId: "sc-11d9r7x-0"
-})(["z-index:2;position:absolute;top:1rem;left:4rem;font-size:0.5rem;color:white;background-color:black;border-radius:5px;padding:0.5rem;min-width:20px;width:100%;text-align:center;opacity:0.75;"]);
+})(["z-index:2;position:absolute;top:1rem;left:4rem;font-size:", ";color:white;background-color:black;border-radius:5px;padding:0.5rem;min-width:20px;width:100%;text-align:center;opacity:0.75;"], uiFonts.size.xxsmall);
 
 var generateContextMenuListOptions = function generateContextMenuListOptions(actionsByTypeList) {
   var contextMenu = actionsByTypeList.map(function (action) {
@@ -28807,13 +28830,10 @@ var ListMenu = function ListMenu(_ref) {
   var options = _ref.options,
     onSelected = _ref.onSelected,
     x = _ref.x,
-    y = _ref.y,
-    _ref$fontSize = _ref.fontSize,
-    fontSize = _ref$fontSize === void 0 ? 0.8 : _ref$fontSize;
+    y = _ref.y;
   return React__default.createElement(Container$e, {
     x: x,
-    y: y,
-    fontSize: fontSize
+    y: y
   }, React__default.createElement("ul", {
     className: "rpgui-list-imp",
     style: {
@@ -28831,13 +28851,11 @@ var ListMenu = function ListMenu(_ref) {
 var Container$e = /*#__PURE__*/styled.div.withConfig({
   displayName: "ListMenu__Container",
   componentId: "sc-i9097t-0"
-})(["display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;position:absolute;top:", "px;left:", "px;li{font-size:", "em;}"], function (props) {
+})(["display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;position:absolute;top:", "px;left:", "px;li{font-size:", ";}"], function (props) {
   return props.y || 0;
 }, function (props) {
   return props.x || 0;
-}, function (props) {
-  return props.fontSize;
-});
+}, uiFonts.size.xsmall);
 var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
   displayName: "ListMenu__ListElement",
   componentId: "sc-i9097t-1"
@@ -28884,7 +28902,7 @@ var ProgressBar = function ProgressBar(_ref) {
 var ProgressBarText = /*#__PURE__*/styled.span.withConfig({
   displayName: "ProgressBar__ProgressBarText",
   componentId: "sc-qa6fzh-0"
-})(["font-size:1rem;color:white;text-align:center;z-index:1;position:absolute;left:50%;transform:translateX(-50%);top:12px;"]);
+})(["font-size:", " !important;color:white;text-align:center;z-index:1;position:absolute;left:50%;transform:translateX(-50%);top:12px;"], uiFonts.size.small);
 var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "ProgressBar__TextOverlay",
   componentId: "sc-qa6fzh-1"
@@ -29004,19 +29022,19 @@ var QuestSplitDiv = /*#__PURE__*/styled.div.withConfig({
 var QuestColumn = /*#__PURE__*/styled(Column).withConfig({
   displayName: "QuestInfo__QuestColumn",
   componentId: "sc-15s2boc-5"
-})(["background:#4e4a4e;padding-top:5px;margin-bottom:20px;display:flex;justify-content:space-evenly;"]);
+})(["padding-top:5px;margin-bottom:20px;display:flex;justify-content:space-evenly;"]);
 var TitleContainer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "QuestInfo__TitleContainer",
   componentId: "sc-15s2boc-6"
-})(["background:#4e4a4e;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;"]);
+})(["width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:1rem;"]);
 var Title$1 = /*#__PURE__*/styled.h1.withConfig({
   displayName: "QuestInfo__Title",
   componentId: "sc-15s2boc-7"
-})(["color:white;z-index:22;font-size:0.6rem;"]);
+})(["color:white;z-index:22;font-size:", " !important;color:", " !important;"], uiFonts.size.medium, uiColors.yellow);
 var Thumbnail = /*#__PURE__*/styled.img.withConfig({
   displayName: "QuestInfo__Thumbnail",
   componentId: "sc-15s2boc-8"
-})(["color:white;z-index:22;font-size:10px;width:64px;margin-right:0.5rem;"]);
+})(["color:white;z-index:22;width:32px * 1.5;margin-right:0.5rem;position:relative;top:-4px;"]);
 
 var QuestList = function QuestList(_ref) {
   var quests = _ref.quests,
@@ -29055,7 +29073,7 @@ var QuestDraggableContainer$1 = /*#__PURE__*/styled(DraggableContainer).withConf
 var Title$2 = /*#__PURE__*/styled.h1.withConfig({
   displayName: "QuestList__Title",
   componentId: "sc-1a2vx6q-1"
-})(["z-index:22;font-size:0.6rem;color:yellow !important;"]);
+})(["z-index:22;font-size:", " !important;color:yellow !important;"], uiFonts.size.medium);
 var QuestListContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "QuestList__QuestListContainer",
   componentId: "sc-1a2vx6q-2"
@@ -29232,7 +29250,7 @@ var ProgressTitle = /*#__PURE__*/styled.div.withConfig({
 
 var skillProps = {
   attributes: {
-    color: colors.cardinal,
+    color: uiColors.purple,
     values: {
       stamina: 'spell-icons/regenerate.png',
       magic: 'spell-icons/fireball.png',
@@ -29243,7 +29261,7 @@ var skillProps = {
     }
   },
   combat: {
-    color: colors.purple,
+    color: uiColors.cardinal,
     values: {
       first: 'gloves/leather-gloves.png',
       club: 'maces/club.png',
@@ -29255,7 +29273,7 @@ var skillProps = {
     }
   },
   crafting: {
-    color: colors.blue,
+    color: uiColors.blue,
     values: {
       fishing: 'foods/fish.png',
       mining: 'crafting-resources/iron-ingot.png',
@@ -29303,7 +29321,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
     className: "golden"
   }), React__default.createElement(SkillProgressBar, {
     skillName: 'Level',
-    bgColor: colors.navyBlue,
+    bgColor: uiColors.navyBlue,
     level: Math.round(skill.level) || 0,
     skillPoints: Math.round(skill.experience) || 0,
     skillPointsToNextLevel: Math.round(skill.xpToNextLevel) || 0,
@@ -29395,7 +29413,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
 var ItemWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__ItemWrapper",
   componentId: "sc-mja0b5-0"
-})(["width:100%;margin:auto;display:flex;justify-content:space-between;margin-bottom:1rem;&:hover{background-color:", ";}padding:0.5rem;"], colors.darkGrey);
+})(["width:100%;margin:auto;display:flex;justify-content:space-between;margin-bottom:1rem;&:hover{background-color:", ";}padding:0.5rem;"], uiColors.darkGray);
 var ItemNameContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__ItemNameContainer",
   componentId: "sc-mja0b5-1"
@@ -29415,7 +29433,7 @@ var NameValue = /*#__PURE__*/styled.div.withConfig({
 var Item$1 = /*#__PURE__*/styled.span.withConfig({
   displayName: "TradingItemRow__Item",
   componentId: "sc-mja0b5-5"
-})(["font-size:1rem;color:white;text-align:center;z-index:1;width:100%;"]);
+})(["color:white;text-align:center;z-index:1;width:100%;"]);
 var TextOverlay$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__TextOverlay",
   componentId: "sc-mja0b5-6"
@@ -29427,7 +29445,7 @@ var QuantityContainer = /*#__PURE__*/styled.div.withConfig({
 var QuantityDisplay = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__QuantityDisplay",
   componentId: "sc-mja0b5-8"
-})(["font-size:0.8rem;"]);
+})(["font-size:", ";"], uiFonts.size.small);
 
 var TradingMenu = function TradingMenu(_ref) {
   var traderItems = _ref.traderItems,