@remotion/shapes 4.0.535 → 4.0.536

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.
@@ -1,16 +1,17 @@
1
1
  import type { Instruction } from '@remotion/paths';
2
2
  import React from 'react';
3
- import { type EffectsProp, type HtmlInCanvasPixelDensity, type InteractiveBaseProps, type InteractivePremountProps, type SequenceControls } from 'remotion';
3
+ import { type EffectsProp, type EffectsOutputSize, type HtmlInCanvasPixelDensity, type InteractiveBaseProps, type InteractivePremountProps, type SequenceControls } from 'remotion';
4
4
  type ShapeSequenceProps = InteractiveBaseProps & InteractivePremountProps & {
5
5
  readonly controls?: SequenceControls;
6
6
  };
7
7
  export type AllShapesProps = Omit<React.SVGProps<SVGPathElement>, 'width' | 'height' | 'd' | 'hidden' | 'name'> & ShapeSequenceProps & {
8
8
  readonly debug?: boolean;
9
9
  readonly effects?: EffectsProp;
10
+ readonly effectsOutputSize?: EffectsOutputSize;
10
11
  readonly pathStyle?: React.CSSProperties;
11
12
  readonly pixelDensity?: HtmlInCanvasPixelDensity;
12
13
  };
13
- export declare const RenderSvg: ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects, instructions, pixelDensity, durationInFrames, from, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, trimBefore, playbackRate, loop, freeze, hidden, name, showInTimeline, controls, ...props }: {
14
+ export declare const RenderSvg: ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects, effectsOutputSize, instructions, pixelDensity, durationInFrames, from, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, trimBefore, playbackRate, loop, freeze, hidden, name, showInTimeline, controls, ...props }: {
14
15
  readonly defaultName: string;
15
16
  readonly documentationLink: string;
16
17
  readonly width: number;
@@ -23,6 +24,7 @@ export declare const RenderSvg: ({ defaultName, documentationLink, width, height
23
24
  } & {
24
25
  readonly debug?: boolean | undefined;
25
26
  readonly effects?: EffectsProp | undefined;
27
+ readonly effectsOutputSize?: EffectsOutputSize | undefined;
26
28
  readonly pathStyle?: React.CSSProperties | undefined;
27
29
  readonly pixelDensity?: number | undefined;
28
30
  }) => import("react/jsx-runtime").JSX.Element;
@@ -57,7 +57,7 @@ const RenderSvgWithTiming = ({ premountFor, postmountFor, styleWhilePremounted,
57
57
  });
58
58
  return (jsx_runtime_1.jsx(remotion_1.Freeze, { frame: freezeFrame, active: isPremountingOrPostmounting, children: jsx_runtime_1.jsx(remotion_1.Sequence, { layout: "none", from: from, trimBefore: trimBefore, playbackRate: playbackRate, loop: loop, freeze: freeze, hidden: hidden, showInTimeline: showInTimeline, controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, durationInFrames: durationInFrames, name: name !== null && name !== void 0 ? name : defaultName, _remotionInternalDocumentationLink: documentationLink, _remotionInternalPremountDisplay: effectivePremountFor || null, _remotionInternalPostmountDisplay: effectivePostmountFor || null, _remotionInternalIsPremounting: premountingActive, _remotionInternalIsPostmounting: postmountingActive, children: react_1.default.cloneElement(content, { style: premountingStyle !== null && premountingStyle !== void 0 ? premountingStyle : undefined }) }) }));
59
59
  };
60
- const RenderSvg = ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects = [], instructions, pixelDensity, durationInFrames, from, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, trimBefore, playbackRate, loop, freeze, hidden, name, showInTimeline, controls, ...props }) => {
60
+ const RenderSvg = ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects = [], effectsOutputSize, instructions, pixelDensity, durationInFrames, from, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, trimBefore, playbackRate, loop, freeze, hidden, name, showInTimeline, controls, ...props }) => {
61
61
  const actualStyle = (0, react_1.useMemo)(() => {
62
62
  return {
63
63
  overflow: 'visible',
@@ -113,7 +113,7 @@ const RenderSvg = ({ defaultName, documentationLink, width, height, path, style,
113
113
  return null;
114
114
  })
115
115
  : null] }));
116
- const content = effects.length === 0 ? (svg) : (jsx_runtime_1.jsx(HtmlInCanvasWithPrivateProps, { width: Math.ceil(width), height: Math.ceil(height), effects: effects, pixelDensity: pixelDensity, showInTimeline: false, style: actualStyle, controls: controls, children: svg }));
116
+ const content = effects.length === 0 ? (svg) : (jsx_runtime_1.jsx(HtmlInCanvasWithPrivateProps, { width: Math.ceil(width), height: Math.ceil(height), effects: effects, effectsOutputSize: effectsOutputSize, pixelDensity: pixelDensity, showInTimeline: false, style: actualStyle, controls: controls, children: svg }));
117
117
  if (!videoConfig) {
118
118
  return svg;
119
119
  }
@@ -241,6 +241,7 @@ var RenderSvg = ({
241
241
  transformOrigin,
242
242
  debug,
243
243
  effects = [],
244
+ effectsOutputSize,
244
245
  instructions,
245
246
  pixelDensity,
246
247
  durationInFrames,
@@ -338,6 +339,7 @@ var RenderSvg = ({
338
339
  width: Math.ceil(width),
339
340
  height: Math.ceil(height),
340
341
  effects,
342
+ effectsOutputSize,
341
343
  pixelDensity,
342
344
  showInTimeline: false,
343
345
  style: actualStyle,
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "url": "https://github.com/remotion-dev/remotion/tree/main/packages/shapes"
4
4
  },
5
5
  "name": "@remotion/shapes",
6
- "version": "4.0.535",
6
+ "version": "4.0.536",
7
7
  "description": "Generate SVG shapes",
8
8
  "main": "dist/index.js",
9
9
  "scripts": {
@@ -34,7 +34,7 @@
34
34
  "react": "19.2.3",
35
35
  "react-dom": "19.2.3",
36
36
  "@happy-dom/global-registrator": "14.5.1",
37
- "@remotion/eslint-config-internal": "4.0.535",
37
+ "@remotion/eslint-config-internal": "4.0.536",
38
38
  "eslint": "9.19.0",
39
39
  "@typescript/native-preview": "7.0.0-dev.20260217.1"
40
40
  },
@@ -51,8 +51,8 @@
51
51
  "react-dom": ">=16.8.0"
52
52
  },
53
53
  "dependencies": {
54
- "@remotion/paths": "4.0.535",
55
- "remotion": "4.0.535"
54
+ "@remotion/paths": "4.0.536",
55
+ "remotion": "4.0.536"
56
56
  },
57
57
  "homepage": "https://www.remotion.dev/docs/shapes"
58
58
  }