@rpg-engine/long-bow 0.6.34 → 0.6.37

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

@@ -32842,11 +32842,11 @@ var StepperTop = /*#__PURE__*/styled__default.div.withConfig({
 var StepperBodyContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Stepper__StepperBodyContainer",
   componentId: "sc-13obf1-2"
-})(["flex:8;display:flex;align-items:center;position:relative;"]);
+})(["flex:8;display:flex;align-items:center;position:relative;height:100%;"]);
 var StepperBody = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Stepper__StepperBody",
   componentId: "sc-13obf1-3"
-})(["flex:1;"]);
+})(["flex:1;min-height:200px;transition:height 0.3s ease-in-out;"]);
 var ArrowContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "Stepper__ArrowContainer",
   componentId: "sc-13obf1-4"
@@ -33227,7 +33227,6 @@ var TutorialStepper = /*#__PURE__*/React__default.memo(function (_ref) {
     imageStyle = _ref.imageStyle;
   var generateLessons = React.useMemo(function () {
     return lessons.map(function (lesson, index) {
-      var _lesson$imageUrl;
       return {
         component: React__default.createElement(LessonContainer, {
           key: index,
@@ -33237,15 +33236,19 @@ var TutorialStepper = /*#__PURE__*/React__default.memo(function (_ref) {
         }, lesson.title), lesson.image && React__default.createElement(LessonImage, {
           className: "lesson-image",
           style: imageStyle
-        }, React__default.createElement("a", {
-          href: (_lesson$imageUrl = lesson.imageUrl) != null ? _lesson$imageUrl : 'javascript:void(0)',
+        }, lesson.imageUrl ? React__default.createElement("a", {
+          href: lesson.imageUrl,
           target: "_blank",
           rel: "noopener noreferrer"
         }, React__default.createElement("img", {
           src: lesson.image,
           alt: lesson.title || 'Tutorial image',
           loading: "lazy"
-        }))), React__default.createElement(LessonFooter, {
+        })) : React__default.createElement("img", {
+          src: lesson.image,
+          alt: lesson.title || 'Tutorial image',
+          loading: "lazy"
+        })), React__default.createElement(LessonFooter, {
           className: "lesson-footer"
         }, lesson.body && React__default.createElement(LessonBody, {
           className: "lesson-body",
@@ -33291,7 +33294,7 @@ var LessonTitle = /*#__PURE__*/styled__default.h1.withConfig({
 var LessonContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TutorialStepper__LessonContainer",
   componentId: "sc-7tgzv2-5"
-})([""]);
+})(["display:flex;flex-direction:column;justify-content:space-between;min-height:200px;"]);
 
 exports.AsyncDropdown = AsyncDropdown;
 exports.Button = Button;