@wordpress/primitives 4.39.1-next.v.202602111440.0 → 4.40.0
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/CHANGELOG.md +2 -0
- package/build/svg/index.cjs +4 -4
- package/build/svg/index.cjs.map +1 -1
- package/build-module/svg/index.mjs +4 -4
- package/build-module/svg/index.mjs.map +1 -1
- package/build-types/svg/index.d.ts +11 -11
- package/build-types/svg/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/svg/index.js +25 -25
package/CHANGELOG.md
CHANGED
package/build/svg/index.cjs
CHANGED
|
@@ -58,11 +58,11 @@ var LinearGradient = (props) => (0, import_element.createElement)("linearGradien
|
|
|
58
58
|
var Stop = (props) => (0, import_element.createElement)("stop", props);
|
|
59
59
|
var SVG = (0, import_element.forwardRef)(
|
|
60
60
|
/**
|
|
61
|
-
* @param {SVGProps}
|
|
62
|
-
*
|
|
63
|
-
* @param {
|
|
61
|
+
* @param {SVGProps} props isPressed indicates whether the SVG should appear as pressed.
|
|
62
|
+
* Other props will be passed through to svg component.
|
|
63
|
+
* @param {React.ForwardedRef<SVGSVGElement>} ref The forwarded ref to the SVG element.
|
|
64
64
|
*
|
|
65
|
-
* @return {JSX.Element} Stop component
|
|
65
|
+
* @return {React.JSX.Element} Stop component
|
|
66
66
|
*/
|
|
67
67
|
({ className, isPressed, ...props }, ref) => {
|
|
68
68
|
const appliedProps = {
|
package/build/svg/index.cjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/svg/index.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { createElement, forwardRef } from '@wordpress/element';\n\n/** @typedef {{isPressed?: boolean} &
|
|
4
|
+
"sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { createElement, forwardRef } from '@wordpress/element';\n\n/** @typedef {{isPressed?: boolean} & React.ComponentPropsWithoutRef<'svg'>} SVGProps */\n\n/**\n * @param {React.ComponentPropsWithoutRef<'circle'>} props\n *\n * @return {React.JSX.Element} Circle component\n */\nexport const Circle = ( props ) => createElement( 'circle', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'g'>} props\n *\n * @return {React.JSX.Element} G component\n */\nexport const G = ( props ) => createElement( 'g', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'line'>} props\n *\n * @return {React.JSX.Element} Path component\n */\nexport const Line = ( props ) => createElement( 'line', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'path'>} props\n *\n * @return {React.JSX.Element} Path component\n */\nexport const Path = ( props ) => createElement( 'path', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'polygon'>} props\n *\n * @return {React.JSX.Element} Polygon component\n */\nexport const Polygon = ( props ) => createElement( 'polygon', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'rect'>} props\n *\n * @return {React.JSX.Element} Rect component\n */\nexport const Rect = ( props ) => createElement( 'rect', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'defs'>} props\n *\n * @return {React.JSX.Element} Defs component\n */\nexport const Defs = ( props ) => createElement( 'defs', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'radialGradient'>} props\n *\n * @return {React.JSX.Element} RadialGradient component\n */\nexport const RadialGradient = ( props ) =>\n\tcreateElement( 'radialGradient', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'linearGradient'>} props\n *\n * @return {React.JSX.Element} LinearGradient component\n */\nexport const LinearGradient = ( props ) =>\n\tcreateElement( 'linearGradient', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'stop'>} props\n *\n * @return {React.JSX.Element} Stop component\n */\nexport const Stop = ( props ) => createElement( 'stop', props );\n\nexport const SVG = forwardRef(\n\t/**\n\t * @param {SVGProps} props isPressed indicates whether the SVG should appear as pressed.\n\t * Other props will be passed through to svg component.\n\t * @param {React.ForwardedRef<SVGSVGElement>} ref The forwarded ref to the SVG element.\n\t *\n\t * @return {React.JSX.Element} Stop component\n\t */\n\t( { className, isPressed, ...props }, ref ) => {\n\t\tconst appliedProps = {\n\t\t\t...props,\n\t\t\tclassName:\n\t\t\t\tclsx( className, { 'is-pressed': isPressed } ) || undefined,\n\t\t\t'aria-hidden': true,\n\t\t\tfocusable: false,\n\t\t};\n\n\t\t// Disable reason: We need to have a way to render HTML tag for web.\n\t\t// eslint-disable-next-line react/forbid-elements\n\t\treturn <svg { ...appliedProps } ref={ ref } />;\n\t}\n);\nSVG.displayName = 'SVG';\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAA0C;AA+FjC;AAtFF,IAAM,SAAS,CAAE,cAAW,8BAAe,UAAU,KAAM;AAO3D,IAAM,IAAI,CAAE,cAAW,8BAAe,KAAK,KAAM;AAOjD,IAAM,OAAO,CAAE,cAAW,8BAAe,QAAQ,KAAM;AAOvD,IAAM,OAAO,CAAE,cAAW,8BAAe,QAAQ,KAAM;AAOvD,IAAM,UAAU,CAAE,cAAW,8BAAe,WAAW,KAAM;AAO7D,IAAM,OAAO,CAAE,cAAW,8BAAe,QAAQ,KAAM;AAOvD,IAAM,OAAO,CAAE,cAAW,8BAAe,QAAQ,KAAM;AAOvD,IAAM,iBAAiB,CAAE,cAC/B,8BAAe,kBAAkB,KAAM;AAOjC,IAAM,iBAAiB,CAAE,cAC/B,8BAAe,kBAAkB,KAAM;AAOjC,IAAM,OAAO,CAAE,cAAW,8BAAe,QAAQ,KAAM;AAEvD,IAAM,UAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQlB,CAAE,EAAE,WAAW,WAAW,GAAG,MAAM,GAAG,QAAS;AAC9C,UAAM,eAAe;AAAA,MACpB,GAAG;AAAA,MACH,eACC,YAAAA,SAAM,WAAW,EAAE,cAAc,UAAU,CAAE,KAAK;AAAA,MACnD,eAAe;AAAA,MACf,WAAW;AAAA,IACZ;AAIA,WAAO,4CAAC,SAAM,GAAG,cAAe,KAAY;AAAA,EAC7C;AACD;AACA,IAAI,cAAc;",
|
|
6
6
|
"names": ["clsx"]
|
|
7
7
|
}
|
|
@@ -14,11 +14,11 @@ var LinearGradient = (props) => createElement("linearGradient", props);
|
|
|
14
14
|
var Stop = (props) => createElement("stop", props);
|
|
15
15
|
var SVG = forwardRef(
|
|
16
16
|
/**
|
|
17
|
-
* @param {SVGProps}
|
|
18
|
-
*
|
|
19
|
-
* @param {
|
|
17
|
+
* @param {SVGProps} props isPressed indicates whether the SVG should appear as pressed.
|
|
18
|
+
* Other props will be passed through to svg component.
|
|
19
|
+
* @param {React.ForwardedRef<SVGSVGElement>} ref The forwarded ref to the SVG element.
|
|
20
20
|
*
|
|
21
|
-
* @return {JSX.Element} Stop component
|
|
21
|
+
* @return {React.JSX.Element} Stop component
|
|
22
22
|
*/
|
|
23
23
|
({ className, isPressed, ...props }, ref) => {
|
|
24
24
|
const appliedProps = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/svg/index.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { createElement, forwardRef } from '@wordpress/element';\n\n/** @typedef {{isPressed?: boolean} &
|
|
4
|
+
"sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { createElement, forwardRef } from '@wordpress/element';\n\n/** @typedef {{isPressed?: boolean} & React.ComponentPropsWithoutRef<'svg'>} SVGProps */\n\n/**\n * @param {React.ComponentPropsWithoutRef<'circle'>} props\n *\n * @return {React.JSX.Element} Circle component\n */\nexport const Circle = ( props ) => createElement( 'circle', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'g'>} props\n *\n * @return {React.JSX.Element} G component\n */\nexport const G = ( props ) => createElement( 'g', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'line'>} props\n *\n * @return {React.JSX.Element} Path component\n */\nexport const Line = ( props ) => createElement( 'line', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'path'>} props\n *\n * @return {React.JSX.Element} Path component\n */\nexport const Path = ( props ) => createElement( 'path', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'polygon'>} props\n *\n * @return {React.JSX.Element} Polygon component\n */\nexport const Polygon = ( props ) => createElement( 'polygon', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'rect'>} props\n *\n * @return {React.JSX.Element} Rect component\n */\nexport const Rect = ( props ) => createElement( 'rect', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'defs'>} props\n *\n * @return {React.JSX.Element} Defs component\n */\nexport const Defs = ( props ) => createElement( 'defs', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'radialGradient'>} props\n *\n * @return {React.JSX.Element} RadialGradient component\n */\nexport const RadialGradient = ( props ) =>\n\tcreateElement( 'radialGradient', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'linearGradient'>} props\n *\n * @return {React.JSX.Element} LinearGradient component\n */\nexport const LinearGradient = ( props ) =>\n\tcreateElement( 'linearGradient', props );\n\n/**\n * @param {React.ComponentPropsWithoutRef<'stop'>} props\n *\n * @return {React.JSX.Element} Stop component\n */\nexport const Stop = ( props ) => createElement( 'stop', props );\n\nexport const SVG = forwardRef(\n\t/**\n\t * @param {SVGProps} props isPressed indicates whether the SVG should appear as pressed.\n\t * Other props will be passed through to svg component.\n\t * @param {React.ForwardedRef<SVGSVGElement>} ref The forwarded ref to the SVG element.\n\t *\n\t * @return {React.JSX.Element} Stop component\n\t */\n\t( { className, isPressed, ...props }, ref ) => {\n\t\tconst appliedProps = {\n\t\t\t...props,\n\t\t\tclassName:\n\t\t\t\tclsx( className, { 'is-pressed': isPressed } ) || undefined,\n\t\t\t'aria-hidden': true,\n\t\t\tfocusable: false,\n\t\t};\n\n\t\t// Disable reason: We need to have a way to render HTML tag for web.\n\t\t// eslint-disable-next-line react/forbid-elements\n\t\treturn <svg { ...appliedProps } ref={ ref } />;\n\t}\n);\nSVG.displayName = 'SVG';\n"],
|
|
5
5
|
"mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,eAAe,kBAAkB;AA+FjC;AAtFF,IAAM,SAAS,CAAE,UAAW,cAAe,UAAU,KAAM;AAO3D,IAAM,IAAI,CAAE,UAAW,cAAe,KAAK,KAAM;AAOjD,IAAM,OAAO,CAAE,UAAW,cAAe,QAAQ,KAAM;AAOvD,IAAM,OAAO,CAAE,UAAW,cAAe,QAAQ,KAAM;AAOvD,IAAM,UAAU,CAAE,UAAW,cAAe,WAAW,KAAM;AAO7D,IAAM,OAAO,CAAE,UAAW,cAAe,QAAQ,KAAM;AAOvD,IAAM,OAAO,CAAE,UAAW,cAAe,QAAQ,KAAM;AAOvD,IAAM,iBAAiB,CAAE,UAC/B,cAAe,kBAAkB,KAAM;AAOjC,IAAM,iBAAiB,CAAE,UAC/B,cAAe,kBAAkB,KAAM;AAOjC,IAAM,OAAO,CAAE,UAAW,cAAe,QAAQ,KAAM;AAEvD,IAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQlB,CAAE,EAAE,WAAW,WAAW,GAAG,MAAM,GAAG,QAAS;AAC9C,UAAM,eAAe;AAAA,MACpB,GAAG;AAAA,MACH,WACC,KAAM,WAAW,EAAE,cAAc,UAAU,CAAE,KAAK;AAAA,MACnD,eAAe;AAAA,MACf,WAAW;AAAA,IACZ;AAIA,WAAO,oBAAC,SAAM,GAAG,cAAe,KAAY;AAAA,EAC7C;AACD;AACA,IAAI,cAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
export function Circle(props:
|
|
2
|
-
export function G(props:
|
|
3
|
-
export function Line(props:
|
|
4
|
-
export function Path(props:
|
|
5
|
-
export function Polygon(props:
|
|
6
|
-
export function Rect(props:
|
|
7
|
-
export function Defs(props:
|
|
8
|
-
export function RadialGradient(props:
|
|
9
|
-
export function LinearGradient(props:
|
|
10
|
-
export function Stop(props:
|
|
1
|
+
export function Circle(props: React.ComponentPropsWithoutRef<"circle">): React.JSX.Element;
|
|
2
|
+
export function G(props: React.ComponentPropsWithoutRef<"g">): React.JSX.Element;
|
|
3
|
+
export function Line(props: React.ComponentPropsWithoutRef<"line">): React.JSX.Element;
|
|
4
|
+
export function Path(props: React.ComponentPropsWithoutRef<"path">): React.JSX.Element;
|
|
5
|
+
export function Polygon(props: React.ComponentPropsWithoutRef<"polygon">): React.JSX.Element;
|
|
6
|
+
export function Rect(props: React.ComponentPropsWithoutRef<"rect">): React.JSX.Element;
|
|
7
|
+
export function Defs(props: React.ComponentPropsWithoutRef<"defs">): React.JSX.Element;
|
|
8
|
+
export function RadialGradient(props: React.ComponentPropsWithoutRef<"radialGradient">): React.JSX.Element;
|
|
9
|
+
export function LinearGradient(props: React.ComponentPropsWithoutRef<"linearGradient">): React.JSX.Element;
|
|
10
|
+
export function Stop(props: React.ComponentPropsWithoutRef<"stop">): React.JSX.Element;
|
|
11
11
|
export const SVG: import("react").ForwardRefExoticComponent<{
|
|
12
12
|
isPressed?: boolean;
|
|
13
13
|
} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
|
|
14
14
|
export type SVGProps = {
|
|
15
15
|
isPressed?: boolean;
|
|
16
|
-
} &
|
|
16
|
+
} & React.ComponentPropsWithoutRef<"svg">;
|
|
17
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svg/index.js"],"names":[],"mappings":"AAiBO,8BAJI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svg/index.js"],"names":[],"mappings":"AAiBO,8BAJI,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAEvC,KAAK,CAAC,GAAG,CAAC,OAAO,CAEsC;AAO5D,yBAJI,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAElC,KAAK,CAAC,GAAG,CAAC,OAAO,CAE4B;AAOlD,4BAJI,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAErC,KAAK,CAAC,GAAG,CAAC,OAAO,CAEkC;AAOxD,4BAJI,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAErC,KAAK,CAAC,GAAG,CAAC,OAAO,CAEkC;AAOxD,+BAJI,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC,GAExC,KAAK,CAAC,GAAG,CAAC,OAAO,CAEwC;AAO9D,4BAJI,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAErC,KAAK,CAAC,GAAG,CAAC,OAAO,CAEkC;AAOxD,4BAJI,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAErC,KAAK,CAAC,GAAG,CAAC,OAAO,CAEkC;AAOxD,sCAJI,KAAK,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,GAE/C,KAAK,CAAC,GAAG,CAAC,OAAO,CAGY;AAOlC,sCAJI,KAAK,CAAC,wBAAwB,CAAC,gBAAgB,CAAC,GAE/C,KAAK,CAAC,GAAG,CAAC,OAAO,CAGY;AAOlC,4BAJI,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAErC,KAAK,CAAC,GAAG,CAAC,OAAO,CAEkC;AAE/D;gBA1E2B,OAAO;yGA+FhC;uBA/FY;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAC,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/primitives",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.40.0",
|
|
4
4
|
"description": "WordPress cross-platform primitives.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"src/**/*.scss"
|
|
48
48
|
],
|
|
49
49
|
"dependencies": {
|
|
50
|
-
"@wordpress/element": "^6.
|
|
50
|
+
"@wordpress/element": "^6.40.0",
|
|
51
51
|
"clsx": "^2.1.1"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"publishConfig": {
|
|
57
57
|
"access": "public"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "376124aa10dbc2cc0c81c964ec00b99fcfee5382"
|
|
60
60
|
}
|
package/src/svg/index.js
CHANGED
|
@@ -8,87 +8,87 @@ import clsx from 'clsx';
|
|
|
8
8
|
*/
|
|
9
9
|
import { createElement, forwardRef } from '@wordpress/element';
|
|
10
10
|
|
|
11
|
-
/** @typedef {{isPressed?: boolean} &
|
|
11
|
+
/** @typedef {{isPressed?: boolean} & React.ComponentPropsWithoutRef<'svg'>} SVGProps */
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
|
-
* @param {
|
|
14
|
+
* @param {React.ComponentPropsWithoutRef<'circle'>} props
|
|
15
15
|
*
|
|
16
|
-
* @return {JSX.Element} Circle component
|
|
16
|
+
* @return {React.JSX.Element} Circle component
|
|
17
17
|
*/
|
|
18
18
|
export const Circle = ( props ) => createElement( 'circle', props );
|
|
19
19
|
|
|
20
20
|
/**
|
|
21
|
-
* @param {
|
|
21
|
+
* @param {React.ComponentPropsWithoutRef<'g'>} props
|
|
22
22
|
*
|
|
23
|
-
* @return {JSX.Element} G component
|
|
23
|
+
* @return {React.JSX.Element} G component
|
|
24
24
|
*/
|
|
25
25
|
export const G = ( props ) => createElement( 'g', props );
|
|
26
26
|
|
|
27
27
|
/**
|
|
28
|
-
* @param {
|
|
28
|
+
* @param {React.ComponentPropsWithoutRef<'line'>} props
|
|
29
29
|
*
|
|
30
|
-
* @return {JSX.Element} Path component
|
|
30
|
+
* @return {React.JSX.Element} Path component
|
|
31
31
|
*/
|
|
32
32
|
export const Line = ( props ) => createElement( 'line', props );
|
|
33
33
|
|
|
34
34
|
/**
|
|
35
|
-
* @param {
|
|
35
|
+
* @param {React.ComponentPropsWithoutRef<'path'>} props
|
|
36
36
|
*
|
|
37
|
-
* @return {JSX.Element} Path component
|
|
37
|
+
* @return {React.JSX.Element} Path component
|
|
38
38
|
*/
|
|
39
39
|
export const Path = ( props ) => createElement( 'path', props );
|
|
40
40
|
|
|
41
41
|
/**
|
|
42
|
-
* @param {
|
|
42
|
+
* @param {React.ComponentPropsWithoutRef<'polygon'>} props
|
|
43
43
|
*
|
|
44
|
-
* @return {JSX.Element} Polygon component
|
|
44
|
+
* @return {React.JSX.Element} Polygon component
|
|
45
45
|
*/
|
|
46
46
|
export const Polygon = ( props ) => createElement( 'polygon', props );
|
|
47
47
|
|
|
48
48
|
/**
|
|
49
|
-
* @param {
|
|
49
|
+
* @param {React.ComponentPropsWithoutRef<'rect'>} props
|
|
50
50
|
*
|
|
51
|
-
* @return {JSX.Element} Rect component
|
|
51
|
+
* @return {React.JSX.Element} Rect component
|
|
52
52
|
*/
|
|
53
53
|
export const Rect = ( props ) => createElement( 'rect', props );
|
|
54
54
|
|
|
55
55
|
/**
|
|
56
|
-
* @param {
|
|
56
|
+
* @param {React.ComponentPropsWithoutRef<'defs'>} props
|
|
57
57
|
*
|
|
58
|
-
* @return {JSX.Element} Defs component
|
|
58
|
+
* @return {React.JSX.Element} Defs component
|
|
59
59
|
*/
|
|
60
60
|
export const Defs = ( props ) => createElement( 'defs', props );
|
|
61
61
|
|
|
62
62
|
/**
|
|
63
|
-
* @param {
|
|
63
|
+
* @param {React.ComponentPropsWithoutRef<'radialGradient'>} props
|
|
64
64
|
*
|
|
65
|
-
* @return {JSX.Element} RadialGradient component
|
|
65
|
+
* @return {React.JSX.Element} RadialGradient component
|
|
66
66
|
*/
|
|
67
67
|
export const RadialGradient = ( props ) =>
|
|
68
68
|
createElement( 'radialGradient', props );
|
|
69
69
|
|
|
70
70
|
/**
|
|
71
|
-
* @param {
|
|
71
|
+
* @param {React.ComponentPropsWithoutRef<'linearGradient'>} props
|
|
72
72
|
*
|
|
73
|
-
* @return {JSX.Element} LinearGradient component
|
|
73
|
+
* @return {React.JSX.Element} LinearGradient component
|
|
74
74
|
*/
|
|
75
75
|
export const LinearGradient = ( props ) =>
|
|
76
76
|
createElement( 'linearGradient', props );
|
|
77
77
|
|
|
78
78
|
/**
|
|
79
|
-
* @param {
|
|
79
|
+
* @param {React.ComponentPropsWithoutRef<'stop'>} props
|
|
80
80
|
*
|
|
81
|
-
* @return {JSX.Element} Stop component
|
|
81
|
+
* @return {React.JSX.Element} Stop component
|
|
82
82
|
*/
|
|
83
83
|
export const Stop = ( props ) => createElement( 'stop', props );
|
|
84
84
|
|
|
85
85
|
export const SVG = forwardRef(
|
|
86
86
|
/**
|
|
87
|
-
* @param {SVGProps}
|
|
88
|
-
*
|
|
89
|
-
* @param {
|
|
87
|
+
* @param {SVGProps} props isPressed indicates whether the SVG should appear as pressed.
|
|
88
|
+
* Other props will be passed through to svg component.
|
|
89
|
+
* @param {React.ForwardedRef<SVGSVGElement>} ref The forwarded ref to the SVG element.
|
|
90
90
|
*
|
|
91
|
-
* @return {JSX.Element} Stop component
|
|
91
|
+
* @return {React.JSX.Element} Stop component
|
|
92
92
|
*/
|
|
93
93
|
( { className, isPressed, ...props }, ref ) => {
|
|
94
94
|
const appliedProps = {
|