@photoroom/icons 0.1.33 → 0.1.34

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.
Files changed (6) hide show
  1. package/colors/GoogleDriveColorIcon.js +67 -18
  2. package/monochromes/index.d.ts +0 -1
  3. package/monochromes/index.js +0 -1
  4. package/package.json +1 -1
  5. package/monochromes/GoogleDriveIcon.d.ts +0 -4
  6. package/monochromes/GoogleDriveIcon.js +0 -28
package/colors/GoogleDriveColorIcon.js CHANGED
@@ -2,32 +2,81 @@
2
2
 
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
- const GoogleDriveColorIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
5
+ const GoogleDriveColorIcon = (props, ref) => {
6
+ const __id = "i" + React.useId().replace(/[^a-zA-Z0-9]/g, "");
7
+ return /*#__PURE__*/React.createElement("svg", {
6
8
  fill: "none",
7
- viewBox: "0 0 87.3 78",
9
+ viewBox: "0 0 800 741.3696",
8
10
  style: {
9
11
  flexShrink: 0
10
12
  },
11
13
  ref: ref,
12
14
  ...props
15
+ }, /*#__PURE__*/React.createElement("mask", {
16
+ id: `${__id}-a`,
17
+ width: 168,
18
+ height: 154,
19
+ x: 12,
20
+ y: 18,
21
+ maskUnits: "userSpaceOnUse"
13
22
  }, /*#__PURE__*/React.createElement("path", {
14
- fill: "#0066DA",
15
- d: "m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z"
16
- }), /*#__PURE__*/React.createElement("path", {
17
- fill: "#00AC47",
18
- d: "m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z"
19
- }), /*#__PURE__*/React.createElement("path", {
20
- fill: "#EA4335",
21
- d: "m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z"
22
- }), /*#__PURE__*/React.createElement("path", {
23
- fill: "#00832D",
24
- d: "m43.65 25 13.75-23.8c-1.35-.8-2.9-1.2-4.5-1.2h-18.5c-1.6 0-3.15.45-4.5 1.2z"
23
+ fill: "#fff",
24
+ d: "M63.09 37c14.626-25.333 51.193-25.334 65.819 0l45.033 78c14.626 25.334-3.657 57.001-32.91 57.001H50.967c-29.253 0-47.536-31.667-32.91-57.001Z"
25
+ })), /*#__PURE__*/React.createElement("g", {
26
+ mask: `url(#${__id}-a)`,
27
+ transform: "matrix(4.8140532,0,0,4.8140532,-62.146701,-86.652356)"
28
+ }, /*#__PURE__*/React.createElement("path", {
29
+ fill: `url(#${__id}-b)`,
30
+ d: "M206.905 172.02h-91.888l-19.015-32.934 45.944-79.578Z"
25
31
  }), /*#__PURE__*/React.createElement("path", {
26
- fill: "#2684FC",
27
- d: "m59.8 53h-32.3l-13.75 23.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z"
32
+ fill: `url(#${__id}-c)`,
33
+ d: "M-14.919 172.006 50.04 59.494v.002L31.032 92.422h38.02L115 172.004l-129.918.001Z"
28
34
  }), /*#__PURE__*/React.createElement("path", {
29
- fill: "#FFBA00",
30
- d: "m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3l-13.75 23.8 16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z"
31
- }));
35
+ fill: `url(#${__id}-d)`,
36
+ d: "M96.007-20.085 141.954 59.5l-19.011 32.928H31.048Z"
37
+ })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
38
+ id: `${__id}-b`,
39
+ x1: 193.6,
40
+ x2: 103.09,
41
+ y1: 165.6,
42
+ y2: 111.21,
43
+ gradientUnits: "userSpaceOnUse"
44
+ }, /*#__PURE__*/React.createElement("stop", {
45
+ offset: 0.09,
46
+ stopColor: "#ffe921"
47
+ }), /*#__PURE__*/React.createElement("stop", {
48
+ offset: 1,
49
+ stopColor: "#fec700"
50
+ })), /*#__PURE__*/React.createElement("linearGradient", {
51
+ id: `${__id}-c`,
52
+ x1: 114.4,
53
+ x2: 15.53,
54
+ y1: 181.61,
55
+ y2: 121.8,
56
+ gradientUnits: "userSpaceOnUse"
57
+ }, /*#__PURE__*/React.createElement("stop", {
58
+ offset: 0.15,
59
+ stopColor: "#a9a8ff"
60
+ }), /*#__PURE__*/React.createElement("stop", {
61
+ offset: 0.33,
62
+ stopColor: "#6d97ff"
63
+ }), /*#__PURE__*/React.createElement("stop", {
64
+ offset: 0.48,
65
+ stopColor: "#3186ff"
66
+ })), /*#__PURE__*/React.createElement("linearGradient", {
67
+ id: `${__id}-d`,
68
+ x1: 128.88,
69
+ x2: 28.7,
70
+ y1: 37.88,
71
+ y2: 84.64,
72
+ gradientUnits: "userSpaceOnUse"
73
+ }, /*#__PURE__*/React.createElement("stop", {
74
+ offset: 0.55,
75
+ stopColor: "#0ebc5f"
76
+ }), /*#__PURE__*/React.createElement("stop", {
77
+ offset: 0.85,
78
+ stopColor: "#78c9ff"
79
+ }))));
80
+ };
32
81
  const ForwardRef = forwardRef(GoogleDriveColorIcon);
