@sumup-oss/icons 5.19.0 → 5.20.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/dist/Profile.js +21 -1
- package/dist/Split.js +118 -0
- package/dist/SumUpLogomark.js +21 -1
- package/dist/index.d.ts +12 -4
- package/dist/index.js +1 -0
- package/manifest.json +15 -0
- package/package.json +4 -4
- package/web/v2/profile_16.svg +3 -0
- package/web/v2/split_24.svg +10 -0
- package/web/v2/sum_up_logomark_32.svg +3 -0
package/dist/Profile.js
CHANGED
|
@@ -13,6 +13,25 @@ function _extends() {
|
|
|
13
13
|
);
|
|
14
14
|
}
|
|
15
15
|
import React from "react";
|
|
16
|
+
var Profile16 = function Profile16(props) {
|
|
17
|
+
return /*#__PURE__*/ React.createElement(
|
|
18
|
+
"svg",
|
|
19
|
+
_extends(
|
|
20
|
+
{
|
|
21
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
22
|
+
width: "16",
|
|
23
|
+
height: "16",
|
|
24
|
+
fill: "none",
|
|
25
|
+
viewBox: "0 0 16 16",
|
|
26
|
+
},
|
|
27
|
+
props,
|
|
28
|
+
),
|
|
29
|
+
/*#__PURE__*/ React.createElement("path", {
|
|
30
|
+
fill: "currentColor",
|
|
31
|
+
d: "M13 15c1.105 0 2.028-.913 1.716-1.973a6.999 6.999 0 0 0-13.432 0C.972 14.087 1.895 15 3 15zM10.75 3.761a2.75 2.75 0 1 1-5.5 0 2.75 2.75 0 0 1 5.5 0",
|
|
32
|
+
}),
|
|
33
|
+
);
|
|
34
|
+
};
|
|
16
35
|
var Profile24 = function Profile24(props) {
|
|
17
36
|
return /*#__PURE__*/ React.createElement(
|
|
18
37
|
"svg",
|
|
@@ -33,6 +52,7 @@ var Profile24 = function Profile24(props) {
|
|
|
33
52
|
);
|
|
34
53
|
};
|
|
35
54
|
const sizeMap = {
|
|
55
|
+
16: Profile16,
|
|
36
56
|
24: Profile24,
|
|
37
57
|
};
|
|
38
58
|
export function Profile(_ref) {
|
|
@@ -47,7 +67,7 @@ export function Profile(_ref) {
|
|
|
47
67
|
new Error(
|
|
48
68
|
"The '".concat(
|
|
49
69
|
size,
|
|
50
|
-
"' size is not supported by the 'Profile' icon. Please use one of the available sizes: '24'.",
|
|
70
|
+
"' size is not supported by the 'Profile' icon. Please use one of the available sizes: '16', '24'.",
|
|
51
71
|
),
|
|
52
72
|
),
|
|
53
73
|
);
|
package/dist/Split.js
ADDED
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
function _extends() {
|
|
2
|
+
return (
|
|
3
|
+
(_extends = Object.assign
|
|
4
|
+
? Object.assign.bind()
|
|
5
|
+
: function (n) {
|
|
6
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
7
|
+
var t = arguments[e];
|
|
8
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
9
|
+
}
|
|
10
|
+
return n;
|
|
11
|
+
}),
|
|
12
|
+
_extends.apply(null, arguments)
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
import React from "react";
|
|
16
|
+
var Split24 = function Split24(props) {
|
|
17
|
+
return /*#__PURE__*/ React.createElement(
|
|
18
|
+
"svg",
|
|
19
|
+
_extends(
|
|
20
|
+
{
|
|
21
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
22
|
+
width: "32",
|
|
23
|
+
height: "24",
|
|
24
|
+
fill: "none",
|
|
25
|
+
viewBox: "0 0 32 24",
|
|
26
|
+
},
|
|
27
|
+
props,
|
|
28
|
+
),
|
|
29
|
+
/*#__PURE__*/ React.createElement("rect", {
|
|
30
|
+
width: "31",
|
|
31
|
+
height: "23",
|
|
32
|
+
x: ".5",
|
|
33
|
+
y: ".5",
|
|
34
|
+
fill: "#fff",
|
|
35
|
+
stroke: "#ccc",
|
|
36
|
+
rx: "3.5",
|
|
37
|
+
}),
|
|
38
|
+
/*#__PURE__*/ React.createElement("path", {
|
|
39
|
+
stroke: "#000",
|
|
40
|
+
strokeLinecap: "round",
|
|
41
|
+
strokeWidth: "2",
|
|
42
|
+
d: "M9 12v0c4.704 0 9.2 1.934 12.436 5.35L23 19",
|
|
43
|
+
}),
|
|
44
|
+
/*#__PURE__*/ React.createElement("rect", {
|
|
45
|
+
width: "6",
|
|
46
|
+
height: "2",
|
|
47
|
+
x: "24",
|
|
48
|
+
y: "14",
|
|
49
|
+
fill: "#000",
|
|
50
|
+
rx: "1",
|
|
51
|
+
transform: "rotate(90 24 14)",
|
|
52
|
+
}),
|
|
53
|
+
/*#__PURE__*/ React.createElement("rect", {
|
|
54
|
+
width: "6",
|
|
55
|
+
height: "2",
|
|
56
|
+
x: "18",
|
|
57
|
+
y: "18",
|
|
58
|
+
fill: "#000",
|
|
59
|
+
rx: "1",
|
|
60
|
+
}),
|
|
61
|
+
/*#__PURE__*/ React.createElement("path", {
|
|
62
|
+
fill: "#fff",
|
|
63
|
+
stroke: "#fff",
|
|
64
|
+
strokeLinecap: "round",
|
|
65
|
+
strokeWidth: "4",
|
|
66
|
+
d: "M22.274 4.313a1 1 0 1 1 1.452 1.375l-1.564 1.651A18.13 18.13 0 0 1 9 13a1 1 0 0 1 0-2 16.13 16.13 0 0 0 11.71-5.037z",
|
|
67
|
+
}),
|
|
68
|
+
/*#__PURE__*/ React.createElement("rect", {
|
|
69
|
+
width: "6",
|
|
70
|
+
height: "2",
|
|
71
|
+
x: "18",
|
|
72
|
+
y: "4",
|
|
73
|
+
fill: "#000",
|
|
74
|
+
rx: "1",
|
|
75
|
+
}),
|
|
76
|
+
/*#__PURE__*/ React.createElement("rect", {
|
|
77
|
+
width: "6",
|
|
78
|
+
height: "2",
|
|
79
|
+
x: "22",
|
|
80
|
+
y: "10",
|
|
81
|
+
fill: "#000",
|
|
82
|
+
rx: "1",
|
|
83
|
+
transform: "rotate(-90 22 10)",
|
|
84
|
+
}),
|
|
85
|
+
/*#__PURE__*/ React.createElement("path", {
|
|
86
|
+
stroke: "#000",
|
|
87
|
+
strokeLinecap: "round",
|
|
88
|
+
strokeWidth: "2",
|
|
89
|
+
d: "M9 12v0c4.704 0 9.2-1.934 12.436-5.35L23 5",
|
|
90
|
+
}),
|
|
91
|
+
);
|
|
92
|
+
};
|
|
93
|
+
const sizeMap = {
|
|
94
|
+
24: Split24,
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
/**
|
|
98
|
+
* @deprecated This icon is too heavy to be inlined as a React component. [Load it from a URL instead](https://circuit.sumup.com/?path=/docs/packages-icons--docs#load-from-a-url).
|
|
99
|
+
*/
|
|
100
|
+
export function Split(_ref) {
|
|
101
|
+
let { size = "24", ...props } = _ref;
|
|
102
|
+
const Icon = sizeMap[size] || sizeMap["24"];
|
|
103
|
+
if (
|
|
104
|
+
process.env.NODE_ENV !== "production" &&
|
|
105
|
+
process.env.NODE_ENV !== "test" &&
|
|
106
|
+
!sizeMap[size]
|
|
107
|
+
) {
|
|
108
|
+
console.warn(
|
|
109
|
+
new Error(
|
|
110
|
+
"The '".concat(
|
|
111
|
+
size,
|
|
112
|
+
"' size is not supported by the 'Split' icon. Please use one of the available sizes: '24'.",
|
|
113
|
+
),
|
|
114
|
+
),
|
|
115
|
+
);
|
|
116
|
+
}
|
|
117
|
+
return /*#__PURE__*/ React.createElement(Icon, props);
|
|
118
|
+
}
|
package/dist/SumUpLogomark.js
CHANGED
|
@@ -32,8 +32,28 @@ var SumUpLogomark24 = function SumUpLogomark24(props) {
|
|
|
32
32
|
}),
|
|
33
33
|
);
|
|
34
34
|
};
|
|
35
|
+
var SumUpLogomark32 = function SumUpLogomark32(props) {
|
|
36
|
+
return /*#__PURE__*/ React.createElement(
|
|
37
|
+
"svg",
|
|
38
|
+
_extends(
|
|
39
|
+
{
|
|
40
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
41
|
+
width: "32",
|
|
42
|
+
height: "32",
|
|
43
|
+
fill: "none",
|
|
44
|
+
viewBox: "0 0 32 32",
|
|
45
|
+
},
|
|
46
|
+
props,
|
|
47
|
+
),
|
|
48
|
+
/*#__PURE__*/ React.createElement("path", {
|
|
49
|
+
fill: "currentColor",
|
|
50
|
+
d: "M29.976 0H2.31C1.034 0 0 1.02 0 2.282v27.437C0 30.979 1.034 32 2.31 32h27.665c1.276 0 2.31-1.02 2.31-2.282V2.282A2.303 2.303 0 0 0 29.976 0m-9.701 24.089c-2.816 2.798-7.322 2.924-10.287.367-.011-.012-.034-.023-.046-.046a.467.467 0 0 1-.011-.654l10.01-9.929a.47.47 0 0 1 .656.012 7.455 7.455 0 0 1-.322 10.25m2.08-15.857-10.01 9.93a.47.47 0 0 1-.656-.012 7.43 7.43 0 0 1 .322-10.239C14.827 5.114 19.332 5 22.298 7.544c.011.012.034.023.046.046a.45.45 0 0 1 .011.642",
|
|
51
|
+
}),
|
|
52
|
+
);
|
|
53
|
+
};
|
|
35
54
|
const sizeMap = {
|
|
36
55
|
24: SumUpLogomark24,
|
|
56
|
+
32: SumUpLogomark32,
|
|
37
57
|
};
|
|
38
58
|
export function SumUpLogomark(_ref) {
|
|
39
59
|
let { size = "24", ...props } = _ref;
|
|
@@ -47,7 +67,7 @@ export function SumUpLogomark(_ref) {
|
|
|
47
67
|
new Error(
|
|
48
68
|
"The '".concat(
|
|
49
69
|
size,
|
|
50
|
-
"' size is not supported by the 'SumUpLogomark' icon. Please use one of the available sizes: '24'.",
|
|
70
|
+
"' size is not supported by the 'SumUpLogomark' icon. Please use one of the available sizes: '24', '32'.",
|
|
51
71
|
),
|
|
52
72
|
),
|
|
53
73
|
);
|
package/dist/index.d.ts
CHANGED
|
@@ -125,7 +125,7 @@ declare const WeekView: IconComponentType<"24">;
|
|
|
125
125
|
|
|
126
126
|
declare const SumUpLogo: IconComponentType<"24">;
|
|
127
127
|
|
|
128
|
-
declare const SumUpLogomark: IconComponentType<"24">;
|
|
128
|
+
declare const SumUpLogomark: IconComponentType<"24" | "32">;
|
|
129
129
|
|
|
130
130
|
declare const PlusTier: IconComponentType<"16" | "24" | "32">;
|
|
131
131
|
|
|
@@ -718,7 +718,7 @@ declare const PaidOut: IconComponentType<"16" | "24">;
|
|
|
718
718
|
|
|
719
719
|
declare const PrintFailed: IconComponentType<"16" | "24">;
|
|
720
720
|
|
|
721
|
-
declare const Profile: IconComponentType<"24">;
|
|
721
|
+
declare const Profile: IconComponentType<"16" | "24">;
|
|
722
722
|
|
|
723
723
|
declare const Refunded: IconComponentType<"16" | "24">;
|
|
724
724
|
|
|
@@ -877,6 +877,11 @@ declare const Sepa: IconComponentType<"24">;
|
|
|
877
877
|
*/
|
|
878
878
|
declare const Sofort: IconComponentType<"24">;
|
|
879
879
|
|
|
880
|
+
/**
|
|
881
|
+
* @deprecated This icon is too heavy to be inlined as a React component. [Load it from a URL instead](https://circuit.sumup.com/?path=/docs/packages-icons--docs#load-from-a-url).
|
|
882
|
+
*/
|
|
883
|
+
declare const Split: IconComponentType<"24">;
|
|
884
|
+
|
|
880
885
|
declare const Account: IconComponentType<"24">;
|
|
881
886
|
|
|
882
887
|
declare const Accounting: IconComponentType<"24">;
|
|
@@ -1289,6 +1294,7 @@ export {
|
|
|
1289
1294
|
Satispay,
|
|
1290
1295
|
Sepa,
|
|
1291
1296
|
Sofort,
|
|
1297
|
+
Split,
|
|
1292
1298
|
Account,
|
|
1293
1299
|
Accounting,
|
|
1294
1300
|
Apps,
|
|
@@ -1844,6 +1850,7 @@ export type IconName =
|
|
|
1844
1850
|
| "satispay"
|
|
1845
1851
|
| "sepa"
|
|
1846
1852
|
| "sofort"
|
|
1853
|
+
| "split"
|
|
1847
1854
|
| "account"
|
|
1848
1855
|
| "accounting"
|
|
1849
1856
|
| "apps"
|
|
@@ -1974,7 +1981,7 @@ type Icons = {
|
|
|
1974
1981
|
view: "16" | "24";
|
|
1975
1982
|
week_view: "24";
|
|
1976
1983
|
sum_up_logo: "24";
|
|
1977
|
-
sum_up_logomark: "24";
|
|
1984
|
+
sum_up_logomark: "24" | "32";
|
|
1978
1985
|
plus_tier: "16" | "24" | "32";
|
|
1979
1986
|
alelo: "24" | "32";
|
|
1980
1987
|
alternative_payment_method: "32";
|
|
@@ -2358,7 +2365,7 @@ type Icons = {
|
|
|
2358
2365
|
package: "24";
|
|
2359
2366
|
paid_out: "16" | "24";
|
|
2360
2367
|
print_failed: "16" | "24";
|
|
2361
|
-
profile: "24";
|
|
2368
|
+
profile: "16" | "24";
|
|
2362
2369
|
refunded: "16" | "24";
|
|
2363
2370
|
secure: "24";
|
|
2364
2371
|
secure_payments: "24";
|
|
@@ -2409,6 +2416,7 @@ type Icons = {
|
|
|
2409
2416
|
satispay: "24";
|
|
2410
2417
|
sepa: "24";
|
|
2411
2418
|
sofort: "24";
|
|
2419
|
+
split: "24";
|
|
2412
2420
|
account: "24";
|
|
2413
2421
|
accounting: "24";
|
|
2414
2422
|
apps: "24";
|
package/dist/index.js
CHANGED
|
@@ -489,6 +489,7 @@ export { SamsungPay } from "./SamsungPay.js";
|
|
|
489
489
|
export { Satispay } from "./Satispay.js";
|
|
490
490
|
export { Sepa } from "./Sepa.js";
|
|
491
491
|
export { Sofort } from "./Sofort.js";
|
|
492
|
+
export { Split } from "./Split.js";
|
|
492
493
|
export { Account } from "./Account.js";
|
|
493
494
|
export { Accounting } from "./Accounting.js";
|
|
494
495
|
export { Apps } from "./Apps.js";
|
package/manifest.json
CHANGED
|
@@ -411,6 +411,11 @@
|
|
|
411
411
|
"category": "Brand",
|
|
412
412
|
"size": "24"
|
|
413
413
|
},
|
|
414
|
+
{
|
|
415
|
+
"name": "sum_up_logomark",
|
|
416
|
+
"category": "Brand",
|
|
417
|
+
"size": "32"
|
|
418
|
+
},
|
|
414
419
|
{
|
|
415
420
|
"name": "plus_tier",
|
|
416
421
|
"category": "Brand",
|
|
@@ -3233,6 +3238,11 @@
|
|
|
3233
3238
|
"category": "Miscellaneous",
|
|
3234
3239
|
"size": "16"
|
|
3235
3240
|
},
|
|
3241
|
+
{
|
|
3242
|
+
"name": "profile",
|
|
3243
|
+
"category": "Miscellaneous",
|
|
3244
|
+
"size": "16"
|
|
3245
|
+
},
|
|
3236
3246
|
{
|
|
3237
3247
|
"name": "profile",
|
|
3238
3248
|
"category": "Miscellaneous",
|
|
@@ -3683,6 +3693,11 @@
|
|
|
3683
3693
|
"category": "Payment method",
|
|
3684
3694
|
"size": "24"
|
|
3685
3695
|
},
|
|
3696
|
+
{
|
|
3697
|
+
"name": "split",
|
|
3698
|
+
"category": "Payment method",
|
|
3699
|
+
"size": "24"
|
|
3700
|
+
},
|
|
3686
3701
|
{
|
|
3687
3702
|
"name": "swile",
|
|
3688
3703
|
"category": "Payment method",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sumup-oss/icons",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.20.0",
|
|
4
4
|
"description": "A collection of icons by SumUp",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -35,13 +35,13 @@
|
|
|
35
35
|
"prepublish": "npm run build"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@babel/core": "^7.28.
|
|
39
|
-
"@babel/preset-env": "^7.28.
|
|
38
|
+
"@babel/core": "^7.28.3",
|
|
39
|
+
"@babel/preset-env": "^7.28.3",
|
|
40
40
|
"@babel/preset-react": "^7.27.1",
|
|
41
41
|
"@types/babel__core": "^7.20.5",
|
|
42
42
|
"fast-xml-parser": "^5.2.5",
|
|
43
43
|
"prettier": "^3.5.3",
|
|
44
|
-
"tsx": "^4.20.
|
|
44
|
+
"tsx": "^4.20.5",
|
|
45
45
|
"typescript": "^5.9.2"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16">
|
|
2
|
+
<path fill="currentColor" d="M13 15c1.105 0 2.028-.913 1.716-1.973a6.999 6.999 0 0 0-13.432 0C.972 14.087 1.895 15 3 15zM10.75 3.761a2.75 2.75 0 1 1-5.5 0 2.75 2.75 0 0 1 5.5 0"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" fill="none" viewBox="0 0 32 24">
|
|
2
|
+
<rect width="31" height="23" x=".5" y=".5" fill="#fff" stroke="#ccc" rx="3.5"/>
|
|
3
|
+
<path stroke="#000" stroke-linecap="round" stroke-width="2" d="M9 12v0c4.704 0 9.2 1.934 12.436 5.35L23 19"/>
|
|
4
|
+
<rect width="6" height="2" x="24" y="14" fill="#000" rx="1" transform="rotate(90 24 14)"/>
|
|
5
|
+
<rect width="6" height="2" x="18" y="18" fill="#000" rx="1"/>
|
|
6
|
+
<path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-width="4" d="M22.274 4.313a1 1 0 1 1 1.452 1.375l-1.564 1.651A18.13 18.13 0 0 1 9 13a1 1 0 0 1 0-2 16.13 16.13 0 0 0 11.71-5.037z"/>
|
|
7
|
+
<rect width="6" height="2" x="18" y="4" fill="#000" rx="1"/>
|
|
8
|
+
<rect width="6" height="2" x="22" y="10" fill="#000" rx="1" transform="rotate(-90 22 10)"/>
|
|
9
|
+
<path stroke="#000" stroke-linecap="round" stroke-width="2" d="M9 12v0c4.704 0 9.2-1.934 12.436-5.35L23 5"/>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32">
|
|
2
|
+
<path fill="currentColor" d="M29.976 0H2.31C1.034 0 0 1.02 0 2.282v27.437C0 30.979 1.034 32 2.31 32h27.665c1.276 0 2.31-1.02 2.31-2.282V2.282A2.303 2.303 0 0 0 29.976 0m-9.701 24.089c-2.816 2.798-7.322 2.924-10.287.367-.011-.012-.034-.023-.046-.046a.467.467 0 0 1-.011-.654l10.01-9.929a.47.47 0 0 1 .656.012 7.455 7.455 0 0 1-.322 10.25m2.08-15.857-10.01 9.93a.47.47 0 0 1-.656-.012 7.43 7.43 0 0 1 .322-10.239C14.827 5.114 19.332 5 22.298 7.544c.011.012.034.023.046.046a.45.45 0 0 1 .011.642"/>
|
|
3
|
+
</svg>
|