@remotion/promo-pages 4.0.322 → 4.0.323

package/.turbo/turbo-make.log

@@ -1,8 +1,8 @@
 
 
-> @remotion/promo-pages@4.0.322 make /Users/jonathanburger/remotion/packages/promo-pages
+> @remotion/promo-pages@4.0.323 make /Users/jonathanburger/remotion/packages/promo-pages
 > bun --env-file=../.env.bundle bundle.ts
 
 ≈ tailwindcss v4.1.1
 
-Done in 108ms
+Done in 307ms

package/dist/Homepage.js

@@ -735,7 +735,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.322", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.323", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -8076,7 +8076,7 @@ var Counter = ({
         children: [
           /* @__PURE__ */ jsx("button", {
             type: "button",
-            className: "border-0 border-l-2 border-l-solid border-b-2 flex-1 border-text",
+            className: "border-0 border-l-2 border-l-solid border-b-2 flex-1 border-text border-b-[var(--box-stroke)] border-l-[var(--box-stroke)]",
             style: {
               ...buttonContainer
             },
@@ -8087,7 +8087,7 @@ var Counter = ({
           }),
           /* @__PURE__ */ jsx("button", {
             type: "button",
-            className: "border-0 border-l-2 border-l-solid flex-1 border-text",
+            className: "border-0 border-l-2 border-l-solid flex-1 border-text  border-l-[var(--box-stroke)]",
             style: {
               ...buttonContainer
             },
@@ -12537,14 +12537,23 @@ var calculateOuterStyle = ({
 };
 var calculateContainerStyle = ({
   config,
-  canvasSize,
   layout,
   scale,
   overflowVisible
 }) => {
-  if (!config || !canvasSize || !layout) {
+  if (!config) {
     return {};
   }
+  if (!layout) {
+    return {
+      position: "absolute",
+      width: config.width,
+      height: config.height,
+      display: "flex",
+      transform: `scale(${scale})`,
+      overflow: overflowVisible ? "visible" : "hidden"
+    };
+  }
   return {
     position: "absolute",
     width: config.width,
@@ -12562,9 +12571,19 @@ var calculateOuter = ({
   config,
   overflowVisible
 }) => {
-  if (!layout || !config) {
+  if (!config) {
     return {};
   }
+  if (!layout) {
+    return {
+      width: config.width * scale,
+      height: config.height * scale,
+      display: "flex",
+      flexDirection: "column",
+      position: "absolute",
+      overflow: overflowVisible ? "visible" : "hidden"
+    };
+  }
   const { centerX, centerY } = layout;
   return {
     width: config.width * scale,
@@ -14751,13 +14770,12 @@ var PlayerUI = ({
   }, [config, layout, overflowVisible, scale]);
   const containerStyle3 = useMemo122(() => {
     return calculateContainerStyle({
-      canvasSize,
       config,
       layout,
       scale,
       overflowVisible
     });
-  }, [canvasSize, config, layout, overflowVisible, scale]);
+  }, [config, layout, overflowVisible, scale]);
   const playerPause = player.pause;
   const playerDispatchError = player.emitter.dispatchError;
   const onError = useCallback112((error) => {
@@ -15450,13 +15468,12 @@ var ThumbnailUI = ({
   }, [config, layout, overflowVisible, scale]);
   const containerStyle3 = useMemo162(() => {
     return calculateContainerStyle({
-      canvasSize,
       config,
       layout,
       scale,
       overflowVisible
     });
-  }, [canvasSize, config, layout, overflowVisible, scale]);
+  }, [config, layout, overflowVisible, scale]);
   const onError = useCallback132((error) => {
     thumbnail.emitter.dispatchError(error);
   }, [thumbnail.emitter]);

package/dist/homepage/Pricing.js

@@ -1435,7 +1435,7 @@ var Counter = ({
         children: [
           /* @__PURE__ */ jsx("button", {
             type: "button",
-            className: "border-0 border-l-2 border-l-solid border-b-2 flex-1 border-text",
+            className: "border-0 border-l-2 border-l-solid border-b-2 flex-1 border-text border-b-[var(--box-stroke)] border-l-[var(--box-stroke)]",
             style: {
               ...buttonContainer
             },
@@ -1446,7 +1446,7 @@ var Counter = ({
           }),
           /* @__PURE__ */ jsx("button", {
             type: "button",
-            className: "border-0 border-l-2 border-l-solid flex-1 border-text",
+            className: "border-0 border-l-2 border-l-solid flex-1 border-text  border-l-[var(--box-stroke)]",
             style: {
               ...buttonContainer
             },

package/dist/tailwind.css

@@ -523,9 +523,15 @@
   .border-r-transparent {
     border-right-color: transparent;
   }
+  .border-b-\[var\(--box-stroke\)\] {
+    border-bottom-color: var(--box-stroke);
+  }
   .border-b-transparent {
     border-bottom-color: transparent;
   }
+  .border-l-\[var\(--box-stroke\)\] {
+    border-left-color: var(--box-stroke);
+  }
   .border-l-transparent {
     border-left-color: transparent;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/promo-pages",
-  "version": "4.0.322",
+  "version": "4.0.323",
   "publishConfig": {
     "access": "public"
   },
@@ -10,14 +10,14 @@
     "polished": "4.3.1",
     "zod": "3.22.3",
     "bun-plugin-tailwind": "0.0.15",
-    "@remotion/animated-emoji": "4.0.322",
-    "@remotion/lambda": "4.0.322",
-    "@remotion/lottie": "4.0.322",
-    "@remotion/paths": "4.0.322",
-    "@remotion/player": "4.0.322",
-    "@remotion/shapes": "4.0.322",
-    "remotion": "4.0.322",
-    "create-video": "4.0.322"
+    "@remotion/animated-emoji": "4.0.323",
+    "@remotion/lambda": "4.0.323",
+    "@remotion/paths": "4.0.323",
+    "@remotion/player": "4.0.323",
+    "@remotion/lottie": "4.0.323",
+    "@remotion/shapes": "4.0.323",
+    "create-video": "4.0.323",
+    "remotion": "4.0.323"
   },
   "devDependencies": {
     "@eslint/eslintrc": "3.1.0",
@@ -34,7 +34,7 @@
     "tailwind-merge": "2.5.2",
     "bun-plugin-tailwind": "0.0.13",
     "clsx": "2.1.1",
-    "@remotion/eslint-config-internal": "4.0.322"
+    "@remotion/eslint-config-internal": "4.0.323"
   },
   "repository": {
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/promo-pages"

package/src/components/homepage/Counter.tsx

@@ -83,7 +83,7 @@ export const Counter: React.FC<CounterProps> = ({
 
 					const inputValue = parseInt(e.target.value, 10);
 					const validValue = Math.max(inputValue, minCount);
-					
+
 					// For steps > 1, round to the nearest valid step
 					if (step > 1) {
 						const roundedValue = Math.round(validValue / step) * step;
@@ -96,7 +96,7 @@ export const Counter: React.FC<CounterProps> = ({
 			<div className="flex flex-col ml-3 h-full">
 				<button
 					type="button"
-					className="border-0 border-l-2 border-l-solid border-b-2 flex-1 border-text"
+					className="border-0 border-l-2 border-l-solid border-b-2 flex-1 border-text border-b-[var(--box-stroke)] border-l-[var(--box-stroke)]"
 					style={{
 						...buttonContainer,
 					}}
@@ -106,7 +106,7 @@ export const Counter: React.FC<CounterProps> = ({
 				</button>
 				<button
 					type="button"
-					className="border-0 border-l-2 border-l-solid flex-1 border-text"
+					className="border-0 border-l-2 border-l-solid flex-1 border-text  border-l-[var(--box-stroke)]"
 					style={{
 						...buttonContainer,
 					}}