@rpg-engine/long-bow 0.6.14 → 0.6.16
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/components/Tutorial/TutorialStepper.d.ts +2 -2
- package/dist/long-bow.cjs.development.js +4 -3
- 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 +4 -3
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Tutorial/TutorialStepper.tsx +6 -2
|
@@ -5,10 +5,10 @@ export interface ITutorialLesson {
|
|
|
5
5
|
body?: React.ReactNode | string;
|
|
6
6
|
text?: string;
|
|
7
7
|
image: string;
|
|
8
|
-
imageStyle?: CSSProperties;
|
|
9
8
|
}
|
|
10
9
|
export interface ITutorialStepperProps {
|
|
11
10
|
lessons: ITutorialLesson[];
|
|
12
11
|
onLessonFinish: () => void;
|
|
12
|
+
imageStyle?: CSSProperties;
|
|
13
13
|
}
|
|
14
|
-
export declare const TutorialStepper: ({ lessons, onLessonFinish, }: ITutorialStepperProps) => JSX.Element;
|
|
14
|
+
export declare const TutorialStepper: ({ lessons, onLessonFinish, imageStyle, }: ITutorialStepperProps) => JSX.Element;
|
|
@@ -20024,7 +20024,8 @@ var Container$x = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
20024
20024
|
|
|
20025
20025
|
var TutorialStepper = function TutorialStepper(_ref) {
|
|
20026
20026
|
var lessons = _ref.lessons,
|
|
20027
|
-
onLessonFinish = _ref.onLessonFinish
|
|
20027
|
+
onLessonFinish = _ref.onLessonFinish,
|
|
20028
|
+
imageStyle = _ref.imageStyle;
|
|
20028
20029
|
var generateLessons = function generateLessons() {
|
|
20029
20030
|
return lessons.map(function (lesson, index) {
|
|
20030
20031
|
return {
|
|
@@ -20035,7 +20036,7 @@ var TutorialStepper = function TutorialStepper(_ref) {
|
|
|
20035
20036
|
className: "lesson-title"
|
|
20036
20037
|
}, lesson.title), lesson.image && React__default.createElement(LessonImage, {
|
|
20037
20038
|
className: "lesson-image",
|
|
20038
|
-
style:
|
|
20039
|
+
style: imageStyle
|
|
20039
20040
|
}, React__default.createElement("img", {
|
|
20040
20041
|
src: lesson.image,
|
|
20041
20042
|
alt: lesson.title
|
|
@@ -20066,7 +20067,7 @@ var LessonBody = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
20066
20067
|
var Container$y = /*#__PURE__*/styled__default.div.withConfig({
|
|
20067
20068
|
displayName: "TutorialStepper__Container",
|
|
20068
20069
|
componentId: "sc-7tgzv2-1"
|
|
20069
|
-
})(["margin:2rem;"]);
|
|
20070
|
+
})(["margin:2rem;width:80%;margin:0 auto;"]);
|
|
20070
20071
|
var LessonImage = /*#__PURE__*/styled__default.div.withConfig({
|
|
20071
20072
|
displayName: "TutorialStepper__LessonImage",
|
|
20072
20073
|
componentId: "sc-7tgzv2-2"
|