@rpg-engine/long-bow 0.6.10 → 0.6.13

package/dist/long-bow.esm.js

@@ -20026,10 +20026,20 @@ var TutorialStepper = function TutorialStepper(_ref) {
   var generateLessons = function generateLessons() {
     return lessons.map(function (lesson, index) {
       return {
-        component: React.createElement("div", null, React.createElement("h1", null, lesson.title), lesson.image && React.createElement(LessonImage, null, React.createElement("img", {
+        component: React.createElement(LessonContainer, {
+          key: index,
+          className: "lesson-container"
+        }, React.createElement(LessonTitle, {
+          className: "lesson-title"
+        }, lesson.title), lesson.image && React.createElement(LessonImage, {
+          className: "lesson-image",
+          style: lesson.imageStyle
+        }, React.createElement("img", {
           src: lesson.image,
           alt: lesson.title
-        })), lesson.body && React.createElement(LessonBody, null, lesson.body), lesson.text && React.createElement(DynamicText, {
+        })), lesson.body && React.createElement(LessonBody, {
+          className: "lesson-body"
+        }, lesson.body), lesson.text && React.createElement(DynamicText, {
           text: lesson.text
         })),
         id: index
@@ -20058,7 +20068,15 @@ var Container$y = /*#__PURE__*/styled.div.withConfig({
 var LessonImage = /*#__PURE__*/styled.div.withConfig({
   displayName: "TutorialStepper__LessonImage",
   componentId: "sc-7tgzv2-2"
-})(["display:flex;justify-content:center;align-items:center;img{width:600px;height:400px;border-radius:10px;}"]);
+})(["display:flex;justify-content:center;align-items:center;width:100%;height:auto;max-width:600px;margin:auto;img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;}"]);
+var LessonTitle = /*#__PURE__*/styled.h1.withConfig({
+  displayName: "TutorialStepper__LessonTitle",
+  componentId: "sc-7tgzv2-3"
+})([""]);
+var LessonContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "TutorialStepper__LessonContainer",
+  componentId: "sc-7tgzv2-4"
+})([""]);
 
 export { AsyncDropdown, Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio$1 as InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, Leaderboard, ListMenu, Marketplace, MarketplaceRows, MultitabType, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, Stepper, TabBody, TabsContainer, TextArea, TimeWidget, TradingMenu, Truncate, TutorialStepper, _RPGUI, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
 //# sourceMappingURL=long-bow.esm.js.map