@wix/design-system-illustrations 1.1.2 → 1.1.4

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 (20) hide show
  1. package/Readme.md +39 -4
  2. package/dist/edge/AddingElements.js +37 -39
  3. package/dist/edge/BlogPost.js +61 -54
  4. package/dist/edge/CMS.js +40 -29
  5. package/dist/edge/Discount.js +62 -42
  6. package/dist/edge/NoResults.js +43 -39
  7. package/dist/edge/index.js +5 -10
  8. package/dist/studio/AddingElements.js +68 -51
  9. package/dist/studio/BlogPost.js +90 -64
  10. package/dist/studio/CMS.js +232 -182
  11. package/dist/studio/Discount.js +59 -53
  12. package/dist/studio/NoResults.js +138 -97
  13. package/dist/studio/index.js +5 -10
  14. package/dist/unified/AddingElements.js +4 -5
  15. package/dist/unified/BlogPost.js +4 -5
  16. package/dist/unified/CMS.js +4 -5
  17. package/dist/unified/Discount.js +4 -5
  18. package/dist/unified/NoResults.js +4 -5
  19. package/dist/unified/index.js +5 -10
  20. package/package.json +16 -5
package/dist/studio/NoResults.js CHANGED
@@ -1,98 +1,139 @@
1
- import React from 'react';
2
-
3
- export const NoResults = (props) => (
4
- <svg
5
- viewBox="0 0 120 120"
6
- fill="none"
7
- width="120"
8
- height="120"
9
- xmlns="http://www.w3.org/2000/svg"
10
- {...props}
11
- >
12
- <path fill="#fff" d="M0 0h120v120H0z"></path>
13
- <path
14
- fill="#fff"
15
- stroke="#000624"
16
- strokeLinejoin="round"
17
- d="m108.831 39.435-8.79 8.24-51.91-6.3 9.38-8.39z"
18
- ></path>
19
- <path
20
- fill="#fff"
21
- stroke="#000624"
22
- strokeLinejoin="round"
23
- d="m99.51 67.915-51.38-6.43v-20.11l20.88 2.48 9.63 1.15 20.87 2.48 4.051 11.15z"
24
- ></path>
25
- <path
26
- fill="#000624"
27
- stroke="#000624"
28
- strokeLinejoin="round"
29
- d="m108.831 59.735-9.32 8.18v-20.43l9.32-8.05z"
30
- ></path>
31
- <path
32
- fill="#fff"
33
- stroke="#000624"
34
- strokeLinejoin="round"
35
- d="m67.78 65.09-2.422 1.822 4.757 6.32 2.421-1.822z"
36
- ></path>
37
- <path
38
- fill="#000624"
39
- stroke="#000624"
40
- strokeLinejoin="round"
41
- d="M90.16 103.156 69.8 77.226a4.165 4.165 0 0 1 .82-5.84 4.165 4.165 0 0 1 5.84.82l20.35 26.09z"
42
- ></path>
43
- <path
44
- fill="#fff"
45
- stroke="#000624"
46
- strokeLinejoin="round"
47
- d="M65.43 66.851c9.593-7.007 10.964-21.455 3.064-32.27-7.9-10.814-22.081-13.9-31.674-6.892s-10.964 21.455-3.064 32.27c7.9 10.814 22.082 13.9 31.674 6.892Z"
48
- ></path>
49
- <path
50
- fill="#fff"
51
- stroke="#000624"
52
- strokeLinejoin="round"
53
- d="M66.55 60.366c-.94 1.27-2.07 2.41-3.39 3.37-2.73 1.99-6.03 3.05-9.55 3.05-.63 0-1.28-.04-1.9-.11-5.72-.58-11.2-3.83-14.93-8.93-3.25-4.44-4.77-9.74-4.29-14.88.43-4.43 2.3-8.3 5.33-11.04.4-.36.84-.7 1.28-1.03 2.73-2.01 6.04-3.06 9.55-3.06 4.79 0 9.53 1.9 13.35 5.24h.01c1.27 1.12 2.42 2.39 3.46 3.8 1.56 2.14 2.71 4.46 3.42 6.8.16.55.31 1.09.43 1.64 1.23 5.46.26 11.01-2.77 15.15Z"
54
- ></path>
55
- <path
56
- fill="#fff"
57
- stroke="#000624"
58
- strokeLinejoin="round"
59
- d="m69.32 45.225-17.61-3.83 10.3-8.41h.01c1.27 1.12 2.42 2.39 3.46 3.8 1.56 2.14 2.71 4.46 3.42 6.8.16.55.31 1.09.43 1.64z"
60
- ></path>
61
- <path
62
- fill="#fff"
63
- stroke="#000624"
64
- strokeLinejoin="round"
65
- d="M66.54 60.366a15.93 15.93 0 0 1-3.38 3.38c-2.73 1.99-6.03 3.04-9.56 3.04-.64 0-1.27-.04-1.9-.1v-25.29l17.19 2.2c1.83 5.97.99 12.22-2.35 16.77ZM95.09 102.926c1.838-1.342 2.609-3.414 1.723-4.627-.886-1.213-3.094-1.108-4.931.234-1.838 1.343-2.609 3.414-1.723 4.627.886 1.213 3.094 1.108 4.932-.234ZM55.89 82.316l-5.63 5.04-13.73-1.67 1.83-1.6 2.18-1.92 1.78-1.56z"
66
- ></path>
67
- <path
68
- fill="#fff"
69
- stroke="#000624"
70
- strokeLinejoin="round"
71
- d="m50.12 99.695-5.52-.69-2.54-.32-5.53-.69v-12.31l5.53.66 2.54.3 5.52.66 1.07 2.94z"
72
- ></path>
73
- <path
74
- fill="#000624"
75
- stroke="#000624"
76
- strokeLinejoin="round"
77
- d="M55.89 82.315v12.31l-5.77 5.07v-12.39l1.75-1.52 2.21-1.91z"
78
- ></path>
79
- <path
80
- fill="#fff"
81
- stroke="#000624"
82
- strokeLinejoin="round"
83
- d="m28.18 65.326-3.46 3.1L11 66.716l1.12-.98 1.34-1.18 1.1-.96z"
84
- ></path>
85
- <path
86
- fill="#fff"
87
- stroke="#000624"
88
- strokeLinejoin="round"
89
- d="m24.63 76.006-8.67-1.11-1.57-.2-3.39-.42v-7.56l3.39.4 1.57.19 8.67 1.08.66 1.82z"
90
- ></path>
91
- <path
92
- fill="#000624"
93
- stroke="#000624"
94
- strokeLinejoin="round"
95
- d="M28.18 65.326v7.56l-3.55 3.12v-7.62l1.08-.93 1.36-1.17z"
96
- ></path>
97
- </svg>
1
+ import React from "react";
2
+ export const NoResults = (props) => /* @__PURE__ */ React.createElement(
3
+ "svg",
4
+ {
5
+ viewBox: "0 0 120 120",
6
+ fill: "none",
7
+ width: "120",
8
+ height: "120",
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ ...props
11
+ },
12
+ /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h120v120H0z" }),
13
+ /* @__PURE__ */ React.createElement(
14
+ "path",
15
+ {
16
+ fill: "#fff",
17
+ stroke: "#000624",
18
+ strokeLinejoin: "round",
19
+ d: "m108.831 39.435-8.79 8.24-51.91-6.3 9.38-8.39z"
20
+ }
21
+ ),
22
+ /* @__PURE__ */ React.createElement(
23
+ "path",
24
+ {
25
+ fill: "#fff",
26
+ stroke: "#000624",
27
+ strokeLinejoin: "round",
28
+ d: "m99.51 67.915-51.38-6.43v-20.11l20.88 2.48 9.63 1.15 20.87 2.48 4.051 11.15z"
29
+ }
30
+ ),
31
+ /* @__PURE__ */ React.createElement(
32
+ "path",
33
+ {
34
+ fill: "#000624",
35
+ stroke: "#000624",
36
+ strokeLinejoin: "round",
37
+ d: "m108.831 59.735-9.32 8.18v-20.43l9.32-8.05z"
38
+ }
39
+ ),
40
+ /* @__PURE__ */ React.createElement(
41
+ "path",
42
+ {
43
+ fill: "#fff",
44
+ stroke: "#000624",
45
+ strokeLinejoin: "round",
46
+ d: "m67.78 65.09-2.422 1.822 4.757 6.32 2.421-1.822z"
47
+ }
48
+ ),
49
+ /* @__PURE__ */ React.createElement(
50
+ "path",
51
+ {
52
+ fill: "#000624",
53
+ stroke: "#000624",
54
+ strokeLinejoin: "round",
55
+ d: "M90.16 103.156 69.8 77.226a4.165 4.165 0 0 1 .82-5.84 4.165 4.165 0 0 1 5.84.82l20.35 26.09z"
56
+ }
57
+ ),
58
+ /* @__PURE__ */ React.createElement(
59
+ "path",
60
+ {
61
+ fill: "#fff",
62
+ stroke: "#000624",
63
+ strokeLinejoin: "round",
64
+ d: "M65.43 66.851c9.593-7.007 10.964-21.455 3.064-32.27-7.9-10.814-22.081-13.9-31.674-6.892s-10.964 21.455-3.064 32.27c7.9 10.814 22.082 13.9 31.674 6.892Z"
65
+ }
66
+ ),
67
+ /* @__PURE__ */ React.createElement(
68
+ "path",
69
+ {
70
+ fill: "#fff",
71
+ stroke: "#000624",
72
+ strokeLinejoin: "round",
73
+ d: "M66.55 60.366c-.94 1.27-2.07 2.41-3.39 3.37-2.73 1.99-6.03 3.05-9.55 3.05-.63 0-1.28-.04-1.9-.11-5.72-.58-11.2-3.83-14.93-8.93-3.25-4.44-4.77-9.74-4.29-14.88.43-4.43 2.3-8.3 5.33-11.04.4-.36.84-.7 1.28-1.03 2.73-2.01 6.04-3.06 9.55-3.06 4.79 0 9.53 1.9 13.35 5.24h.01c1.27 1.12 2.42 2.39 3.46 3.8 1.56 2.14 2.71 4.46 3.42 6.8.16.55.31 1.09.43 1.64 1.23 5.46.26 11.01-2.77 15.15Z"
74
+ }
75
+ ),
76
+ /* @__PURE__ */ React.createElement(
77
+ "path",
78
+ {
79
+ fill: "#fff",
80
+ stroke: "#000624",
81
+ strokeLinejoin: "round",
82
+ d: "m69.32 45.225-17.61-3.83 10.3-8.41h.01c1.27 1.12 2.42 2.39 3.46 3.8 1.56 2.14 2.71 4.46 3.42 6.8.16.55.31 1.09.43 1.64z"
83
+ }
84
+ ),
85
+ /* @__PURE__ */ React.createElement(
86
+ "path",
87
+ {
88
+ fill: "#fff",
89
+ stroke: "#000624",
90
+ strokeLinejoin: "round",
91
+ d: "M66.54 60.366a15.93 15.93 0 0 1-3.38 3.38c-2.73 1.99-6.03 3.04-9.56 3.04-.64 0-1.27-.04-1.9-.1v-25.29l17.19 2.2c1.83 5.97.99 12.22-2.35 16.77ZM95.09 102.926c1.838-1.342 2.609-3.414 1.723-4.627-.886-1.213-3.094-1.108-4.931.234-1.838 1.343-2.609 3.414-1.723 4.627.886 1.213 3.094 1.108 4.932-.234ZM55.89 82.316l-5.63 5.04-13.73-1.67 1.83-1.6 2.18-1.92 1.78-1.56z"
92
+ }
93
+ ),
94
+ /* @__PURE__ */ React.createElement(
95
+ "path",
96
+ {
97
+ fill: "#fff",
98
+ stroke: "#000624",
99
+ strokeLinejoin: "round",
100
+ d: "m50.12 99.695-5.52-.69-2.54-.32-5.53-.69v-12.31l5.53.66 2.54.3 5.52.66 1.07 2.94z"
101
+ }
102
+ ),
103
+ /* @__PURE__ */ React.createElement(
104
+ "path",
105
+ {
106
+ fill: "#000624",
107
+ stroke: "#000624",
108
+ strokeLinejoin: "round",
109
+ d: "M55.89 82.315v12.31l-5.77 5.07v-12.39l1.75-1.52 2.21-1.91z"
110
+ }
111
+ ),
112
+ /* @__PURE__ */ React.createElement(
113
+ "path",
114
+ {
115
+ fill: "#fff",
116
+ stroke: "#000624",
117
+ strokeLinejoin: "round",
118
+ d: "m28.18 65.326-3.46 3.1L11 66.716l1.12-.98 1.34-1.18 1.1-.96z"
119
+ }
120
+ ),
121
+ /* @__PURE__ */ React.createElement(
122
+ "path",
123
+ {
124
+ fill: "#fff",
125
+ stroke: "#000624",
126
+ strokeLinejoin: "round",
127
+ d: "m24.63 76.006-8.67-1.11-1.57-.2-3.39-.42v-7.56l3.39.4 1.57.19 8.67 1.08.66 1.82z"
128
+ }
129
+ ),
130
+ /* @__PURE__ */ React.createElement(
131
+ "path",
132
+ {
133
+ fill: "#000624",
134
+ stroke: "#000624",
135
+ strokeLinejoin: "round",
136
+ d: "M28.18 65.326v7.56l-3.55 3.12v-7.62l1.08-.93 1.36-1.17z"
137
+ }
138
+ )
98
139
  );
package/dist/studio/index.js CHANGED
@@ -1,10 +1,5 @@
1
-
2
- export { AddingElements } from './AddingElements';
3
-
4
- export { BlogPost } from './BlogPost';
5
-
6
- export { CMS } from './CMS';
7
-
8
- export { Discount } from './Discount';
9
-
10
- export { NoResults } from './NoResults';
1
+ export { AddingElements } from "./AddingElements";
2
+ export { BlogPost } from "./BlogPost";
3
+ export { CMS } from "./CMS";
4
+ export { Discount } from "./Discount";
5
+ export { NoResults } from "./NoResults";
package/dist/unified/AddingElements.js CHANGED
@@ -1,7 +1,6 @@
1
- import React from 'react';
2
- import { AddingElements as Edge } from '../edge';
3
- import { AddingElements as Studio } from '../studio';
4
-
1
+ import React from "react";
2
+ import { AddingElements as Edge } from "../edge";
3
+ import { AddingElements as Studio } from "../studio";
5
4
  export const AddingElements = ({ skin, ...props }) => {
6
- return skin === 'studio' ? <Studio {...props} /> : <Edge {...props} />;
5
+ return skin === "studio" ? /* @__PURE__ */ React.createElement(Studio, { ...props }) : /* @__PURE__ */ React.createElement(Edge, { ...props });
7
6
  };
package/dist/unified/BlogPost.js CHANGED
@@ -1,7 +1,6 @@
1
- import React from 'react';
2
- import { BlogPost as Edge } from '../edge';
3
- import { BlogPost as Studio } from '../studio';
4
-
1
+ import React from "react";
2
+ import { BlogPost as Edge } from "../edge";
3
+ import { BlogPost as Studio } from "../studio";
5
4
  export const BlogPost = ({ skin, ...props }) => {
6
- return skin === 'studio' ? <Studio {...props} /> : <Edge {...props} />;
5
+ return skin === "studio" ? /* @__PURE__ */ React.createElement(Studio, { ...props }) : /* @__PURE__ */ React.createElement(Edge, { ...props });
7
6
  };
package/dist/unified/CMS.js CHANGED
@@ -1,7 +1,6 @@
1
- import React from 'react';
2
- import { CMS as Edge } from '../edge';
3
- import { CMS as Studio } from '../studio';
4
-
1
+ import React from "react";
2
+ import { CMS as Edge } from "../edge";
3
+ import { CMS as Studio } from "../studio";
5
4
  export const CMS = ({ skin, ...props }) => {
6
- return skin === 'studio' ? <Studio {...props} /> : <Edge {...props} />;
5
+ return skin === "studio" ? /* @__PURE__ */ React.createElement(Studio, { ...props }) : /* @__PURE__ */ React.createElement(Edge, { ...props });
7
6
  };
package/dist/unified/Discount.js CHANGED
@@ -1,7 +1,6 @@
1
- import React from 'react';
2
- import { Discount as Edge } from '../edge';
3
- import { Discount as Studio } from '../studio';
4
-
1
+ import React from "react";
2
+ import { Discount as Edge } from "../edge";
3
+ import { Discount as Studio } from "../studio";
5
4
  export const Discount = ({ skin, ...props }) => {
6
- return skin === 'studio' ? <Studio {...props} /> : <Edge {...props} />;
5
+ return skin === "studio" ? /* @__PURE__ */ React.createElement(Studio, { ...props }) : /* @__PURE__ */ React.createElement(Edge, { ...props });
7
6
  };
package/dist/unified/NoResults.js CHANGED
@@ -1,7 +1,6 @@
1
- import React from 'react';
2
- import { NoResults as Edge } from '../edge';
3
- import { NoResults as Studio } from '../studio';
4
-
1
+ import React from "react";
2
+ import { NoResults as Edge } from "../edge";
3
+ import { NoResults as Studio } from "../studio";
5
4
  export const NoResults = ({ skin, ...props }) => {
6
- return skin === 'studio' ? <Studio {...props} /> : <Edge {...props} />;
5
+ return skin === "studio" ? /* @__PURE__ */ React.createElement(Studio, { ...props }) : /* @__PURE__ */ React.createElement(Edge, { ...props });
7
6
  };
package/dist/unified/index.js CHANGED
@@ -1,10 +1,5 @@
1
-
2
- export { AddingElements } from './AddingElements';
3
-
4
- export { BlogPost } from './BlogPost';
5
-
6
- export { CMS } from './CMS';
7
-
8
- export { Discount } from './Discount';
9
-
10
- export { NoResults } from './NoResults';
1
+ export { AddingElements } from "./AddingElements";
2
+ export { BlogPost } from "./BlogPost";
3
+ export { CMS } from "./CMS";
4
+ export { Discount } from "./Discount";
5
+ export { NoResults } from "./NoResults";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@wix/design-system-illustrations",
3
3
  "type": "module",
4
- "version": "1.1.2",
4
+ "version": "1.1.4",
5
5
  "packageManager": "yarn@4.0.2",
6
6
  "author": "mykolass@wix.com",
7
7
  "license": "MIT",
@@ -13,10 +13,21 @@
13
13
  "files": [
14
14
  "dist"
15
15
  ],
16
+ "types": "./dist/index.d.ts",
16
17
  "exports": {
17
- ".": "./dist/unified/index.js",
18
- "./studio": "./dist/studio/index.js",
19
- "./edge": "./dist/edge/index.js"
18
+ ".": {
19
+ "import": "./dist/unified/index.js",
20
+ "types": "./dist/unified/index.d.ts"
21
+ },
22
+ "./studio": {
23
+ "import": "./dist/studio/index.js",
24
+ "types": "./dist/studio/index.d.ts"
25
+ },
26
+ "./edge": {
27
+ "import": "./dist/edge/index.js",
28
+ "types": "./dist/edge/index.d.ts"
29
+ },
30
+ "./package.json": "./package.json"
20
31
  },
21
32
  "peerDependencies": {
22
33
  "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
@@ -39,5 +50,5 @@
39
50
  "groupId": "com.wixpress"
40
51
  }
41
52
  },
42
- "falconPackageHash": "a0e68c214a2ff81da9c286be9058fbec44490152fddd7f0f73704e71"
53
+ "falconPackageHash": "f13fef6cfa36f1184256b3caf82b2dda0cb0976135289da0fc0c2bbf"
43
54
  }