@media-quest/builder 0.0.6 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@media-quest/builder",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Builder library for Media-quest schemas",
   "main": "dist/public-api.js",
   "module": "dist/public-api.mjs",
@@ -13,6 +13,6 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@media-quest/engine": "0.0.6"
+    "@media-quest/engine": "0.0.7"
   }
 }

package/src/theme/IDefaultTheme.ts

@@ -122,11 +122,11 @@ export const DefaultTheme: IDefaultTheme = {
       text: {
         css: {
           w: 80,
-          y: 27,
+          y: 65,
           x: 10,
           textAlign: "center",
           textColor: "black",
-          fontSize: { _unit: "px", value: 30 },
+          fontSize: { _unit: "px", value: 40 },
         },
         cssDisabled: {},
         cssEnabled: {},

package/src/theme/default-theme-compiler.ts

@@ -148,11 +148,12 @@ export class DefaultThemeCompiler extends AbstractThemeCompiler<IDefaultTheme> {
       const nextBtnElement: DElementDto = this.compileButton(id, nextButton, {
         kind: "next-button",
       });
+      const textStyle = mainMedia ? DefaultTheme.mainText.withMedia.text.css : DefaultTheme.mainText.noMedia.text.css;
       const element: DElementDto = {
         text: infoText,
         _tag: "p",
         id: generateElementId(),
-        style: DefaultTheme.mainText.withMedia.text.css,
+        style: textStyle,
       };
       elements.push(element);
       elements.push(nextBtnElement);
@@ -161,6 +162,7 @@ export class DefaultThemeCompiler extends AbstractThemeCompiler<IDefaultTheme> {
       const mainImageElement = this.compileImage(mainMedia);
       elements.push(mainImageElement);
     }
+
     if (mainMedia && mainMedia.kind === "main-video") {
       const videoOutput = this.compileVideo(mainMedia);
       mainVideo = videoOutput.videoDto;
@@ -343,7 +345,9 @@ export class DefaultThemeCompiler extends AbstractThemeCompiler<IDefaultTheme> {
     // console.log(page);
     const q = page.defaultQuestion;
     const text = page.mainText.text;
-
+    const questionStyle = page.mainMedia
+      ? DefaultTheme.mainText.withMedia.text.css
+      : DefaultTheme.mainText.noMedia.text.css;
     const question: DTextDto = {
       _tag: "p",
       text,
@@ -351,7 +355,7 @@ export class DefaultThemeCompiler extends AbstractThemeCompiler<IDefaultTheme> {
       id: U.randomString(30),
       onClick: [],
       onStateChange: [],
-      style: DefaultTheme.mainText.withMedia.text.css,
+      style: questionStyle,
     };
     const buttons = q.options.map((o) => {
       const btns = this.compileButton(pageId, o, {