@remotion/shapes 4.0.499 → 4.0.501
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.
|
@@ -9,12 +9,8 @@ export type AllShapesProps = Omit<React.SVGProps<SVGPathElement>, 'width' | 'hei
|
|
|
9
9
|
readonly effects?: EffectsProp;
|
|
10
10
|
readonly pathStyle?: React.CSSProperties;
|
|
11
11
|
readonly pixelDensity?: HtmlInCanvasPixelDensity;
|
|
12
|
-
/**
|
|
13
|
-
* @deprecated For internal use only
|
|
14
|
-
*/
|
|
15
|
-
readonly stack?: string;
|
|
16
12
|
};
|
|
17
|
-
export declare const RenderSvg: ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects, instructions, pixelDensity, durationInFrames, from, trimBefore, freeze, hidden, name, showInTimeline, controls,
|
|
13
|
+
export declare const RenderSvg: ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects, instructions, pixelDensity, durationInFrames, from, trimBefore, freeze, hidden, name, showInTimeline, controls, ...props }: {
|
|
18
14
|
readonly defaultName: string;
|
|
19
15
|
readonly documentationLink: string;
|
|
20
16
|
readonly width: number;
|
|
@@ -29,9 +25,5 @@ export declare const RenderSvg: ({ defaultName, documentationLink, width, height
|
|
|
29
25
|
readonly effects?: EffectsProp | undefined;
|
|
30
26
|
readonly pathStyle?: React.CSSProperties | undefined;
|
|
31
27
|
readonly pixelDensity?: number | undefined;
|
|
32
|
-
/**
|
|
33
|
-
* @deprecated For internal use only
|
|
34
|
-
*/
|
|
35
|
-
readonly stack?: string | undefined;
|
|
36
28
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
37
29
|
export {};
|
|
@@ -40,7 +40,7 @@ const react_dom_1 = require("react-dom");
|
|
|
40
40
|
const remotion_1 = require("remotion");
|
|
41
41
|
const does_react_support_canary_1 = require("../utils/does-react-support-canary");
|
|
42
42
|
const HtmlInCanvasWithPrivateProps = remotion_1.HtmlInCanvas;
|
|
43
|
-
const RenderSvg = ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects = [], instructions, pixelDensity, durationInFrames, from, trimBefore, freeze, hidden, name, showInTimeline, controls,
|
|
43
|
+
const RenderSvg = ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects = [], instructions, pixelDensity, durationInFrames, from, trimBefore, freeze, hidden, name, showInTimeline, controls, ...props }) => {
|
|
44
44
|
const actualStyle = (0, react_1.useMemo)(() => {
|
|
45
45
|
return {
|
|
46
46
|
overflow: 'visible',
|
|
@@ -104,10 +104,9 @@ const RenderSvg = ({ defaultName, documentationLink, width, height, path, style,
|
|
|
104
104
|
})
|
|
105
105
|
: null] }));
|
|
106
106
|
const content = effects.length === 0 ? (svg) : (jsx_runtime_1.jsx(HtmlInCanvasWithPrivateProps, { ref: setCanvasRef, width: Math.ceil(width), height: Math.ceil(height), effects: effects, pixelDensity: pixelDensity, showInTimeline: false, style: actualStyle, controls: controls, children: svg }));
|
|
107
|
-
const stackProps = stack === undefined ? null : { stack };
|
|
108
107
|
if (!videoConfig) {
|
|
109
108
|
return svg;
|
|
110
109
|
}
|
|
111
|
-
return (jsx_runtime_1.jsx(remotion_1.Sequence, { layout: "none", from: from, trimBefore: trimBefore, freeze: freeze, hidden: hidden, showInTimeline: showInTimeline, controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, durationInFrames: durationInFrames, name: name !== null && name !== void 0 ? name : defaultName, outlineRef: outlineRef, _remotionInternalDocumentationLink: name === undefined ? documentationLink : undefined,
|
|
110
|
+
return (jsx_runtime_1.jsx(remotion_1.Sequence, { layout: "none", from: from, trimBefore: trimBefore, freeze: freeze, hidden: hidden, showInTimeline: showInTimeline, controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, durationInFrames: durationInFrames, name: name !== null && name !== void 0 ? name : defaultName, outlineRef: outlineRef, _remotionInternalDocumentationLink: name === undefined ? documentationLink : undefined, children: content }));
|
|
112
111
|
};
|
|
113
112
|
exports.RenderSvg = RenderSvg;
|
|
@@ -50,6 +50,7 @@ const makeShapeSchema = (shapeFields) => {
|
|
|
50
50
|
...remotion_1.Internals.transformSchema,
|
|
51
51
|
...remotion_1.Interactive.backgroundSchema,
|
|
52
52
|
...remotion_1.Interactive.borderSchema,
|
|
53
|
+
...remotion_1.Interactive.borderRadiusSchema,
|
|
53
54
|
};
|
|
54
55
|
};
|
|
55
56
|
exports.makeShapeSchema = makeShapeSchema;
|
package/dist/esm/index.mjs
CHANGED
|
@@ -182,7 +182,6 @@ var RenderSvg = ({
|
|
|
182
182
|
name,
|
|
183
183
|
showInTimeline,
|
|
184
184
|
controls,
|
|
185
|
-
stack,
|
|
186
185
|
...props
|
|
187
186
|
}) => {
|
|
188
187
|
const actualStyle = useMemo(() => {
|
|
@@ -279,7 +278,6 @@ var RenderSvg = ({
|
|
|
279
278
|
controls,
|
|
280
279
|
children: svg
|
|
281
280
|
});
|
|
282
|
-
const stackProps = stack === undefined ? null : { stack };
|
|
283
281
|
if (!videoConfig) {
|
|
284
282
|
return svg;
|
|
285
283
|
}
|
|
@@ -296,7 +294,6 @@ var RenderSvg = ({
|
|
|
296
294
|
name: name ?? defaultName,
|
|
297
295
|
outlineRef,
|
|
298
296
|
_remotionInternalDocumentationLink: name === undefined ? documentationLink : undefined,
|
|
299
|
-
...stackProps,
|
|
300
297
|
children: content
|
|
301
298
|
});
|
|
302
299
|
};
|
|
@@ -366,7 +363,8 @@ var makeShapeSchema = (shapeFields) => {
|
|
|
366
363
|
}),
|
|
367
364
|
...Internals2.transformSchema,
|
|
368
365
|
...Interactive.backgroundSchema,
|
|
369
|
-
...Interactive.borderSchema
|
|
366
|
+
...Interactive.borderSchema,
|
|
367
|
+
...Interactive.borderRadiusSchema
|
|
370
368
|
};
|
|
371
369
|
};
|
|
372
370
|
|
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.
|
|
6
|
+
"version": "4.0.501",
|
|
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.
|
|
37
|
+
"@remotion/eslint-config-internal": "4.0.501",
|
|
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.
|
|
55
|
-
"remotion": "4.0.
|
|
54
|
+
"@remotion/paths": "4.0.501",
|
|
55
|
+
"remotion": "4.0.501"
|
|
56
56
|
},
|
|
57
57
|
"homepage": "https://www.remotion.dev/docs/shapes"
|
|
58
58
|
}
|