@semcore/illustration 1.1.1 → 1.1.2

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 (60) hide show
  1. package/AccessDenied/index.js +1 -0
  2. package/AccessDenied/index.mjs +1 -0
  3. package/Blocked/index.js +1 -0
  4. package/Blocked/index.mjs +1 -0
  5. package/CHANGELOG.md +6 -0
  6. package/CombinedChart/index.js +1 -0
  7. package/CombinedChart/index.mjs +1 -0
  8. package/Confirmation/index.js +1 -0
  9. package/Confirmation/index.mjs +1 -0
  10. package/ConnectionLost/index.js +1 -0
  11. package/ConnectionLost/index.mjs +1 -0
  12. package/DeletedAccount/index.js +1 -0
  13. package/DeletedAccount/index.mjs +1 -0
  14. package/Dns/index.js +1 -0
  15. package/Dns/index.mjs +1 -0
  16. package/FunnelChart/index.js +1 -0
  17. package/FunnelChart/index.mjs +1 -0
  18. package/HeatMapChart/index.js +2 -0
  19. package/HeatMapChart/index.mjs +2 -0
  20. package/HorizontalBarChart/index.js +1 -0
  21. package/HorizontalBarChart/index.mjs +1 -0
  22. package/Maintenance/index.js +2 -0
  23. package/Maintenance/index.mjs +2 -0
  24. package/NoPayment/index.js +1 -0
  25. package/NoPayment/index.mjs +1 -0
  26. package/RadarChart/index.js +1 -0
  27. package/RadarChart/index.mjs +1 -0
  28. package/ScatterPlotChart/index.js +1 -0
  29. package/ScatterPlotChart/index.mjs +1 -0
  30. package/TagCloud/index.js +2 -0
  31. package/TagCloud/index.mjs +2 -0
  32. package/Timeout/index.js +1 -0
  33. package/Timeout/index.mjs +1 -0
  34. package/VennChart/index.js +1 -0
  35. package/VennChart/index.mjs +1 -0
  36. package/lib/cjs/index.d.ts +55 -0
  37. package/lib/cjs/index.js +24 -0
  38. package/lib/cjs/index.js.map +1 -0
  39. package/lib/es6/index.d.ts +55 -0
  40. package/lib/es6/index.js +16 -0
  41. package/lib/es6/index.js.map +1 -0
  42. package/lib/types/index.d.ts +55 -0
  43. package/package.json +2 -2
  44. package/svg/AccessDenied.svg +1 -1
  45. package/svg/Blocked.svg +1 -1
  46. package/svg/CombinedChart.svg +1 -1
  47. package/svg/Confirmation.svg +1 -1
  48. package/svg/ConnectionLost.svg +1 -1
  49. package/svg/DeletedAccount.svg +1 -1
  50. package/svg/Dns.svg +1 -1
  51. package/svg/FunnelChart.svg +1 -1
  52. package/svg/HeatMapChart.svg +2 -2
  53. package/svg/HorizontalBarChart.svg +1 -1
  54. package/svg/Maintenance.svg +2 -2
  55. package/svg/NoPayment.svg +1 -1
  56. package/svg/RadarChart.svg +1 -1
  57. package/svg/ScatterPlotChart.svg +1 -1
  58. package/svg/TagCloud.svg +2 -2
  59. package/svg/Timeout.svg +1 -1
  60. package/svg/VennChart.svg +1 -1
