@rpg-engine/long-bow 0.8.236 → 0.8.238
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/long-bow.cjs.development.js +22 -15
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +22 -15
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Spellbook/Spell.tsx +12 -1
- package/src/components/Spellbook/Spellbook.tsx +4 -1
- package/src/components/Spellbook/__tests__/SpellInfoWrapper.test.tsx +26 -0
- package/src/components/Spellbook/__tests__/Spellbook.test.tsx +12 -0
- package/src/components/Spellbook/cards/SpellInfoWrapper.tsx +3 -1
package/dist/long-bow.esm.js
CHANGED
|
@@ -17412,7 +17412,10 @@ var SpellInfoWrapper = function SpellInfoWrapper(_ref) {
|
|
|
17412
17412
|
if (!isTooltipMobileVisible) setIsTooltipVisible(true);
|
|
17413
17413
|
},
|
|
17414
17414
|
onMouseLeave: function onMouseLeave(event) {
|
|
17415
|
-
|
|
17415
|
+
var _document$activeEleme;
|
|
17416
|
+
if (!event.currentTarget.contains(document.activeElement) || !((_document$activeEleme = document.activeElement) != null && _document$activeEleme.matches(':focus-visible'))) {
|
|
17417
|
+
setIsTooltipVisible(false);
|
|
17418
|
+
}
|
|
17416
17419
|
},
|
|
17417
17420
|
onTouchStart: handleTouchStart,
|
|
17418
17421
|
onTouchEnd: clearHold,
|
|
@@ -17525,15 +17528,19 @@ var Spell = function Spell(_ref) {
|
|
|
17525
17528
|
"$unavailable": unavailable
|
|
17526
17529
|
}, note)));
|
|
17527
17530
|
};
|
|
17531
|
+
var assignmentPulse = /*#__PURE__*/keyframes(["0%,100%{background-color:rgba(255,247,215,.5);}50%{background-color:rgba(255,252,235,.9);}"]);
|
|
17528
17532
|
var Card$1 = /*#__PURE__*/styled.button.withConfig({
|
|
17529
17533
|
displayName: "Spell__Card",
|
|
17530
17534
|
componentId: "sc-j96fa2-0"
|
|
17531
|
-
})(["box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-width:0;padding:7px 8px 8px;text-align:left;color:#392718;background:rgba(255,247,215,0.5);border:1px solid ", ";box-shadow:", ";border-radius:3px;font:inherit;cursor:pointer;transition:background .12s,border-color .12s;&:hover:not(:disabled){background:rgba(255,252,235,.9);border-color:#8a5a14;box-shadow:inset 0 0 0 1px #8a5a14;}&:focus-visible{outline:3px solid #3a2110;outline-offset:2px;}&&:disabled{cursor:default;background:rgba(113,81,49,.1);border-style:dashed;color:#392718;filter:none;}&:disabled img,&:disabled canvas{opacity:.55;}"], function (_ref2) {
|
|
17535
|
+
})(["box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-width:0;padding:7px 8px 8px;text-align:left;color:#392718;background:rgba(255,247,215,0.5);border:1px solid ", ";box-shadow:", ";border-radius:3px;font:inherit;cursor:pointer;transition:background .12s,border-color .12s;animation-name:", ";animation-duration:1.4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;&:disabled{animation-name:none;}@media (prefers-reduced-motion:reduce){animation-name:none;}&:hover:not(:disabled){background:rgba(255,252,235,.9);border-color:#8a5a14;box-shadow:inset 0 0 0 1px #8a5a14;}&:focus-visible{outline:3px solid #3a2110;outline-offset:2px;}&&:disabled{cursor:default;background:rgba(113,81,49,.1);border-style:dashed;color:#392718;filter:none;}&:disabled img,&:disabled canvas{opacity:.55;}"], function (_ref2) {
|
|
17532
17536
|
var $assigning = _ref2.$assigning;
|
|
17533
17537
|
return $assigning ? '#8a5a14' : 'rgba(89, 56, 28, .4)';
|
|
17534
17538
|
}, function (_ref3) {
|
|
17535
17539
|
var $assigning = _ref3.$assigning;
|
|
17536
17540
|
return $assigning ? 'inset 0 0 0 1px #8a5a14' : 'none';
|
|
17541
|
+
}, function (_ref4) {
|
|
17542
|
+
var $assigning = _ref4.$assigning;
|
|
17543
|
+
return $assigning ? assignmentPulse : 'none';
|
|
17537
17544
|
});
|
|
17538
17545
|
var Heading = /*#__PURE__*/styled.span.withConfig({
|
|
17539
17546
|
displayName: "Spell__Heading",
|
|
@@ -17566,12 +17573,12 @@ var RARITY_INK = (_RARITY_INK = {}, _RARITY_INK[ItemRarities.Common] = '#5a3f27'
|
|
|
17566
17573
|
var Rarity$1 = /*#__PURE__*/styled.span.withConfig({
|
|
17567
17574
|
displayName: "Spell__Rarity",
|
|
17568
17575
|
componentId: "sc-j96fa2-6"
|
|
17569
|
-
})(["display:inline-block;flex:none;padding:1px 5px;border:1px solid ", ";border-radius:2px;background:rgba(255,250,229,.7);&&{font-size:9px;line-height:1.3;color:", ";text-shadow:none;}"], function (
|
|
17570
|
-
var $rarity = _ref4.$rarity;
|
|
17571
|
-
return RARITY_INK[$rarity];
|
|
17572
|
-
}, function (_ref5) {
|
|
17576
|
+
})(["display:inline-block;flex:none;padding:1px 5px;border:1px solid ", ";border-radius:2px;background:rgba(255,250,229,.7);&&{font-size:9px;line-height:1.3;color:", ";text-shadow:none;}"], function (_ref5) {
|
|
17573
17577
|
var $rarity = _ref5.$rarity;
|
|
17574
17578
|
return RARITY_INK[$rarity];
|
|
17579
|
+
}, function (_ref6) {
|
|
17580
|
+
var $rarity = _ref6.$rarity;
|
|
17581
|
+
return RARITY_INK[$rarity];
|
|
17575
17582
|
});
|
|
17576
17583
|
var Description$8 = /*#__PURE__*/styled.span.withConfig({
|
|
17577
17584
|
displayName: "Spell__Description",
|
|
@@ -17587,8 +17594,8 @@ var Facts = /*#__PURE__*/styled.span.withConfig({
|
|
|
17587
17594
|
var Requirement = /*#__PURE__*/styled.span.withConfig({
|
|
17588
17595
|
displayName: "Spell__Requirement",
|
|
17589
17596
|
componentId: "sc-j96fa2-9"
|
|
17590
|
-
})(["display:block;&&{font-size:9px;line-height:1.5;color:#392718;text-shadow:none;}", ""], function (
|
|
17591
|
-
var $unmet =
|
|
17597
|
+
})(["display:block;&&{font-size:9px;line-height:1.5;color:#392718;text-shadow:none;}", ""], function (_ref7) {
|
|
17598
|
+
var $unmet = _ref7.$unmet;
|
|
17592
17599
|
return $unmet && css(["padding:3px 6px;background:rgba(138,42,34,.12);border-left:3px solid #8a2a22;border-radius:2px;&&{color:#8a2a22;}"]);
|
|
17593
17600
|
});
|
|
17594
17601
|
var Stats = /*#__PURE__*/styled.span.withConfig({
|
|
@@ -17610,18 +17617,18 @@ var STAT_TONES = {
|
|
|
17610
17617
|
var Value$2 = /*#__PURE__*/styled.span.withConfig({
|
|
17611
17618
|
displayName: "Spell__Value",
|
|
17612
17619
|
componentId: "sc-j96fa2-13"
|
|
17613
|
-
})(["&&{font-size:10px;line-height:1.4;color:", ";text-shadow:none;}"], function (
|
|
17614
|
-
var $tone =
|
|
17620
|
+
})(["&&{font-size:10px;line-height:1.4;color:", ";text-shadow:none;}"], function (_ref8) {
|
|
17621
|
+
var $tone = _ref8.$tone;
|
|
17615
17622
|
return $tone ? STAT_TONES[$tone] : '#2a1708';
|
|
17616
17623
|
});
|
|
17617
17624
|
var Status$1 = /*#__PURE__*/styled.span.withConfig({
|
|
17618
17625
|
displayName: "Spell__Status",
|
|
17619
17626
|
componentId: "sc-j96fa2-14"
|
|
17620
|
-
})(["display:flex;align-items:center;gap:6px;margin-top:4px;&&{font-size:9px;line-height:1.5;color:", ";text-shadow:none;}&::before{content:'';flex:none;width:6px;height:6px;background:currentColor;clip-path:", ";}"], function (
|
|
17621
|
-
var $unavailable = _ref8.$unavailable;
|
|
17622
|
-
return $unavailable ? '#8a2a22' : '#4b4420';
|
|
17623
|
-
}, function (_ref9) {
|
|
17627
|
+
})(["display:flex;align-items:center;gap:6px;margin-top:4px;&&{font-size:9px;line-height:1.5;color:", ";text-shadow:none;}&::before{content:'';flex:none;width:6px;height:6px;background:currentColor;clip-path:", ";}"], function (_ref9) {
|
|
17624
17628
|
var $unavailable = _ref9.$unavailable;
|
|
17629
|
+
return $unavailable ? '#8a2a22' : '#4b4420';
|
|
17630
|
+
}, function (_ref10) {
|
|
17631
|
+
var $unavailable = _ref10.$unavailable;
|
|
17625
17632
|
return $unavailable ? 'none' : 'polygon(0 0, 100% 50%, 0 100%)';
|
|
17626
17633
|
});
|
|
17627
17634
|
|
|
@@ -17870,7 +17877,7 @@ var SmallButton = /*#__PURE__*/styled.button.withConfig({
|
|
|
17870
17877
|
var PageTurn = /*#__PURE__*/styled(SmallButton).withConfig({
|
|
17871
17878
|
displayName: "Spellbook__PageTurn",
|
|
17872
17879
|
componentId: "sc-r02nfq-16"
|
|
17873
|
-
})(["flex:none;width:124px;", "{width:108px;padding:0 5px;}", "{flex:1 1 0;width:auto;min-width:
|
|
17880
|
+
})(["flex:none;width:124px;", "{width:108px;padding:0 5px;}", "{flex:1 1 0;width:auto;min-width:44px;padding:0 4px;gap:4px;font-size:9px;svg{flex:0 0 10px;}}"], DESKTOP, PHONE);
|
|
17874
17881
|
// Same Previous / Page n of N / Next order as the shared Pagination; the base-value footnote takes the
|
|
17875
17882
|
// left page so the page turners sit together at the outer corner of the right page.
|
|
17876
17883
|
var Pager$1 = /*#__PURE__*/styled.div.withConfig({
|