@rpg-engine/long-bow 0.7.96 → 0.7.97

package/dist/long-bow.esm.js

@@ -28618,14 +28618,14 @@ var TooltipContainer = /*#__PURE__*/styled.div.withConfig({
 var MinCraftingRequirementsText = /*#__PURE__*/styled.div.withConfig({
   displayName: "CraftingTooltip__MinCraftingRequirementsText",
   componentId: "sc-iqzgok-1"
-})(["font-size:0.55rem;margin:0;margin-bottom:12px;color:", " !important;"], function (_ref) {
+})(["font-size:0.55rem;margin:0;margin-bottom:12px;margin-left:0.5rem;color:", " !important;"], function (_ref) {
   var levelIsOk = _ref.levelIsOk;
   return levelIsOk ? uiColors.lightGreen : uiColors.lightGray;
 });
-var IngredientsTitle = /*#__PURE__*/styled.div.withConfig({
-  displayName: "CraftingTooltip__IngredientsTitle",
+var TooltipTitle = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CraftingTooltip__TooltipTitle",
   componentId: "sc-iqzgok-2"
-})(["color:", ";font-size:0.6rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.5px;"], uiColors.yellow);
+})(["color:", ";font-size:0.6rem;margin-bottom:12px;letter-spacing:0.5px;"], uiColors.yellow);
 var Recipe = /*#__PURE__*/styled.div.withConfig({
   displayName: "CraftingTooltip__Recipe",
   componentId: "sc-iqzgok-3"
@@ -28651,9 +28651,9 @@ var CraftingTooltip = function CraftingTooltip(_ref3) {
   return React.createElement(TooltipContainer, {
     x: x,
     y: y
-  }, React.createElement(MinCraftingRequirementsText, {
+  }, React.createElement(TooltipTitle, null, "Skill Requirements"), React.createElement(MinCraftingRequirementsText, {
     levelIsOk: levelIsOk
-  }, modifyString("" + ((_recipe$minCraftingRe3 = recipe == null ? void 0 : (_recipe$minCraftingRe4 = recipe.minCraftingRequirements) == null ? void 0 : _recipe$minCraftingRe4[0]) != null ? _recipe$minCraftingRe3 : '')), " lvl", ' ', (_recipe$minCraftingRe5 = recipe == null ? void 0 : (_recipe$minCraftingRe6 = recipe.minCraftingRequirements) == null ? void 0 : _recipe$minCraftingRe6[1]) != null ? _recipe$minCraftingRe5 : 0, " (", levelInSkill, ")"), React.createElement(IngredientsTitle, null, "Ingredients"), recipe.ingredients.map(function (ingredient, index) {
+  }, modifyString("" + ((_recipe$minCraftingRe3 = recipe == null ? void 0 : (_recipe$minCraftingRe4 = recipe.minCraftingRequirements) == null ? void 0 : _recipe$minCraftingRe4[0]) != null ? _recipe$minCraftingRe3 : '')), " lvl", ' ', (_recipe$minCraftingRe5 = recipe == null ? void 0 : (_recipe$minCraftingRe6 = recipe.minCraftingRequirements) == null ? void 0 : _recipe$minCraftingRe6[1]) != null ? _recipe$minCraftingRe5 : 0, " (", levelInSkill, ")"), React.createElement(TooltipTitle, null, "Ingredients"), recipe.ingredients.map(function (ingredient, index) {
     var itemQtyInInventory = !inventory ? 0 : countItemFromInventory(ingredient.key, inventory);
     var isQuantityOk = ingredient.qty <= itemQtyInInventory;
     return React.createElement(Recipe, {
@@ -28684,7 +28684,7 @@ var MainContent = /*#__PURE__*/styled.div.withConfig({
 var ItemHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "CraftingRecipe__ItemHeader",
   componentId: "sc-1fe04wz-3"
-})(["display:flex;align-items:center;gap:8px;margin-bottom:4px;label{font-size:0.9rem;font-weight:bold;display:flex;align-items:center;}"]);
+})(["display:flex;align-items:center;gap:8px;margin-bottom:4px;label{font-size:0.8rem;font-weight:bold;display:flex;align-items:center;padding-right:1rem;}"]);
 var CraftingRecipe = function CraftingRecipe(_ref) {
   var atlasIMG = _ref.atlasIMG,
     atlasJSON = _ref.atlasJSON,