@remotion/shapes 4.0.0-alpha13 → 4.0.0-alpha16
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.
- package/dist/components/circle.d.ts +1 -1
- package/dist/components/ellipse.d.ts +1 -1
- package/dist/components/pie.d.ts +1 -1
- package/dist/components/rect.d.ts +1 -1
- package/dist/components/render-svg.d.ts +1 -1
- package/dist/components/star.d.ts +1 -1
- package/dist/components/triangle.d.ts +1 -1
- package/dist/utils/make-circle.d.ts +1 -1
- package/dist/utils/make-ellipse.d.ts +1 -1
- package/dist/utils/make-pie.d.ts +1 -1
- package/dist/utils/make-rect.d.ts +1 -1
- package/dist/utils/make-star.d.ts +2 -2
- package/dist/utils/make-triangle.d.ts +2 -2
- package/dist/utils/shape-info.d.ts +1 -1
- package/package.json +4 -4
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { MakeCircleProps } from '../utils/make-circle';
|
|
3
3
|
import type { AllShapesProps } from './render-svg';
|
|
4
|
-
export
|
|
4
|
+
export type CircleProps = MakeCircleProps & AllShapesProps;
|
|
5
5
|
/**
|
|
6
6
|
* @description Renders an SVG element drawing a circle.
|
|
7
7
|
* @param {Number} radius The radius of the circle.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { MakeEllipseOptions } from '../utils/make-ellipse';
|
|
3
3
|
import type { AllShapesProps } from './render-svg';
|
|
4
|
-
export
|
|
4
|
+
export type EllipseProps = MakeEllipseOptions & AllShapesProps;
|
|
5
5
|
/**
|
|
6
6
|
* @description Renders an SVG element drawing an ellipse.
|
|
7
7
|
* @param {Number} rx The radius of the ellipse on the X axis.
|
package/dist/components/pie.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { MakePieProps } from '../utils/make-pie';
|
|
3
3
|
import type { AllShapesProps } from './render-svg';
|
|
4
|
-
export
|
|
4
|
+
export type PieProps = MakePieProps & AllShapesProps;
|
|
5
5
|
/**
|
|
6
6
|
* @description Renders an SVG element drawing a pie piece.
|
|
7
7
|
* @param {Number} radius The radius of the circle..
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { MakeRectOptions } from '../utils/make-rect';
|
|
3
3
|
import type { AllShapesProps } from './render-svg';
|
|
4
|
-
export
|
|
4
|
+
export type RectProps = MakeRectOptions & AllShapesProps;
|
|
5
5
|
/**
|
|
6
6
|
* @description Renders an SVG element containing a rectangle.
|
|
7
7
|
* @param {Number} width The width of the Rectangle
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { Instruction } from '@remotion/paths';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export
|
|
3
|
+
export type AllShapesProps = Omit<React.SVGProps<SVGPathElement>, 'width' | 'height' | 'd'> & {
|
|
4
4
|
debug?: boolean;
|
|
5
5
|
pathStyle?: React.CSSProperties;
|
|
6
6
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { MakeStarProps } from '../utils/make-star';
|
|
3
3
|
import type { AllShapesProps } from './render-svg';
|
|
4
|
-
export
|
|
4
|
+
export type StarProps = MakeStarProps & Omit<AllShapesProps, 'points'>;
|
|
5
5
|
/**
|
|
6
6
|
* @description Renders an SVG element containing a star.
|
|
7
7
|
* @param {Number} innerRadius The inner radius of the star.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { MakeTriangleProps } from '../utils/make-triangle';
|
|
3
3
|
import type { AllShapesProps } from './render-svg';
|
|
4
|
-
export
|
|
4
|
+
export type TriangleProps = MakeTriangleProps & AllShapesProps;
|
|
5
5
|
/**
|
|
6
6
|
* @description Renders an SVG element containing a triangle with same length on all sides.
|
|
7
7
|
* @param {Number} length The length of one triangle side.
|
package/dist/utils/make-pie.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import type { ShapeInfo } from './shape-info';
|
|
2
|
-
export
|
|
2
|
+
export type MakeStarProps = {
|
|
3
3
|
points: number;
|
|
4
4
|
innerRadius: number;
|
|
5
5
|
outerRadius: number;
|
|
6
6
|
edgeRoundness?: number | null;
|
|
7
7
|
cornerRadius?: number;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
9
|
+
export type StarProps = {
|
|
10
10
|
centerX: number;
|
|
11
11
|
centerY: number;
|
|
12
12
|
points: number;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ShapeInfo } from './shape-info';
|
|
2
|
-
|
|
3
|
-
export
|
|
2
|
+
type Direction = 'right' | 'left' | 'up' | 'down';
|
|
3
|
+
export type MakeTriangleProps = {
|
|
4
4
|
length: number;
|
|
5
5
|
direction: Direction;
|
|
6
6
|
edgeRoundness?: number | null;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remotion/shapes",
|
|
3
|
-
"version": "4.0.0-
|
|
3
|
+
"version": "4.0.0-alpha16",
|
|
4
4
|
"description": "Utility functions and components for SVG shapes",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -18,12 +18,12 @@
|
|
|
18
18
|
"@types/node": "18.14.6",
|
|
19
19
|
"@types/react": "18.0.26",
|
|
20
20
|
"@vitejs/plugin-react": "^2.0.0",
|
|
21
|
-
"eslint": "8.
|
|
21
|
+
"eslint": "8.42.0",
|
|
22
22
|
"prettier": "^2.7.1",
|
|
23
23
|
"prettier-plugin-organize-imports": "^2.3.4",
|
|
24
24
|
"react": "18.0.0",
|
|
25
25
|
"react-dom": "18.0.0",
|
|
26
|
-
"typescript": "
|
|
26
|
+
"typescript": "4.9.5",
|
|
27
27
|
"vitest": "0.31.1"
|
|
28
28
|
},
|
|
29
29
|
"keywords": [
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"react-dom": ">=16.8.0"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@remotion/paths": "4.0.0-
|
|
42
|
+
"@remotion/paths": "4.0.0-alpha16"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"formatting": "prettier src --check",
|