@@ -41,6 +41,7 @@ function AccessDenied(_ref, ref) {
41
41
  fill: "#FFE74D",
42
42
  shapeRendering: "geometricPrecision"
43
43
  }), /*#__PURE__*/_react["default"].createElement("mask", {
44
+ id: "a",
44
45
  maskUnits: "userSpaceOnUse",
45
46
  x: "19",
46
47
  y: "10",
@@ -23,6 +23,7 @@ function AccessDenied({
23
23
  fill: "#FFE74D",
24
24
  shapeRendering: "geometricPrecision"
25
25
  }), /*#__PURE__*/React.createElement("mask", {
26
+ id: "a",
26
27
  maskUnits: "userSpaceOnUse",
27
28
  x: "19",
28
29
  y: "10",
package/Blocked/index.js CHANGED
@@ -243,6 +243,7 @@ function Blocked(_ref, ref) {
243
243
  fill: "#000",
244
244
  shapeRendering: "geometricPrecision"
245
245
  }), /*#__PURE__*/_react["default"].createElement("mask", {
246
+ id: "a",
246
247
  maskUnits: "userSpaceOnUse",
247
248
  x: "14",
248
249
  y: "67",
package/Blocked/index.mjs CHANGED
@@ -225,6 +225,7 @@ function Blocked({
225
225
  fill: "#000",
226
226
  shapeRendering: "geometricPrecision"
227
227
  }), /*#__PURE__*/React.createElement("mask", {
228
+ id: "a",
228
229
  maskUnits: "userSpaceOnUse",
229
230
  x: "14",
230
231
  y: "67",
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [1.1.2] - 2022-09-27
6
+
7
+ ### Added
8
+
9
+ - Added missed illustrations and added missed id attribute for some illustrations.
10
+
5
11
  ## [1.1.1] - 2022-09-23
6
12
 
7
13
  ### Added
@@ -117,6 +117,7 @@ function CombinedChart(_ref, ref) {
117
117
  strokeLinejoin: "round",
118
118
  shapeRendering: "geometricPrecision"
119
119
  }), /*#__PURE__*/_react["default"].createElement("mask", {
120
+ id: "a",
120
121
  maskUnits: "userSpaceOnUse",
121
122
  x: "36",
122
123
  y: "28",
@@ -99,6 +99,7 @@ function CombinedChart({
99
99
  strokeLinejoin: "round",
100
100
  shapeRendering: "geometricPrecision"
101
101
  }), /*#__PURE__*/React.createElement("mask", {
102
+ id: "a",
102
103
  maskUnits: "userSpaceOnUse",
103
104
  x: "36",
104
105
  y: "28",
@@ -41,6 +41,7 @@ function Confirmation(_ref, ref) {
41
41
  fill: "#6EDAFF",
42
42
  shapeRendering: "geometricPrecision"
43
43
  }), /*#__PURE__*/_react["default"].createElement("mask", {
44
+ id: "a",
44
45
  maskUnits: "userSpaceOnUse",
45
46
  x: "8",
46
47
  y: "12",
@@ -23,6 +23,7 @@ function Confirmation({
23
23
  fill: "#6EDAFF",
24
24
  shapeRendering: "geometricPrecision"
25
25
  }), /*#__PURE__*/React.createElement("mask", {
26
+ id: "a",
26
27
  maskUnits: "userSpaceOnUse",
27
28
  x: "8",
28
29
  y: "12",
@@ -41,6 +41,7 @@ function ConnectionLost(_ref, ref) {
41
41
  fill: "#FFB26E",
42
42
  shapeRendering: "geometricPrecision"
43
43
  }), /*#__PURE__*/_react["default"].createElement("mask", {
44
+ id: "a",
44
45
  maskUnits: "userSpaceOnUse",
45
46
  x: "4",
46
47
  y: "10",
@@ -23,6 +23,7 @@ function ConnectionLost({
23
23
  fill: "#FFB26E",
24
24
  shapeRendering: "geometricPrecision"
25
25
  }), /*#__PURE__*/React.createElement("mask", {
26
+ id: "a",
26
27
  maskUnits: "userSpaceOnUse",
27
28
  x: "4",
28
29
  y: "10",
@@ -41,6 +41,7 @@ function DeletedAccount(_ref, ref) {
41
41
  fill: "#6EDAFF",
42
42
  shapeRendering: "geometricPrecision"
43
43
  }), /*#__PURE__*/_react["default"].createElement("mask", {
44
+ id: "a",
44
45
  maskUnits: "userSpaceOnUse",
45
46
  x: "10",
46
47
  y: "10",
@@ -23,6 +23,7 @@ function DeletedAccount({
23
23
  fill: "#6EDAFF",
24
24
  shapeRendering: "geometricPrecision"
25
25
  }), /*#__PURE__*/React.createElement("mask", {
26
+ id: "a",
26
27
  maskUnits: "userSpaceOnUse",
27
28
  x: "10",
28
29
  y: "10",
package/Dns/index.js CHANGED
@@ -41,6 +41,7 @@ function Dns(_ref, ref) {
41
41
  fill: "#45E0A8",
42
42
  shapeRendering: "geometricPrecision"
43
43
  }), /*#__PURE__*/_react["default"].createElement("mask", {
44
+ id: "a",
44
45
  maskUnits: "userSpaceOnUse",
45
46
  x: "24",
46
47
  y: "16",
package/Dns/index.mjs CHANGED
@@ -23,6 +23,7 @@ function Dns({
23
23
  fill: "#45E0A8",
24
24
  shapeRendering: "geometricPrecision"
25
25
  }), /*#__PURE__*/React.createElement("mask", {
26
+ id: "a",
26
27
  maskUnits: "userSpaceOnUse",
27
28
  x: "24",
28
29
  y: "16",
@@ -83,6 +83,7 @@ function FunnelChart(_ref, ref) {
83
83
  strokeLinejoin: "round",
84
84
  shapeRendering: "geometricPrecision"
85
85
  }), /*#__PURE__*/_react["default"].createElement("mask", {
86
+ id: "a",
86
87
  maskUnits: "userSpaceOnUse",
87
88
  x: "23",
88
89
  y: "34",
@@ -65,6 +65,7 @@ function FunnelChart({
65
65
  strokeLinejoin: "round",
66
66
  shapeRendering: "geometricPrecision"
67
67
  }), /*#__PURE__*/React.createElement("mask", {
68
+ id: "a",
68
69
  maskUnits: "userSpaceOnUse",
69
70
  x: "23",
70
71
  y: "34",
@@ -115,6 +115,7 @@ function HeatMapChart(_ref, ref) {
115
115
  strokeLinejoin: "round",
116
116
  shapeRendering: "geometricPrecision"
117
117
  }), /*#__PURE__*/_react["default"].createElement("mask", {
118
+ id: "a",
118
119
  maskUnits: "userSpaceOnUse",
119
120
  x: "23",
120
121
  y: "33",
@@ -133,6 +134,7 @@ function HeatMapChart(_ref, ref) {
133
134
  d: "M29.86 31.42 21.43 43.7M33.47 33.9l-8.43 12.28M37.08 36.37l-9.59 13.98M40.69 38.84l-9.25 13.49",
134
135
  shapeRendering: "geometricPrecision"
135
136
  })), /*#__PURE__*/_react["default"].createElement("mask", {
137
+ id: "b",
136
138
  maskUnits: "userSpaceOnUse",
137
139
  x: "54",
138
140
  y: "38",
@@ -97,6 +97,7 @@ function HeatMapChart({
97
97
  strokeLinejoin: "round",
98
98
  shapeRendering: "geometricPrecision"
99
99
  }), /*#__PURE__*/React.createElement("mask", {
100
+ id: "a",
100
101
  maskUnits: "userSpaceOnUse",
101
102
  x: "23",
102
103
  y: "33",
@@ -115,6 +116,7 @@ function HeatMapChart({
115
116
  d: "M29.86 31.42 21.43 43.7M33.47 33.9l-8.43 12.28M37.08 36.37l-9.59 13.98M40.69 38.84l-9.25 13.49",
116
117
  shapeRendering: "geometricPrecision"
117
118
  })), /*#__PURE__*/React.createElement("mask", {
119
+ id: "b",
118
120
  maskUnits: "userSpaceOnUse",
119
121
  x: "54",
120
122
  y: "38",
@@ -99,6 +99,7 @@ function HorizontalBarChart(_ref, ref) {
99
99
  strokeLinejoin: "round",
100
100
  shapeRendering: "geometricPrecision"
101
101
  }), /*#__PURE__*/_react["default"].createElement("mask", {
102
+ id: "a",
102
103
  maskUnits: "userSpaceOnUse",
103
104
  x: "25",
104
105
  y: "29",
@@ -81,6 +81,7 @@ function HorizontalBarChart({
81
81
  strokeLinejoin: "round",
82
82
  shapeRendering: "geometricPrecision"
83
83
  }), /*#__PURE__*/React.createElement("mask", {
84
+ id: "a",
84
85
  maskUnits: "userSpaceOnUse",
85
86
  x: "25",
86
87
  y: "29",
@@ -47,6 +47,7 @@ function Maintenance(_ref, ref) {
47
47
  strokeLinejoin: "round",
48
48
  shapeRendering: "geometricPrecision"
49
49
  }), /*#__PURE__*/_react["default"].createElement("mask", {
50
+ id: "a",
50
51
  maskUnits: "userSpaceOnUse",
51
52
  x: "6",
52
53
  y: "10",
@@ -274,6 +275,7 @@ function Maintenance(_ref, ref) {
274
275
  fill: "#45E0A8",
275
276
  shapeRendering: "geometricPrecision"
276
277
  }), /*#__PURE__*/_react["default"].createElement("mask", {
278
+ id: "b",
277
279
  maskUnits: "userSpaceOnUse",
278
280
  x: "128",
279
281
  y: "145",
@@ -29,6 +29,7 @@ function Maintenance({
29
29
  strokeLinejoin: "round",
30
30
  shapeRendering: "geometricPrecision"
31
31
  }), /*#__PURE__*/React.createElement("mask", {
32
+ id: "a",
32
33
  maskUnits: "userSpaceOnUse",
33
34
  x: "6",
34
35
  y: "10",
@@ -256,6 +257,7 @@ function Maintenance({
256
257
  fill: "#45E0A8",
257
258
  shapeRendering: "geometricPrecision"
258
259
  }), /*#__PURE__*/React.createElement("mask", {
260
+ id: "b",
259
261
  maskUnits: "userSpaceOnUse",
260
262
  x: "128",
261
263
  y: "145",
@@ -43,6 +43,7 @@ function NoPayment(_ref, ref) {
43
43
  fill: "#FF788F",
44
44
  shapeRendering: "geometricPrecision"
45
45
  }), /*#__PURE__*/_react["default"].createElement("mask", {
46
+ id: "b",
46
47
  maskUnits: "userSpaceOnUse",
47
48
  x: "14",
48
49
  y: "26",
@@ -25,6 +25,7 @@ function NoPayment({
25
25
  fill: "#FF788F",
26
26
  shapeRendering: "geometricPrecision"
27
27
  }), /*#__PURE__*/React.createElement("mask", {
28
+ id: "b",
28
29
  maskUnits: "userSpaceOnUse",
29
30
  x: "14",
30
31
  y: "26",
@@ -91,6 +91,7 @@ function RadarChart(_ref, ref) {
91
91
  strokeLinejoin: "round",
92
92
  shapeRendering: "geometricPrecision"
93
93
  }), /*#__PURE__*/_react["default"].createElement("mask", {
94
+ id: "a",
94
95
  maskUnits: "userSpaceOnUse",
95
96
  x: "27",
96
97
  y: "31",
@@ -73,6 +73,7 @@ function RadarChart({
73
73
  strokeLinejoin: "round",
74
74
  shapeRendering: "geometricPrecision"
75
75
  }), /*#__PURE__*/React.createElement("mask", {
76
+ id: "a",
76
77
  maskUnits: "userSpaceOnUse",
77
78
  x: "27",
78
79
  y: "31",
@@ -106,6 +106,7 @@ function ScatterPlotChart(_ref, ref) {
106
106
  strokeLinejoin: "round",
107
107
  shapeRendering: "geometricPrecision"
108
108
  }), /*#__PURE__*/_react["default"].createElement("mask", {
109
+ id: "a",
109
110
  maskUnits: "userSpaceOnUse",
110
111
  x: "38",
111
112
  y: "40",
@@ -88,6 +88,7 @@ function ScatterPlotChart({
88
88
  strokeLinejoin: "round",
89
89
  shapeRendering: "geometricPrecision"
90
90
  }), /*#__PURE__*/React.createElement("mask", {
91
+ id: "a",
91
92
  maskUnits: "userSpaceOnUse",
92
93
  x: "38",
93
94
  y: "40",
package/TagCloud/index.js CHANGED
@@ -106,6 +106,7 @@ function TagCloud(_ref, ref) {
106
106
  strokeLinejoin: "round",
107
107
  shapeRendering: "geometricPrecision"
108
108
  }), /*#__PURE__*/_react["default"].createElement("mask", {
109
+ id: "a",
109
110
  maskUnits: "userSpaceOnUse",
110
111
  x: "41",
111
112
  y: "40",
@@ -128,6 +129,7 @@ function TagCloud(_ref, ref) {
128
129
  d: "M50.12 29.2 36.91 48.48M53.87 31.47 39.35 52.64M58.65 32.26 43.3 54.64M62.8 33.95 49.58 53.23M66.55 36.23 52.03 57.4",
129
130
  shapeRendering: "geometricPrecision"
130
131
  })), /*#__PURE__*/_react["default"].createElement("mask", {
132
+ id: "b",
131
133
  maskUnits: "userSpaceOnUse",
132
134
  x: "21",
133
135
  y: "34",
@@ -88,6 +88,7 @@ function TagCloud({
88
88
  strokeLinejoin: "round",
89
89
  shapeRendering: "geometricPrecision"
90
90
  }), /*#__PURE__*/React.createElement("mask", {
91
+ id: "a",
91
92
  maskUnits: "userSpaceOnUse",
92
93
  x: "41",
93
94
  y: "40",
@@ -110,6 +111,7 @@ function TagCloud({
110
111
  d: "M50.12 29.2 36.91 48.48M53.87 31.47 39.35 52.64M58.65 32.26 43.3 54.64M62.8 33.95 49.58 53.23M66.55 36.23 52.03 57.4",
111
112
  shapeRendering: "geometricPrecision"
112
113
  })), /*#__PURE__*/React.createElement("mask", {
114
+ id: "b",
113
115
  maskUnits: "userSpaceOnUse",
114
116
  x: "21",
115
117
  y: "34",
package/Timeout/index.js CHANGED
@@ -41,6 +41,7 @@ function Timeout(_ref, ref) {
41
41
  fill: "#6EDAFF",
42
42
  shapeRendering: "geometricPrecision"
43
43
  }), /*#__PURE__*/_react["default"].createElement("mask", {
44
+ id: "a",
44
45
  maskUnits: "userSpaceOnUse",
45
46
  x: "12",
46
47
  y: "7",
package/Timeout/index.mjs CHANGED
@@ -23,6 +23,7 @@ function Timeout({
23
23
  fill: "#6EDAFF",
24
24
  shapeRendering: "geometricPrecision"
25
25
  }), /*#__PURE__*/React.createElement("mask", {
26
+ id: "a",
26
27
  maskUnits: "userSpaceOnUse",
27
28
  x: "12",
28
29
  y: "7",
@@ -107,6 +107,7 @@ function VennChart(_ref, ref) {
107
107
  strokeLinejoin: "round",
108
108
  shapeRendering: "geometricPrecision"
109
109
  }), /*#__PURE__*/_react["default"].createElement("mask", {
110
+ id: "a",
110
111
  maskUnits: "userSpaceOnUse",
111
112
  x: "40",
112
113
  y: "33",
@@ -89,6 +89,7 @@ function VennChart({
89
89
  strokeLinejoin: "round",
90
90
  shapeRendering: "geometricPrecision"
91
91
  }), /*#__PURE__*/React.createElement("mask", {
92
+ id: "a",
92
93
  maskUnits: "userSpaceOnUse",
93
94
  x: "40",
94
95
  y: "33",
@@ -0,0 +1,55 @@
1
+ export type TIllustrationNamesErrors =
2
+ | 'access_denied'
3
+ | 'blocked'
4
+ | 'confirmation'
5
+ | 'connection_lost'
6
+ | 'deleted_account'
7
+ | 'dns'
8
+ | 'maintenance'
9
+ | 'no_payment'
10
+ | 'page_error'
11
+ | 'page_not_found'
12
+ | 'project_not_found'
13
+ | 'timeout';
14
+
15
+ export type TIllustrationNamesWidgetEmpty =
16
+ | 'area-chart'
17
+ | 'choropleth-map-chart'
18
+ | 'coffee'
19
+ | 'combined-chart'
20
+ | 'congrats'
21
+ | 'deleted-page'
22
+ | 'donut-chart'
23
+ | 'duplicates'
24
+ | 'funnel-chart'
25
+ | 'good'
26
+ | 'heat-map-chart'
27
+ | 'horizontal-bar-chart'
28
+ | 'kagi-chart'
29
+ | 'line-chart'
30
+ | 'lollipop-chart'
31
+ | 'nexttime'
32
+ | 'nothing-found'
33
+ | 'other-data'
34
+ | 'pie-chart'
35
+ | 'processing'
36
+ | 'radar-chart'
37
+ | 'radial-tree-chart'
38
+ | 'sankey-chart'
39
+ | 'scatter-plot-chart'
40
+ | 'stacked-area-chart'
41
+ | 'suggestion'
42
+ | 'suggestions'
43
+ | 'table'
44
+ | 'tag-cloud'
45
+ | 'text-links-etc'
46
+ | 'under-construction'
47
+ | 'venn-chart'
48
+ | 'vertical-bar-chart'
49
+ | 'warning';
50
+
51
+ declare const getIllustrationPath: (
52
+ name: TIllustrationNamesErrors | TIllustrationNamesWidgetEmpty,
53
+ ) => string;
54
+
55
+ export { getIllustrationPath };
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getIllustrationPath = void 0;
7
+ var version = "1.1.2";
8
+ /**
9
+ * Formats string from `access_denied` or `access-denied` to `AccessDenied`
10
+ */
11
+
12
+ var formatName = function formatName(name) {
13
+ return name.split(/_|-/).map(function (el) {
14
+ return el[0].toUpperCase() + el.slice(1);
15
+ }).join('');
16
+ };
17
+
18
+ var getIllustrationPath = function getIllustrationPath(name) {
19
+ var formattedName = formatName(name);
20
+ return "https://static.semrush.com/ui-kit/illustration/".concat(version, "/").concat(formattedName, ".svg");
21
+ };
22
+
23
+ exports.getIllustrationPath = getIllustrationPath;
24
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["version","formatName","name","split","map","el","toUpperCase","slice","join","getIllustrationPath","formattedName"],"sources":["../../src/index.ts"],"sourcesContent":["const version = preval`module.exports = require('../package.json').version`;\n\n/**\n * Formats string from `access_denied` or `access-denied` to `AccessDenied`\n */\nconst formatName = (name: string) => {\n return name\n .split(/_|-/)\n .map((el) => el[0].toUpperCase() + el.slice(1))\n .join('');\n};\n\nexport const getIllustrationPath = (name) => {\n const formattedName = formatName(name);\n\n return `https://static.semrush.com/ui-kit/illustration/${version}/${formattedName}.svg`;\n};\n"],"mappings":";;;;;;AAAA,IAAMA,OAAO,UAAb;AAEA;AACA;AACA;;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,IAAD,EAAkB;EACnC,OAAOA,IAAI,CACRC,KADI,CACE,KADF,EAEJC,GAFI,CAEA,UAACC,EAAD;IAAA,OAAQA,EAAE,CAAC,CAAD,CAAF,CAAMC,WAAN,KAAsBD,EAAE,CAACE,KAAH,CAAS,CAAT,CAA9B;EAAA,CAFA,EAGJC,IAHI,CAGC,EAHD,CAAP;AAID,CALD;;AAOO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACP,IAAD,EAAU;EAC3C,IAAMQ,aAAa,GAAGT,UAAU,CAACC,IAAD,CAAhC;EAEA,gEAAyDF,OAAzD,cAAoEU,aAApE;AACD,CAJM"}
@@ -0,0 +1,55 @@
1
+ export type TIllustrationNamesErrors =
2
+ | 'access_denied'
3
+ | 'blocked'
4
+ | 'confirmation'
5
+ | 'connection_lost'
6
+ | 'deleted_account'
7
+ | 'dns'
8
+ | 'maintenance'
9
+ | 'no_payment'
10
+ | 'page_error'
11
+ | 'page_not_found'
12
+ | 'project_not_found'
13
+ | 'timeout';
14
+
15
+ export type TIllustrationNamesWidgetEmpty =
16
+ | 'area-chart'
17
+ | 'choropleth-map-chart'
18
+ | 'coffee'
19
+ | 'combined-chart'
20
+ | 'congrats'
21
+ | 'deleted-page'
22
+ | 'donut-chart'
23
+ | 'duplicates'
24
+ | 'funnel-chart'
25
+ | 'good'
26
+ | 'heat-map-chart'
27
+ | 'horizontal-bar-chart'
28
+ | 'kagi-chart'
29
+ | 'line-chart'
30
+ | 'lollipop-chart'
31
+ | 'nexttime'
32
+ | 'nothing-found'
33
+ | 'other-data'
34
+ | 'pie-chart'
35
+ | 'processing'
36
+ | 'radar-chart'
37
+ | 'radial-tree-chart'
38
+ | 'sankey-chart'
39
+ | 'scatter-plot-chart'
40
+ | 'stacked-area-chart'
41
+ | 'suggestion'
42
+ | 'suggestions'
43
+ | 'table'
44
+ | 'tag-cloud'
45
+ | 'text-links-etc'
46
+ | 'under-construction'
47
+ | 'venn-chart'
48
+ | 'vertical-bar-chart'
49
+ | 'warning';
50
+
51
+ declare const getIllustrationPath: (
52
+ name: TIllustrationNamesErrors | TIllustrationNamesWidgetEmpty,
53
+ ) => string;
54
+
55
+ export { getIllustrationPath };
@@ -0,0 +1,16 @@
1
+ var version = "1.1.2";
2
+ /**
3
+ * Formats string from `access_denied` or `access-denied` to `AccessDenied`
4
+ */
5
+
6
+ var formatName = function formatName(name) {
7
+ return name.split(/_|-/).map(function (el) {
8
+ return el[0].toUpperCase() + el.slice(1);
9
+ }).join('');
10
+ };
11
+
12
+ export var getIllustrationPath = function getIllustrationPath(name) {
13
+ var formattedName = formatName(name);
14
+ return "https://static.semrush.com/ui-kit/illustration/".concat(version, "/").concat(formattedName, ".svg");
15
+ };
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["version","formatName","name","split","map","el","toUpperCase","slice","join","getIllustrationPath","formattedName"],"sources":["../../src/index.ts"],"sourcesContent":["const version = preval`module.exports = require('../package.json').version`;\n\n/**\n * Formats string from `access_denied` or `access-denied` to `AccessDenied`\n */\nconst formatName = (name: string) => {\n return name\n .split(/_|-/)\n .map((el) => el[0].toUpperCase() + el.slice(1))\n .join('');\n};\n\nexport const getIllustrationPath = (name) => {\n const formattedName = formatName(name);\n\n return `https://static.semrush.com/ui-kit/illustration/${version}/${formattedName}.svg`;\n};\n"],"mappings":"AAAA,IAAMA,OAAO,UAAb;AAEA;AACA;AACA;;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,IAAD,EAAkB;EACnC,OAAOA,IAAI,CACRC,KADI,CACE,KADF,EAEJC,GAFI,CAEA,UAACC,EAAD;IAAA,OAAQA,EAAE,CAAC,CAAD,CAAF,CAAMC,WAAN,KAAsBD,EAAE,CAACE,KAAH,CAAS,CAAT,CAA9B;EAAA,CAFA,EAGJC,IAHI,CAGC,EAHD,CAAP;AAID,CALD;;AAOA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACP,IAAD,EAAU;EAC3C,IAAMQ,aAAa,GAAGT,UAAU,CAACC,IAAD,CAAhC;EAEA,gEAAyDF,OAAzD,cAAoEU,aAApE;AACD,CAJM"}
@@ -0,0 +1,55 @@
1
+ export type TIllustrationNamesErrors =
2
+ | 'access_denied'
3
+ | 'blocked'
4
+ | 'confirmation'
5
+ | 'connection_lost'
6
+ | 'deleted_account'
7
+ | 'dns'
8
+ | 'maintenance'
9
+ | 'no_payment'
10
+ | 'page_error'
11
+ | 'page_not_found'
12
+ | 'project_not_found'
13
+ | 'timeout';
14
+
15
+ export type TIllustrationNamesWidgetEmpty =
16
+ | 'area-chart'
17
+ | 'choropleth-map-chart'
18
+ | 'coffee'
19
+ | 'combined-chart'
20
+ | 'congrats'
21
+ | 'deleted-page'
22
+ | 'donut-chart'
23
+ | 'duplicates'
24
+ | 'funnel-chart'
25
+ | 'good'
26
+ | 'heat-map-chart'
27
+ | 'horizontal-bar-chart'
28
+ | 'kagi-chart'
29
+ | 'line-chart'
30
+ | 'lollipop-chart'
31
+ | 'nexttime'
32
+ | 'nothing-found'
33
+ | 'other-data'
34
+ | 'pie-chart'
35
+ | 'processing'
36
+ | 'radar-chart'
37
+ | 'radial-tree-chart'
38
+ | 'sankey-chart'
39
+ | 'scatter-plot-chart'
40
+ | 'stacked-area-chart'
41
+ | 'suggestion'
42
+ | 'suggestions'
43
+ | 'table'
44
+ | 'tag-cloud'
45
+ | 'text-links-etc'
46
+ | 'under-construction'
47
+ | 'venn-chart'
48
+ | 'vertical-bar-chart'
49
+ | 'warning';
50
+
51
+ declare const getIllustrationPath: (
52
+ name: TIllustrationNamesErrors | TIllustrationNamesWidgetEmpty,
53
+ ) => string;
54
+
55
+ export { getIllustrationPath };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/illustration",
3
3
  "description": "Semrush Illustration Component",
4
- "version": "1.1.1",
4
+ "version": "1.1.2",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
7
7
  "sideEffects": false,
@@ -9,7 +9,7 @@
9
9
  "license": "MIT",
10
10
  "scripts": {
11
11
  "transform": "icon-transform-svg",
12
- "build": "npm run transform -- --configFile=transform-svg.config.js",
12
+ "build": "build --source=js && npm run transform -- --configFile=transform-svg.config.js",
13
13
  "prebuild": "ls -d */ | egrep -v \"__tests__|svg|src\" | xargs rm -rf && rm *.svg || true",
14
14
  "upload-static": "gcs-upload svg/*.svg"
15
15
  },
@@ -1,6 +1,6 @@
1
1
  <svg width="260" height="260" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path d="M241.18 128.14c0-61.35-49.73-111.08-111.08-111.08S19 66.79 19 128.14a110.89 110.89 0 0 0 46.3 90.19l-10.25 27.95a2.76 2.76 0 0 0 2.59 3.72h144.91a2.77 2.77 0 0 0 2.6-3.72l-10.26-27.96a110.89 110.89 0 0 0 46.29-90.18Z" fill="#FFE74D"/>
3
- <mask maskUnits="userSpaceOnUse" x="19" y="10" width="223" height="240">
3
+ <mask id="a" maskUnits="userSpaceOnUse" x="19" y="10" width="223" height="240">
4
4
  <path d="M241.18 128.14c0-24.64-8.03-47.4-21.6-65.83-7.86-10.67-.79-42.27-11.89-49.55-10.63-9.95-38.88 10.44-51.36 7.42a111.36 111.36 0 0 0-26.23-3.12C68.75 17.06 19 66.79 19 128.14a110.89 110.89 0 0 0 46.3 90.19l-10.25 27.95a2.76 2.76 0 0 0 2.59 3.72h144.91a2.77 2.77 0 0 0 2.6-3.72l-10.26-27.96a110.89 110.89 0 0 0 46.29-90.18Z" fill="#FFE74D"/>
5
5
  </mask>
6
6
  <g mask="url(#a)">
package/svg/Blocked.svg CHANGED
@@ -35,7 +35,7 @@
35
35
  <path d="M104.94 77.69c1.4 1.1 2.28 2.13 2.06 2.5-.2.37-1.57.09-3.25-.66" fill="#B780FF"/>
36
36
  <path d="M104.94 77.69c1.4 1.1 2.28 2.13 2.06 2.5-.2.37-1.57.09-3.25-.66" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/>
37
37
  <path d="M97.41 63.1c8.05 0 14.35 3.13 15.33 7.61 1.34 6.1-6.81 13.29-17.82 15.7-2.44.55-4.93.82-7.43.83-8.04 0-14.34-3.13-15.33-7.61-1.34-6.1 6.82-13.29 17.82-15.7a34.7 34.7 0 0 1 7.43-.83Zm0-2.55c-2.68 0-5.35.28-7.97.85C76.86 64.16 68 72.55 69.67 80.13c1.3 5.94 8.66 9.62 17.82 9.62 2.68 0 5.36-.3 7.98-.88 12.58-2.77 21.43-11.16 19.76-18.74-1.3-5.92-8.65-9.58-17.82-9.58Z" fill="#000"/>
38
- <mask maskUnits="userSpaceOnUse" x="14" y="67" width="148" height="23">
38
+ <mask id="a" maskUnits="userSpaceOnUse" x="14" y="67" width="148" height="23">
39
39
  <path d="M160.84 88.85 15.4 80.37l-.24-6.74a5.82 5.82 0 0 1 6.24-6l133.37 9.7a5.81 5.81 0 0 1 5.35 5.15l.72 6.37Z" fill="#000" stroke="#000" stroke-miterlimit="10"/>
40
40
  </mask>
41
41
  <g mask="url(#a)">
@@ -13,7 +13,7 @@
13
13
  <path d="m60.97 34.84-6.51 1.57a.8.8 0 0 0-.59.99l4.27 15.94 7.98-2.12-4.18-15.8a.8.8 0 0 0-.97-.57v-.01ZM23.94 62.42 69.59 50.3" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
14
14
  <path d="M58.8 29.26c.34 1.28-.55 2.6-1.99 2.94-1.43.33-2.9-.43-3.24-1.72-.35-1.29.55-2.62 2-2.95 1.45-.34 2.89.44 3.22 1.73ZM31.95 42.21c.36 1.33-.59 2.7-2.13 3.08-1.55.38-3.12-.39-3.48-1.73-.37-1.34.6-2.72 2.14-3.09 1.54-.36 3.1.41 3.47 1.73v.01ZM47.77 43.6c.36 1.3-.56 2.65-2.04 3.02-1.48.38-2.99-.37-3.34-1.68-.36-1.3.56-2.67 2.05-3.04 1.48-.37 2.97.4 3.32 1.7h0Z" fill="#fff" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
15
15
  <path d="m57.74 35.65-3.1 4.53M56.13 45.83l6.15-8.97M57.69 51.4l6.1-8.9M62.57 52.12l2.7-3.92" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
16
- <mask maskUnits="userSpaceOnUse" x="36" y="28" width="17" height="30">
16
+ <mask id="a" maskUnits="userSpaceOnUse" x="36" y="28" width="17" height="30">
17
17
  <path d="m44.4 28.28-6.89 1.6c-.43.09-.7.53-.58.96l7.18 26.21 8.28-2.2-7.05-26.02a.79.79 0 0 0-.94-.56v.01Z" fill="#000"/>
18
18
  </mask>
19
19
  <g mask="url(#a)">
@@ -1,6 +1,6 @@
1
1
  <svg width="260" height="260" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path d="M233.19 124.6c0-62.18-50.41-112.6-112.6-112.6C58.41 12 8 62.42 8 124.6c0 37.66 18.51 70.99 46.92 91.42l-10.4 28.34a2.8 2.8 0 0 0 2.62 3.77h146.9a2.8 2.8 0 0 0 2.64-3.77l-10.4-28.34a112.42 112.42 0 0 0 46.9-91.42Z" fill="#6EDAFF"/>
3
- <mask maskUnits="userSpaceOnUse" x="8" y="12" width="226" height="237">
3
+ <mask id="a" maskUnits="userSpaceOnUse" x="8" y="12" width="226" height="237">
4
4
  <path d="M233.19 124.6c0-62.18-50.41-112.6-112.6-112.6C58.41 12 8 62.42 8 124.6c0 37.66 18.51 70.99 46.92 91.42l-10.4 28.34a2.8 2.8 0 0 0 2.62 3.77h146.9a2.8 2.8 0 0 0 2.64-3.77l-10.4-28.34a112.42 112.42 0 0 0 46.9-91.42Z" fill="#45DFA7"/>
5
5
  </mask>
6
6
  <g mask="url(#a)">
@@ -1,6 +1,6 @@
1
1
  <svg width="260" height="260" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path d="M113.98 20.02v-7.29a2.73 2.73 0 0 0-3-2.7C50.77 16.85 4 67.9 4 129.92 4 190.68 53.23 240 114 240v7.28a2.7 2.7 0 0 0 3 2.72C177.17 243.16 223.9 192 223.98 130c0-60.74-49.24-109.97-109.97-109.97" fill="#FFB26E"/>
3
- <mask maskUnits="userSpaceOnUse" x="4" y="10" width="223" height="240">
3
+ <mask id="a" maskUnits="userSpaceOnUse" x="4" y="10" width="223" height="240">
4
4
  <path d="M113.98 20.02v-7.29a2.73 2.73 0 0 0-3-2.7C50.77 16.85 4 67.9 4 129.92 4 190.68 11.35 247.28 114 240v7.28a2.7 2.7 0 0 0 3 2.72 120.57 120.57 0 0 0 82.63-47.31c37.33 0 24.32-45.4 24.35-72.67 0-60.74-49.24-109.97-109.97-109.97" fill="#B680FF"/>
5
5
  </mask>
6
6
  <g mask="url(#a)">
@@ -1,6 +1,6 @@
1
1
  <svg width="260" height="260" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path d="m107.82 18.4-83.86 83.85a4.57 4.57 0 0 0-1.34 3.24v136.83a2.6 2.6 0 0 0 2.59 2.6h136.82c1.21 0 2.38-.49 3.23-1.35l83.87-83.87a2.6 2.6 0 0 0 .73-2.26A168.88 168.88 0 0 0 110.08 17.66a2.62 2.62 0 0 0-2.26.74" fill="#6EDAFF"/>
3
- <mask maskUnits="userSpaceOnUse" x="10" y="10" width="240" height="235">
3
+ <mask id="a" maskUnits="userSpaceOnUse" x="10" y="10" width="240" height="235">
4
4
  <path d="m107.82 18.4-97.8 75.26c-.43.43 6.58 22.5 6.58 22.5l6.02 27.98v98.18a2.6 2.6 0 0 0 2.6 2.6h136.8c1.22 0 2.39-.49 3.24-1.35l83.87-83.87a2.62 2.62 0 0 0 .74-2.26c-5.66-35.03-17.78-111.66-42.88-136.75-25.09-25.1-61.88 2.63-96.91-3.03a2.62 2.62 0 0 0-2.26.74" fill="#6EDAFF"/>
5
5
  </mask>
6
6
  <g mask="url(#a)">
package/svg/Dns.svg CHANGED
@@ -1,6 +1,6 @@
1
1
  <svg width="260" height="260" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path d="M230.16 92.1c.92-15.55-.8-31.16-5.09-46.15a3.09 3.09 0 0 0-2.1-2.11c-15-4.29-30.6-6-46.16-5.09l-11.99-11.98a36.77 36.77 0 0 0-52 0l-11.98 11.98c-15.57-.91-31.17.8-46.16 5.1a3.1 3.1 0 0 0-2.1 2.1c-4.3 14.99-6.01 30.6-5.1 46.16l-11.98 12a36.77 36.77 0 0 0 0 52l11.99 11.99c-.92 15.56.8 31.16 5.08 46.15a3.09 3.09 0 0 0 2.1 2.11c15 4.29 30.6 6 46.17 5.1l12 11.95a36.77 36.77 0 0 0 52 0l11.98-11.98c15.56.92 31.17-.8 46.16-5.09a3.1 3.1 0 0 0 2.1-2.1c4.29-15 6-30.6 5.08-46.17l11.99-12a36.77 36.77 0 0 0 0-52l-11.99-11.96Z" fill="#45E0A8"/>
3
- <mask maskUnits="userSpaceOnUse" x="24" y="16" width="229" height="229">
3
+ <mask id="a" maskUnits="userSpaceOnUse" x="24" y="16" width="229" height="229">
4
4
  <path d="M230.16 92.1c.92-15.55-.8-31.16-5.09-46.15a3.09 3.09 0 0 0-2.1-2.11c-15-4.29-30.6-6-46.16-5.09l-11.99-11.98a36.77 36.77 0 0 0-52 0l-11.98 11.98c-15.57-.91-31.17.8-46.16 5.1a3.1 3.1 0 0 0-2.1 2.1c-4.3 14.99-6.01 30.6-5.1 46.16l-11.98 12a36.77 36.77 0 0 0 0 52l11.99 11.99c-.92 15.56.8 31.16 5.08 46.15a3.09 3.09 0 0 0 2.1 2.11c15 4.29 30.6 6 46.17 5.1l12 11.95a36.77 36.77 0 0 0 52 0l11.98-11.98c15.56.92 31.17-.8 46.16-5.09a3.1 3.1 0 0 0 2.1-2.1 138.42 138.42 0 0 0 5.08-29.83c.33-5.43 17.08-13.77 17.08-13.77 6.9-6.9 5.68-30.81 5.68-40.56 0-9.75-3.88-19.1-10.77-26L230.16 92.1Z" fill="#45DFA7"/>
5
5
  </mask>
6
6
  <g mask="url(#a)">
@@ -8,7 +8,7 @@
8
8
  <path d="M11.09 30.86s.32-3.15.6-6.39l-1.37-3.08-3.42 5.88a6.5 6.5 0 0 0-.21.37v.02a5.64 5.64 0 0 0-.46 4.25l1.4 4.9 3.46-5.96v.01Z" fill="#6C6E79"/>
9
9
  <path d="m71.76 53.55-47.67 13a2.73 2.73 0 0 1-3.35-1.89l-11-38.59a6.03 6.03 0 0 1 4.6-7.55L57.2 9.77a6.02 6.02 0 0 1 7.03 4.38l9.44 36.07a2.73 2.73 0 0 1-1.92 3.33Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
10
10
  <path d="M42.08 38.58c-4.2.95-8.76-5.58-18.64-3.3l6.02 21.47c9.72-2.55 10.33-10.29 14.48-11.39l16.33-4.1v-.04l-1.76-6.56v-.03l-16.43 3.96v0Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
11
- <mask maskUnits="userSpaceOnUse" x="23" y="34" width="38" height="24">
11
+ <mask id="a" maskUnits="userSpaceOnUse" x="23" y="34" width="38" height="24">
12
12
  <path d="M42.08 38.58c-4.2.96-8.76-5.58-18.64-3.3l6.02 21.47c9.72-2.55 10.33-10.29 14.48-11.39l16.33-4.1v-.04l-1.76-6.56v-.03s-16.4 3.95-16.43 3.97v-.02Z" fill="#D9D9D9" stroke="#000" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
13
13
  </mask>
14
14
  <g mask="url(#a)" stroke="#6C6E79" stroke-width=".7" stroke-miterlimit="10">
@@ -12,13 +12,13 @@
12
12
  <path d="m38.86 54.75-9.18 2.41a.8.8 0 0 1-.97-.55l-2.17-7.76a.8.8 0 0 1 .57-.98l9.26-2.3c.4-.11.83.13.95.55l2.1 7.65a.8.8 0 0 1-.56.97v.01Z" fill="#6C6E79" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
13
13
  <path d="m52.42 51.2-8.78 2.3a.8.8 0 0 1-.96-.55l-2.09-7.59a.78.78 0 0 1 .58-.97L50 42.2c.42-.1.84.15.95.57l2.02 7.48a.8.8 0 0 1-.56.97v0Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
14
14
  <path d="m35.61 43.04-9.28 2.27a.8.8 0 0 1-.95-.55l-2.2-7.85a.8.8 0 0 1 .59-.98l9.34-2.15a.8.8 0 0 1 .94.56l2.13 7.73a.78.78 0 0 1-.57.97v0ZM65.59 47.74l-8.39 2.2a.79.79 0 0 1-.96-.56l-2-7.43a.79.79 0 0 1 .57-.97l8.44-2.1c.43-.1.85.16.96.57l1.93 7.31c.1.43-.14.86-.56.97h0Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
15
- <mask maskUnits="userSpaceOnUse" x="23" y="33" width="14" height="13">
15
+ <mask id="a" maskUnits="userSpaceOnUse" x="23" y="33" width="14" height="13">
16
16
  <path d="m35.61 43.04-9.28 2.27a.8.8 0 0 1-.95-.55l-2.2-7.85a.8.8 0 0 1 .59-.98l9.34-2.15a.8.8 0 0 1 .94.56l2.13 7.73a.78.78 0 0 1-.57.97Z" fill="#D9D9D9"/>
17
17
  </mask>
18
18
  <g mask="url(#a)" stroke="#6C6E79" stroke-width=".7" stroke-miterlimit="10">
19
19
  <path d="M29.86 31.42 21.43 43.7M33.47 33.9l-8.43 12.28M37.08 36.37l-9.59 13.98M40.69 38.84l-9.25 13.49"/>
20
20
  </g>
21
- <mask maskUnits="userSpaceOnUse" x="54" y="38" width="13" height="12">
21
+ <mask id="b" maskUnits="userSpaceOnUse" x="54" y="38" width="13" height="12">
22
22
  <path d="m65.59 47.74-8.39 2.2a.79.79 0 0 1-.96-.56l-2-7.43a.79.79 0 0 1 .57-.97l8.44-2.1c.43-.1.85.16.96.57l1.93 7.31c.1.43-.14.86-.56.97Z" fill="#D9D9D9"/>
23
23
  </mask>
24
24
  <g mask="url(#b)" stroke="#6C6E79" stroke-width=".7" stroke-miterlimit="10">
@@ -10,7 +10,7 @@
10
10
  <path d="m39.1 36.06-11.81 2.8-1.7-5.96 11.95-2.72a.8.8 0 0 1 .94.56l1.21 4.34a.8.8 0 0 1-.58.99v-.01Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
11
11
  <path d="m62.38 40.3-32.4 8.1-1.67-5.91 32.57-7.87a.8.8 0 0 1 .95.56l1.12 4.14a.79.79 0 0 1-.57.97Z" fill="#6C6E79" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
12
12
  <path d="M57.24 51.4 32.7 57.88l-1.66-5.87 24.68-6.31a.8.8 0 0 1 .96.55l1.14 4.16a.8.8 0 0 1-.57.97Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
13
- <mask maskUnits="userSpaceOnUse" x="25" y="29" width="16" height="11">
13
+ <mask id="a" maskUnits="userSpaceOnUse" x="25" y="29" width="16" height="11">
14
14
  <path d="m39.1 36.06-11.81 2.8-1.7-5.96 11.95-2.72a.8.8 0 0 1 .94.56l1.21 4.34a.8.8 0 0 1-.58.99v-.01Z" fill="#D9D9D9" stroke="#000" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
15
15
  </mask>
16
16
  <g mask="url(#a)" stroke="#6C6E79" stroke-width=".7" stroke-miterlimit="10">
@@ -1,7 +1,7 @@
1
1
  <svg width="260" height="260" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path d="M128.5 13.84 76.17 68.99 7.54 101.72a2.7 2.7 0 0 0-1.21 3.74l36.28 66.8 9.92 75.38a2.72 2.72 0 0 0 3.17 2.31l74.76-13.86 74.75 13.86a2.7 2.7 0 0 0 3.18-2.3l9.92-75.39 36.28-66.8a2.7 2.7 0 0 0-1.21-3.74l-68.63-32.73-52.32-55.15a2.7 2.7 0 0 0-3.93 0Z" fill="#45E0A8"/>
3
3
  <path d="M128.5 13.84 76.17 68.99 7.54 101.72a2.7 2.7 0 0 0-1.21 3.74l36.28 66.8 9.92 75.38a2.72 2.72 0 0 0 3.17 2.31l74.76-13.86 74.75 13.86a2.7 2.7 0 0 0 3.18-2.3l9.92-75.39 36.28-66.8a2.7 2.7 0 0 0-1.21-3.74l-68.63-32.73-52.32-55.15a2.7 2.7 0 0 0-3.93 0" stroke="#45E0A8" stroke-linecap="round" stroke-linejoin="round"/>
4
- <mask maskUnits="userSpaceOnUse" x="6" y="10" width="249" height="240">
4
+ <mask id="a" maskUnits="userSpaceOnUse" x="6" y="10" width="249" height="240">
5
5
  <path d="M128.5 13.84 89.54 10 55.7 23.26 7.55 101.72a2.7 2.7 0 0 0-1.21 3.74l36.28 66.8 9.92 75.38a2.72 2.72 0 0 0 3.17 2.31l74.76-13.86 74.75 13.86a2.7 2.7 0 0 0 3.18-2.3l9.92-75.39 36.28-66.8a2.7 2.7 0 0 0-1.21-3.74l-68.63-32.73-52.32-55.15a2.7 2.7 0 0 0-3.93 0Z" fill="#FF642D"/>
6
6
  </mask>
7
7
  <g mask="url(#a)">
@@ -42,7 +42,7 @@
42
42
  <path d="M137.66 127.8c1.58-1.35 1.49-4.08-.22-6.08s-4.38-2.53-5.97-1.17c-1.6 1.36-1.5 4.08.21 6.08s4.38 2.53 5.97 1.17Z" fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round"/>
43
43
  <path d="m133.61 118.44 1.75 10.86" stroke="#45E0A8" stroke-linecap="round" stroke-linejoin="round"/>
44
44
  <path d="M144.6 144.57a.47.47 0 0 0-.68-.06c-1.05.9-2.5 1.12-3.53.52-4.32-2.52-25.9-15.68-26.94-27.28a9.1 9.1 0 0 1 2.71-7.28l-2.72 2.32-.1.1a9.59 9.59 0 0 0-.86 4.94c.45 4.96 4.36 10.65 11.64 16.91 6.22 5.35 13.1 9.56 15.77 11.12.55.32 1.17.48 1.8.48a4.4 4.4 0 0 0 2.83-1.09.47.47 0 0 0 .18-.32.48.48 0 0 0-.1-.36Z" fill="#45E0A8"/>
45
- <mask maskUnits="userSpaceOnUse" x="128" y="145" width="41" height="32">
45
+ <mask id="b" maskUnits="userSpaceOnUse" x="128" y="145" width="41" height="32">
46
46
  <path d="M162.29 171.35c-3.6 3.07-8.45 4.81-12.73 4.16-4.4-.67-7.33-3.86-7.85-8.53-.73-6.72 1.05-10.03 2.35-12.44.98-1.82 1.38-2.57.74-4.6a2.83 2.83 0 0 1 5.39-1.72c1.37 4.31-20.13 10.12-21.3 12.32-1.11 2.05 22.51 25.23 18.43 5.82.24 2.15 1.22 3.28 3.08 3.56 3.54.54 9.13-2.2 11.02-6.53 1.52-3.46 1.07-6.2.63-8.85-.21-1.3-.44-2.67-.34-4.03.1-1.3 4.4-5.29 5.45-4.13.77.83.3 1.7-.28 3.3-.4 1.08.5 2.48.74 3.94.48 2.97 1.15 7.04-1.03 12.03a16.06 16.06 0 0 1-4.3 5.7Z" fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/>
47
47
  </mask>
48
48
  <g mask="url(#b)">
package/svg/NoPayment.svg CHANGED
@@ -1,7 +1,7 @@
1
1
  <svg width="260" height="260" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <g clip-path="url(#a)">
3
3
  <path d="M219.71 137.01c0-41.72-26.17-77.3-62.98-91.3l-10.4-17.98a3.42 3.42 0 0 0-2.96-1.73h-42.64a3.42 3.42 0 0 0-2.96 1.73l-10.4 18C50.57 59.72 24.4 95.3 24.4 137.02c0 5.23.42 10.45 1.26 15.6l-10.4 18.02a3.4 3.4 0 0 0 0 3.41L36.58 211a3.41 3.41 0 0 0 2.96 1.7h20.81a97.62 97.62 0 0 0 123.4 0h20.8a3.41 3.41 0 0 0 2.96-1.7l21.33-36.95a3.4 3.4 0 0 0 0-3.41l-10.39-18a98.58 98.58 0 0 0 1.26-15.62Z" fill="#FF788F"/>
4
- <mask maskUnits="userSpaceOnUse" x="14" y="26" width="229" height="209">
4
+ <mask id="b" maskUnits="userSpaceOnUse" x="14" y="26" width="229" height="209">
5
5
  <path d="M242.04 136.34c0-41.72-5.18-54.42-13.2-65.64l-82.5-42.97a3.41 3.41 0 0 0-2.97-1.73h-42.64a3.42 3.42 0 0 0-2.96 1.73l-10.4 18C50.57 59.72 24.4 95.3 24.4 137.02c0 5.23.42 10.45 1.26 15.6l-10.4 18.02a3.4 3.4 0 0 0 0 3.41L36.58 211a3.41 3.41 0 0 0 2.96 1.7h20.81a97.62 97.62 0 0 0 123.4 0h20.8a3.41 3.41 0 0 0 2.96-1.7l21.33-36.95a3.4 3.4 0 0 0 0-3.41l-3.97-6.87 11.99-12.74c.83-5.17 5.18-9.45 5.18-14.68Z" fill="#45DFA7"/>
6
6
  </mask>
7
7
  <g mask="url(#b)">
@@ -9,7 +9,7 @@
9
9
  <path d="m71.77 53.55-47.67 13a2.73 2.73 0 0 1-3.35-1.89l-11-38.59a6.03 6.03 0 0 1 4.6-7.55l42.87-8.75a6.02 6.02 0 0 1 7.03 4.38l9.44 36.07a2.73 2.73 0 0 1-1.92 3.33Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
10
10
  <path d="M40.8 31.46c.22.83-.37 1.7-1.32 1.92-.95.23-1.93-.27-2.15-1.11-.23-.85.36-1.71 1.33-1.93.96-.21 1.91.28 2.14 1.12ZM29.3 48.12c.22.84-.37 1.72-1.35 1.95-.99.24-1.97-.25-2.2-1.09-.25-.84.37-1.73 1.34-1.97.97-.23 1.96.26 2.2 1.1h0ZM44.35 51.26c.23.84-.36 1.71-1.32 1.96-.96.25-1.93-.23-2.16-1.07-.22-.84.37-1.72 1.33-1.96.96-.23 1.93.24 2.15 1.07ZM62.88 46.53c.21.82-.36 1.68-1.29 1.92-.93.25-1.87-.22-2.08-1.04-.22-.83.35-1.69 1.28-1.93s1.86.24 2.09 1.06v0ZM54.72 36.83c.21.82-.36 1.67-1.29 1.91s-1.87-.25-2.1-1.08c-.22-.83.36-1.68 1.3-1.91.94-.23 1.87.26 2.09 1.08Z" fill="#6C6E79" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
11
11
  <path d="m38.98 31.85-11.45 16.7 15.07 3.16 18.59-4.46-8.16-10-14.05-5.4Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
12
- <mask maskUnits="userSpaceOnUse" x="27" y="31" width="35" height="21">
12
+ <mask id="a" maskUnits="userSpaceOnUse" x="27" y="31" width="35" height="21">
13
13
  <path d="m38.98 31.85-11.45 16.7 15.07 3.16 18.59-4.46-8.16-10-14.05-5.4Z" fill="#D9D9D9"/>
14
14
  </mask>
15
15
  <g mask="url(#a)" stroke="#6C6E79" stroke-width=".7" stroke-miterlimit="10">
@@ -11,7 +11,7 @@
11
11
  <path d="M31.57 38.9c.39 1.42-.63 2.9-2.3 3.31-1.66.41-3.34-.41-3.74-1.85-.4-1.43.64-2.92 2.31-3.32 1.67-.4 3.33.44 3.72 1.86h.01ZM61.48 35.13c.65-1.4.84-3 .42-4.55-1.04-3.91-5.43-6.27-9.87-5.25-.67.15-1.3.39-1.88.67l-.4-.3-2.14 2.16a6.94 6.94 0 0 0-1.76 6.59c1.08 3.98 5.6 6.29 10.02 5.18a8.75 8.75 0 0 0 3.77-2l2.22-2.19-.37-.3h0ZM49.26 49.96l-.52-.37c.28-.88.33-1.82.08-2.75-.79-2.89-4.1-4.57-7.44-3.73-.4.1-.8.23-1.18.4l-.35-.24-1.7 1.7a5.2 5.2 0 0 0-1.41 4.98c.8 2.92 4.18 4.57 7.52 3.7a6.74 6.74 0 0 0 2.93-1.62l2.07-2.06v-.01Z" fill="#6C6E79" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
12
12
  <path d="M63.79 28.7c1.03 3.9-1.66 7.94-6.05 9.03-4.44 1.12-8.94-1.2-10.01-5.17-1.07-3.98 1.7-8.08 6.19-9.12 4.43-1.02 8.83 1.34 9.87 5.26Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
13
13
  <path d="M50.72 44.93c.79 2.89-1.25 5.92-4.56 6.79-3.34.87-6.73-.77-7.53-3.7-.8-2.93 1.29-5.99 4.65-6.83 3.34-.83 6.66.84 7.44 3.73v.01Z" fill="#fff" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
14
- <mask maskUnits="userSpaceOnUse" x="38" y="40" width="14" height="13">
14
+ <mask id="a" maskUnits="userSpaceOnUse" x="38" y="40" width="14" height="13">
15
15
  <path d="M50.72 44.93c.79 2.89-1.25 5.92-4.56 6.79-3.34.87-6.73-.77-7.53-3.7-.8-2.93 1.29-5.99 4.65-6.83 3.34-.83 6.66.84 7.44 3.73v.01Z" fill="#fff" stroke="#000" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
16
16
  </mask>
17
17
  <g mask="url(#a)" stroke="#6C6E79" stroke-width=".7" stroke-miterlimit="10">
package/svg/TagCloud.svg CHANGED
@@ -11,13 +11,13 @@
11
11
  <path d="m44.9 35.92-13.4 3.24a1.8 1.8 0 0 1-2.16-1.28l-.02-.07c-.27-.99.33-2 1.33-2.24l13.41-3.17a1.8 1.8 0 0 1 .85 3.52Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
12
12
  <path d="M63.65 42.3c.26.98-.33 1.97-1.3 2.23l-18.1 4.76a1.87 1.87 0 1 1-.94-3.62L61.43 41c.97-.25 1.96.32 2.22 1.3v0Z" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
13
13
  <path d="m39.1 46.4 1.16 4.2a2.1 2.1 0 1 1-4.04 1.12l-1.16-4.2a2.1 2.1 0 1 1 4.05-1.12h0Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
14
- <mask maskUnits="userSpaceOnUse" x="41" y="40" width="24" height="10">
14
+ <mask id="a" maskUnits="userSpaceOnUse" x="41" y="40" width="24" height="10">
15
15
  <path d="M63.65 42.3c.26.98-.33 1.97-1.3 2.23l-18.1 4.76a1.87 1.87 0 1 1-.94-3.62L61.43 41c.97-.25 1.96.32 2.22 1.3Z" fill="#D9D9D9" stroke="#000" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
16
16
  </mask>
17
17
  <g mask="url(#a)" stroke="#6C6E79" stroke-width=".7" stroke-miterlimit="10">
18
18
  <path d="M50.12 29.2 36.91 48.48M53.87 31.47 39.35 52.64M58.65 32.26 43.3 54.64M62.8 33.95 49.58 53.23M66.55 36.23 52.03 57.4"/>
19
19
  </g>
20
- <mask maskUnits="userSpaceOnUse" x="21" y="34" width="8" height="10">
20
+ <mask id="b" maskUnits="userSpaceOnUse" x="21" y="34" width="8" height="10">
21
21
  <path d="M26 43.23a2.25 2.25 0 0 1-2.7-1.58l-1.24-4.4a2.25 2.25 0 0 1 4.33-1.2l1.22 4.4a2.26 2.26 0 0 1-1.63 2.78H26Z" fill="#D9D9D9" stroke="#000" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
22
22
  </mask>
23
23
  <g mask="url(#b)" stroke="#6C6E79" stroke-width=".7" stroke-miterlimit="10">
package/svg/Timeout.svg CHANGED
@@ -1,6 +1,6 @@
1
1
  <svg width="260" height="260" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path d="M58.36 212.2a105.26 105.26 0 0 0 74.67 30.93v7.25a2.61 2.61 0 0 0 2.68 2.62c61.67-1.4 111.41-51.13 112.8-112.81a2.62 2.62 0 0 0-2.62-2.66h-7.24c0-58.32-47.28-105.6-105.6-105.6V24.7a2.64 2.64 0 0 0-2.68-2.62c-28.8.63-56.3 12.02-77.11 31.93a2.62 2.62 0 0 0 0 3.74l5.1 5.12a105.28 105.28 0 0 0-30.92 74.66H20.2a2.63 2.63 0 0 0-2.63 2.66c.63 28.79 12.02 56.3 31.94 77.1a2.6 2.6 0 0 0 3.73 0l5.11-5.08Z" fill="#6EDAFF"/>
3
- <mask maskUnits="userSpaceOnUse" x="12" y="7" width="237" height="246">
3
+ <mask id="a" maskUnits="userSpaceOnUse" x="12" y="7" width="237" height="246">
4
4
  <path d="M58.36 212.2a105.26 105.26 0 0 0 74.66 30.93v7.25a2.64 2.64 0 0 0 1.66 2.44c.33.13.68.19 1.03.18 61.67-1.4 111.41-51.13 112.8-112.81a2.62 2.62 0 0 0-2.62-2.66h-7.24c0-45.4-28.65-84.1-68.86-99.03-11.44-4.25-9.3-17.43-22.22-17.43L135.35 10.5S122 6.07 112.57 7.18C83.77 7.8 74.07 34.1 53.26 54a2.61 2.61 0 0 0 0 3.74l5.1 5.12a105.28 105.28 0 0 0-22.9 34.24c-5.32 12.81-9.59 22.88-9.57 36.75l-5.68 3.67a2.63 2.63 0 0 0-2.44 1.64c-.13.33-5.78 11-5.77 11.36.63 28.79 17.6 45.96 37.52 66.76a2.6 2.6 0 0 0 3.73 0l5.11-5.08Z" fill="#6ED9FF"/>
5
5
  </mask>
6
6
  <g mask="url(#a)">
package/svg/VennChart.svg CHANGED
@@ -11,7 +11,7 @@
11
11
  <path d="M50.83 41.06c1.36 5-2.14 10.26-7.9 11.77-5.85 1.53-11.8-1.35-13.22-6.48-1.43-5.13 2.26-10.47 8.17-11.87 5.82-1.39 11.59 1.58 12.95 6.58Z" fill="#6C6E79" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
12
12
  <path d="M57.36 31.9c1.03 3.82-1.61 7.77-5.96 8.86-4.39 1.1-8.85-1.15-9.9-5.04-1.08-3.9 1.68-7.91 6.1-8.94 4.37-1.02 8.73 1.28 9.76 5.11Z" fill="#fff" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
13
13
  <path d="M41.26 34.15c.01.52.08 1.04.23 1.57 1.02 3.7 5.11 5.92 9.28 5.18-1.16-3.94-5.04-6.56-9.5-6.74v0Z" fill="#E0E1E9" stroke="#6C6E79" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
14
- <mask maskUnits="userSpaceOnUse" x="40" y="33" width="12" height="9">
14
+ <mask id="a" maskUnits="userSpaceOnUse" x="40" y="33" width="12" height="9">
15
15
  <path d="M41.26 34.15c.01.52.08 1.04.23 1.57 1.02 3.7 5.11 5.92 9.28 5.18-1.16-3.94-5.04-6.56-9.5-6.74v0Z" fill="#45DFA7" stroke="#000" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/>
16
16
  </mask>
17
17
  <g mask="url(#a)" stroke="#6C6E79" stroke-width=".7" stroke-miterlimit="10">