33
82
  export { ForwardRef as GoogleDriveColorIcon };
package/monochromes/index.d.ts CHANGED
@@ -143,7 +143,6 @@ export { FourKIcon } from './FourKIcon'
143
143
  export { GlobeIcon } from './GlobeIcon'
144
144
  export { GoodIcon } from './GoodIcon'
145
145
  export { GoogleIcon } from './GoogleIcon'
146
- export { GoogleDriveIcon } from './GoogleDriveIcon'
147
146
  export { GridIcon } from './GridIcon'
148
147
  export { GridLargeIcon } from './GridLargeIcon'
149
148
  export { GridSmallIcon } from './GridSmallIcon'
package/monochromes/index.js CHANGED
@@ -143,7 +143,6 @@ export { FourKIcon } from './FourKIcon.js'
143
143
  export { GlobeIcon } from './GlobeIcon.js'
144
144
  export { GoodIcon } from './GoodIcon.js'
145
145
  export { GoogleIcon } from './GoogleIcon.js'
146
- export { GoogleDriveIcon } from './GoogleDriveIcon.js'
147
146
  export { GridIcon } from './GridIcon.js'
148
147
  export { GridLargeIcon } from './GridLargeIcon.js'
149
148
  export { GridSmallIcon } from './GridSmallIcon.js'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@photoroom/icons",
3
- "version": "0.1.33",
3
+ "version": "0.1.34",
4
4
  "private": false,
5
5
  "description": "Photoroom icon components",
6
6
  "sideEffects": false,
package/monochromes/GoogleDriveIcon.d.ts DELETED
@@ -1,4 +0,0 @@
1
- // Code generated by "generateIcons.js"; DO NOT EDIT.
2
-
3
- import * as React from 'react';
4
- export function GoogleDriveIcon(props: React.ComponentProps<'svg'> & { title?: string, titleId?: string }): React.JSX.Element;
package/monochromes/GoogleDriveIcon.js DELETED
@@ -1,28 +0,0 @@
1
- // Code generated by "generateIcons.js"; DO NOT EDIT.
2
-
3
- import * as React from "react";
4
- import { forwardRef } from "react";
5
- const GoogleDriveIcon = (props, ref) => /*#__PURE__*/React.createElement("svg", {
6
- viewBox: "0 0 87.3 78",
7
- style: {
8
- flexShrink: 0
9
- },
10
- fill: "currentColor",
11
- "aria-hidden": "true",
12
- ref: ref,
13
- ...props
14
- }, /*#__PURE__*/React.createElement("path", {
15
- d: "m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z"
16
- }), /*#__PURE__*/React.createElement("path", {
17
- d: "m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z"
18
- }), /*#__PURE__*/React.createElement("path", {
19
- d: "m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z"
20
- }), /*#__PURE__*/React.createElement("path", {
21
- d: "m43.65 25 13.75-23.8c-1.35-.8-2.9-1.2-4.5-1.2h-18.5c-1.6 0-3.15.45-4.5 1.2z"
22
- }), /*#__PURE__*/React.createElement("path", {
23
- d: "m59.8 53h-32.3l-13.75 23.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z"
24
- }), /*#__PURE__*/React.createElement("path", {
25
- d: "m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3l-13.75 23.8 16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z"
26
- }));
27
- const ForwardRef = forwardRef(GoogleDriveIcon);
28
- export { ForwardRef as GoogleDriveIcon };