@zync/zync-screnplay-player 0.1.241 → 0.1.242

package/dist/screenplay/RemotionRenderer/theme/themes/boxwipe/Nametag.js

@@ -85,9 +85,11 @@ export var BoxwipeNametag = function BoxwipeNametag(_ref) {
   var titleBackgroundColor = (themeSettings === null || themeSettings === void 0 ? void 0 : themeSettings.primaryColor) || primaryColor || "#000000";
   var titleTextColor = (themeSettings === null || themeSettings === void 0 ? void 0 : themeSettings.primaryContrast) || getContrastColor(titleBackgroundColor) || primaryContrast || "#FFFFFF";
   var horizontalPadding = borderWidth;
+  var titleHorizontalPadding = borderWidth * 2.5;
   var nameFontSize = fitSingleLineFontSize(displayName, boxWidth - horizontalPadding, boxHeight * 0.84, maxNameFontSize);
   var fittedBoxWidth = clamp(estimateTextWidth(displayName, nameFontSize) + horizontalPadding, boxWidth * 0.42, boxWidth);
-  var titleFontSize = fitSingleLineFontSize(displayTitle, fittedBoxWidth, boxHeight * 0.45, maxTitleFontSize);
+  var titleFontSize = fitSingleLineFontSize(displayTitle, boxWidth - titleHorizontalPadding, boxHeight * 0.45, maxTitleFontSize);
+  var fittedTitleBoxWidth = clamp(estimateTextWidth(displayTitle, titleFontSize) + titleHorizontalPadding, boxWidth * 0.28, boxWidth);
   var widthGrowEnd = Math.round(fps * 0.65);
   var heightGrowStart = widthGrowEnd + Math.round(fps * 0.06);
   var heightGrowEnd = heightGrowStart + Math.round(fps * 0.45);
@@ -169,14 +171,15 @@ export var BoxwipeNametag = function BoxwipeNametag(_ref) {
       letterSpacing: "0.1em",
       lineHeight: 1.1,
       marginBottom: titleGap,
-      maxWidth: fittedBoxWidth,
+      maxWidth: boxWidth,
       opacity: finishProgress,
       overflow: "hidden",
-      padding: "0 ".concat(borderWidth * 1.25, "px"),
+      padding: "0 ".concat(titleHorizontalPadding / 2, "px"),
       textShadow: "0 2px 7px rgba(0, 0, 0, 0.65)",
       textOverflow: "clip",
       transform: "translateY(".concat(titleTranslateY, "px)"),
-      whiteSpace: "nowrap"
+      whiteSpace: "nowrap",
+      width: fittedTitleBoxWidth
     }
   }, displayTitle), /*#__PURE__*/React.createElement("div", {
     style: {

package/dist/screenplay/RemotionRenderer/theme/themes/rightslide/Nametag.js

@@ -37,7 +37,7 @@ export var RightslideNametag = function RightslideNametag(_ref) {
   var _useOrientationBased = useOrientationBased({
       landscape: {
         containerBottom: height * 0.11,
-        containerLeft: width * 0.04,
+        containerRight: width * 0.04,
         lineWidth: clamp(width * 0.004, 5, 8),
         maxNameBoxWidth: width * 0.62,
         maxNameFontSize: width * 0.07,
@@ -59,7 +59,7 @@ export var RightslideNametag = function RightslideNametag(_ref) {
       },
       square: {
         containerBottom: height * 0.15,
-        containerLeft: width * 0.06,
+        containerRight: width * 0.06,
         lineWidth: clamp(width * 0.007, 5, 8),
         maxNameBoxWidth: width * 0.78,
         maxNameFontSize: width * 0.095,
@@ -71,6 +71,7 @@ export var RightslideNametag = function RightslideNametag(_ref) {
     }),
     containerBottom = _useOrientationBased.containerBottom,
     containerLeft = _useOrientationBased.containerLeft,
+    containerRight = _useOrientationBased.containerRight,
     lineWidth = _useOrientationBased.lineWidth,
     maxNameBoxWidth = _useOrientationBased.maxNameBoxWidth,
     maxNameFontSize = _useOrientationBased.maxNameFontSize,
@@ -148,6 +149,7 @@ export var RightslideNametag = function RightslideNametag(_ref) {
       fontFamily: fontFamily,
       left: containerLeft,
       position: "absolute",
+      right: containerRight,
       width: maxNameBoxWidth + lineWidth
     }
   }, /*#__PURE__*/React.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zync/zync-screnplay-player",
-  "version": "0.1.241",
+  "version": "0.1.242",
   "files": [
     "dist"
   ],