@thesvg/react 3.3.6 → 3.3.8

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.
@@ -0,0 +1,42 @@
1
+ // @thesvg/react — Xyzam Badge Black
2
+ // Auto-generated. Do not edit.
3
+ // Variants: default
4
+
5
+ import { forwardRef, createElement, useId } from 'react';
6
+
7
+ const _variants = {"default":{"viewBox":"0 0 1200 1200","fill":"currentColor","childNodes":[{"type":"circle","props":{"cx":"600","cy":"600","r":"572","fill":"none","stroke":"currentColor","strokeWidth":"32"},"children":[]},{"type":"g","props":{"transform":"translate(600 600) scale(0.72) translate(-614 -611)"},"children":[{"type":"g","props":{"id":"Layer_x0020_1"},"children":[{"type":"metadata","props":{"id":"CorelCorpID_0Corel-Layer"},"children":[]},{"type":"g","props":{"id":"_1733885675952"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"fill":"currentColor","d":"M705 816c-15,115 -124,134 -175,213 87,-23 208,-28 280,-18 2,32 -21,37 -18,71 -151,5 -329,86 -367,-71 17,-95 128,-96 158,-177 -84,-18 -207,100 -228,-18 69,-73 298,-110 350,0z"},"children":[]}]}]}]}]}]}]},{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"fill":"currentColor","d":"M870 647c117,-4 164,-177 140,-275 -78,96 -325,-23 -227,-235 120,-4 58,109 87,176 84,3 68,-107 123,-137 327,184 -99,872 -280,431 65,-63 66,72 157,39z"},"children":[]}]}]}]}]}]}]},{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"fill":"currentColor","d":"M913 746c-208,12 -344,-49 -450,-141 -108,66 -107,243 -173,351 -216,-30 -101,-273 -35,-386 7,-135 -160,-94 -138,-245 86,-6 168,-6 173,70 146,-40 99,-275 277,-280 16,31 31,62 69,70 -8,132 -130,148 -139,280 98,100 266,129 415,176 0,35 0,70 0,105z"},"children":[]}]}]}]}]}]}]}]}]}]}]}};
8
+
9
+ function _ns(props, p) {
10
+ var out = {};
11
+ for (var k in props) {
12
+ var v = props[k];
13
+ if (k === 'id') out[k] = p + v;
14
+ else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
15
+ else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
16
+ else if (v && typeof v === 'object') {
17
+ var s = {};
18
+ for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
19
+ out[k] = s;
20
+ } else out[k] = v;
21
+ }
22
+ return out;
23
+ }
24
+
25
+ const XyzamBadgeBlack = forwardRef(
26
+ function XyzamBadgeBlack({ variant = 'default', viewBox, ...props }, ref) {
27
+ const _p = 'tsvg' + useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
28
+ const _v = _variants[variant] || _variants.default;
29
+ return createElement(
30
+ 'svg',
31
+ Object.assign({ ref, viewBox: viewBox || _v.viewBox, fill: _v.fill, stroke: _v.stroke, xmlns: 'http://www.w3.org/2000/svg' }, props),
32
+ ..._v.childNodes
33
+ .map(function _c(el) {
34
+ if (typeof el === 'string') return el;
35
+ return createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
36
+ })
37
+ );
38
+ }
39
+ );
40
+ XyzamBadgeBlack.displayName = 'XyzamBadgeBlack';
41
+
42
+ export default XyzamBadgeBlack;
@@ -0,0 +1,43 @@
1
+ "use strict";
2
+ // @thesvg/react — Xyzam Badge White
3
+ // Auto-generated. Do not edit.
4
+ // Variants: default
5
+
6
+ Object.defineProperty(exports, "__esModule", { value: true });
7
+
8
+ const react_1 = require("react");
9
+
10
+ const _variants = {"default":{"viewBox":"0 0 1200 1200","fill":"currentColor","childNodes":[{"type":"circle","props":{"cx":"600","cy":"600","r":"572","fill":"none","stroke":"currentColor","strokeWidth":"32"},"children":[]},{"type":"g","props":{"transform":"translate(600 600) scale(0.72) translate(-614 -611)"},"children":[{"type":"g","props":{"id":"Layer_x0020_1"},"children":[{"type":"metadata","props":{"id":"CorelCorpID_0Corel-Layer"},"children":[]},{"type":"g","props":{"id":"_1733885675952"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"fill":"currentColor","d":"M705 816c-15,115 -124,134 -175,213 87,-23 208,-28 280,-18 2,32 -21,37 -18,71 -151,5 -329,86 -367,-71 17,-95 128,-96 158,-177 -84,-18 -207,100 -228,-18 69,-73 298,-110 350,0z"},"children":[]}]}]}]}]}]}]},{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"fill":"currentColor","d":"M870 647c117,-4 164,-177 140,-275 -78,96 -325,-23 -227,-235 120,-4 58,109 87,176 84,3 68,-107 123,-137 327,184 -99,872 -280,431 65,-63 66,72 157,39z"},"children":[]}]}]}]}]}]}]},{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"fill":"currentColor","d":"M913 746c-208,12 -344,-49 -450,-141 -108,66 -107,243 -173,351 -216,-30 -101,-273 -35,-386 7,-135 -160,-94 -138,-245 86,-6 168,-6 173,70 146,-40 99,-275 277,-280 16,31 31,62 69,70 -8,132 -130,148 -139,280 98,100 266,129 415,176 0,35 0,70 0,105z"},"children":[]}]}]}]}]}]}]}]}]}]}]}};
11
+
12
+ function _ns(props, p) {
13
+ var out = {};
14
+ for (var k in props) {
15
+ var v = props[k];
16
+ if (k === 'id') out[k] = p + v;
17
+ else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
18
+ else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
19
+ else if (v && typeof v === 'object') {
20
+ var s = {};
21
+ for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
22
+ out[k] = s;
23
+ } else out[k] = v;
24
+ }
25
+ return out;
26
+ }
27
+
28
+ const XyzamBadgeWhite = react_1.forwardRef(function XyzamBadgeWhite({ variant = 'default', viewBox, ...props }, ref) {
29
+ const _p = 'tsvg' + react_1.useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
30
+ const _v = _variants[variant] || _variants.default;
31
+ return react_1.createElement(
32
+ 'svg',
33
+ Object.assign({ ref, viewBox: viewBox || _v.viewBox, fill: _v.fill, stroke: _v.stroke, xmlns: 'http://www.w3.org/2000/svg' }, props),
34
+ ..._v.childNodes
35
+ .map(function _c(el) {
36
+ if (typeof el === 'string') return el;
37
+ return react_1.createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
38
+ })
39
+ );
40
+ });
41
+ XyzamBadgeWhite.displayName = 'XyzamBadgeWhite';
42
+
43
+ exports.default = XyzamBadgeWhite;
@@ -0,0 +1,14 @@
1
+ // @thesvg/react — Xyzam Badge White
2
+ // Auto-generated. Do not edit.
3
+
4
+ import type { SVGProps, ForwardRefExoticComponent, RefAttributes } from 'react';
5
+
6
+ export type XyzamBadgeWhiteVariant = 'default';
7
+
8
+ export interface XyzamBadgeWhiteProps extends SVGProps<SVGSVGElement> {
9
+ /** Which icon variant to render. Defaults to "default". */
10
+ variant?: XyzamBadgeWhiteVariant;
11
+ }
12
+
13
+ declare const XyzamBadgeWhite: ForwardRefExoticComponent<XyzamBadgeWhiteProps & RefAttributes<SVGSVGElement>>;
14
+ export default XyzamBadgeWhite;
@@ -0,0 +1,42 @@
1
+ // @thesvg/react — Xyzam Badge White
2
+ // Auto-generated. Do not edit.
3
+ // Variants: default
4
+
5
+ import { forwardRef, createElement, useId } from 'react';
6
+
7
+ const _variants = {"default":{"viewBox":"0 0 1200 1200","fill":"currentColor","childNodes":[{"type":"circle","props":{"cx":"600","cy":"600","r":"572","fill":"none","stroke":"currentColor","strokeWidth":"32"},"children":[]},{"type":"g","props":{"transform":"translate(600 600) scale(0.72) translate(-614 -611)"},"children":[{"type":"g","props":{"id":"Layer_x0020_1"},"children":[{"type":"metadata","props":{"id":"CorelCorpID_0Corel-Layer"},"children":[]},{"type":"g","props":{"id":"_1733885675952"},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"fill":"currentColor","d":"M705 816c-15,115 -124,134 -175,213 87,-23 208,-28 280,-18 2,32 -21,37 -18,71 -151,5 -329,86 -367,-71 17,-95 128,-96 158,-177 -84,-18 -207,100 -228,-18 69,-73 298,-110 350,0z"},"children":[]}]}]}]}]}]}]},{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"fill":"currentColor","d":"M870 647c117,-4 164,-177 140,-275 -78,96 -325,-23 -227,-235 120,-4 58,109 87,176 84,3 68,-107 123,-137 327,184 -99,872 -280,431 65,-63 66,72 157,39z"},"children":[]}]}]}]}]}]}]},{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"g","props":{},"children":[{"type":"path","props":{"fill":"currentColor","d":"M913 746c-208,12 -344,-49 -450,-141 -108,66 -107,243 -173,351 -216,-30 -101,-273 -35,-386 7,-135 -160,-94 -138,-245 86,-6 168,-6 173,70 146,-40 99,-275 277,-280 16,31 31,62 69,70 -8,132 -130,148 -139,280 98,100 266,129 415,176 0,35 0,70 0,105z"},"children":[]}]}]}]}]}]}]}]}]}]}]}};
8
+
9
+ function _ns(props, p) {
10
+ var out = {};
11
+ for (var k in props) {
12
+ var v = props[k];
13
+ if (k === 'id') out[k] = p + v;
14
+ else if (k === 'href' && typeof v === 'string' && v.charCodeAt(0) === 35) out[k] = '#' + p + v.slice(1);
15
+ else if (typeof v === 'string') out[k] = v.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; });
16
+ else if (v && typeof v === 'object') {
17
+ var s = {};
18
+ for (var sk in v) { var sv = v[sk]; s[sk] = typeof sv === 'string' ? sv.replace(/url\(#([^)]+)\)/g, function (_m, id) { return 'url(#' + p + id + ')'; }) : sv; }
19
+ out[k] = s;
20
+ } else out[k] = v;
21
+ }
22
+ return out;
23
+ }
24
+
25
+ const XyzamBadgeWhite = forwardRef(
26
+ function XyzamBadgeWhite({ variant = 'default', viewBox, ...props }, ref) {
27
+ const _p = 'tsvg' + useId().replace(/[^a-zA-Z0-9]/g, '') + '-';
28
+ const _v = _variants[variant] || _variants.default;
29
+ return createElement(
30
+ 'svg',
31
+ Object.assign({ ref, viewBox: viewBox || _v.viewBox, fill: _v.fill, stroke: _v.stroke, xmlns: 'http://www.w3.org/2000/svg' }, props),
32
+ ..._v.childNodes
33
+ .map(function _c(el) {
34
+ if (typeof el === 'string') return el;
35
+ return createElement(el.type, _ns(el.props, _p), ...(el.children || []).map(_c));
36
+ })
37
+ );
38
+ }
39
+ );
40
+ XyzamBadgeWhite.displayName = 'XyzamBadgeWhite';
41
+
42
+ export default XyzamBadgeWhite;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thesvg/react",
3
- "version": "3.3.6",
3
+ "version": "3.3.8",
4
4
  "description": "Typed React SVG components for all 6,500+ brand icons from thesvg.org",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -50,7 +50,7 @@
50
50
  "react": ">=18"
51
51
  },
52
52
  "devDependencies": {
53
- "@types/react": "^19.2.18",
53
+ "@types/react": "^19.3.0",
54
54
  "tsx": "^4.23.13",
55
55
  "typescript": "^6.0.3"
56
56
  },