@sumup-oss/icons 5.19.0 → 5.21.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.
@@ -0,0 +1,58 @@
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 GeneralPreferences24 = function GeneralPreferences24(props) {
17
+ return /*#__PURE__*/ React.createElement(
18
+ "svg",
19
+ _extends(
20
+ {
21
+ xmlns: "http://www.w3.org/2000/svg",
22
+ width: "24",
23
+ height: "24",
24
+ fill: "none",
25
+ viewBox: "0 0 24 24",
26
+ },
27
+ props,
28
+ ),
29
+ /*#__PURE__*/ React.createElement("path", {
30
+ fill: "currentColor",
31
+ fillRule: "evenodd",
32
+ d: "M1 6a5 5 0 0 1 5-5h12a5 5 0 0 1 0 10H6a5 5 0 0 1-5-5m7.646-3H18a3 3 0 1 1 0 6H8.646A4 4 0 0 0 10 6a4 4 0 0 0-1.354-3M6 13a5 5 0 0 0 0 10h12a5 5 0 0 0 0-10zm12 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6",
33
+ clipRule: "evenodd",
34
+ }),
35
+ );
36
+ };
37
+ const sizeMap = {
38
+ 24: GeneralPreferences24,
39
+ };
40
+ export function GeneralPreferences(_ref) {
41
+ let { size = "24", ...props } = _ref;
42
+ const Icon = sizeMap[size] || sizeMap["24"];
43
+ if (
44
+ process.env.NODE_ENV !== "production" &&
45
+ process.env.NODE_ENV !== "test" &&
46
+ !sizeMap[size]
47
+ ) {
48
+ console.warn(
49
+ new Error(
50
+ "The '".concat(
51
+ size,
52
+ "' size is not supported by the 'GeneralPreferences' icon. Please use one of the available sizes: '24'.",
53
+ ),
54
+ ),
55
+ );
56
+ }
57
+ return /*#__PURE__*/ React.createElement(Icon, props);
58
+ }
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
+ }
@@ -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">;
@@ -989,6 +994,8 @@ declare const Webspace: IconComponentType<"24">;
989
994
 
990
995
  declare const Deposit: IconComponentType<"24">;
991
996
 
997
+ declare const GeneralPreferences: IconComponentType<"24">;
998
+
992
999
  declare const Facebook: IconComponentType<"24">;
993
1000
 
994
1001
  declare const FacebookMessenger: IconComponentType<"24">;
@@ -1289,6 +1296,7 @@ export {
1289
1296
  Satispay,
1290
1297
  Sepa,
1291
1298
  Sofort,
1299
+ Split,
1292
1300
  Account,
1293
1301
  Accounting,
1294
1302
  Apps,
@@ -1342,6 +1350,7 @@ export {
1342
1350
  VirtualTerminal,
1343
1351
  Webspace,
1344
1352
  Deposit,
1353
+ GeneralPreferences,
1345
1354
  Facebook,
1346
1355
  FacebookMessenger,
1347
1356
  Instagram,
@@ -1844,6 +1853,7 @@ export type IconName =
1844
1853
  | "satispay"
1845
1854
  | "sepa"
1846
1855
  | "sofort"
1856
+ | "split"
1847
1857
  | "account"
1848
1858
  | "accounting"
1849
1859
  | "apps"
@@ -1897,6 +1907,7 @@ export type IconName =
1897
1907
  | "virtual_terminal"
1898
1908
  | "webspace"
1899
1909
  | "deposit"
1910
+ | "general_preferences"
1900
1911
  | "facebook"
1901
1912
  | "facebook_messenger"
1902
1913
  | "instagram"
@@ -1974,7 +1985,7 @@ type Icons = {
1974
1985
  view: "16" | "24";
1975
1986
  week_view: "24";
1976
1987
  sum_up_logo: "24";
1977
- sum_up_logomark: "24";
1988
+ sum_up_logomark: "24" | "32";
1978
1989
  plus_tier: "16" | "24" | "32";
1979
1990
  alelo: "24" | "32";
1980
1991
  alternative_payment_method: "32";
@@ -2358,7 +2369,7 @@ type Icons = {
2358
2369
  package: "24";
2359
2370
  paid_out: "16" | "24";
2360
2371
  print_failed: "16" | "24";
2361
- profile: "24";
2372
+ profile: "16" | "24";
2362
2373
  refunded: "16" | "24";
2363
2374
  secure: "24";
2364
2375
  secure_payments: "24";
@@ -2409,6 +2420,7 @@ type Icons = {
2409
2420
  satispay: "24";
2410
2421
  sepa: "24";
2411
2422
  sofort: "24";
2423
+ split: "24";
2412
2424
  account: "24";
2413
2425
  accounting: "24";
2414
2426
  apps: "24";
@@ -2462,6 +2474,7 @@ type Icons = {
2462
2474
  virtual_terminal: "24";
2463
2475
  webspace: "24";
2464
2476
  deposit: "24";
2477
+ general_preferences: "24";
2465
2478
  facebook: "24";
2466
2479
  facebook_messenger: "24";
2467
2480
  instagram: "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";
@@ -542,6 +543,7 @@ export { Transactions } from "./Transactions.js";
542
543
  export { VirtualTerminal } from "./VirtualTerminal.js";
543
544
  export { Webspace } from "./Webspace.js";
544
545
  export { Deposit } from "./Deposit.js";
546
+ export { GeneralPreferences } from "./GeneralPreferences.js";
545
547
  export { Facebook } from "./Facebook.js";
546
548
  export { FacebookMessenger } from "./FacebookMessenger.js";
547
549
  export { Instagram } from "./Instagram.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",
@@ -3995,6 +4010,11 @@
3995
4010
  "category": "Product and feature",
3996
4011
  "size": "24"
3997
4012
  },
4013
+ {
4014
+ "name": "general_preferences",
4015
+ "category": "Product and feature",
4016
+ "size": "24"
4017
+ },
3998
4018
  {
3999
4019
  "name": "facebook",
4000
4020
  "category": "Social media",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sumup-oss/icons",
3
- "version": "5.19.0",
3
+ "version": "5.21.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.0",
39
- "@babel/preset-env": "^7.28.0",
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.3",
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="24" height="24" fill="none" viewBox="0 0 24 24">
2
+ <path fill="currentColor" fill-rule="evenodd" d="M1 6a5 5 0 0 1 5-5h12a5 5 0 0 1 0 10H6a5 5 0 0 1-5-5m7.646-3H18a3 3 0 1 1 0 6H8.646A4 4 0 0 0 10 6a4 4 0 0 0-1.354-3M6 13a5 5 0 0 0 0 10h12a5 5 0 0 0 0-10zm12 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6" clip-rule="evenodd"/>
3
+ </svg>
@@ -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>