@sumup-oss/icons 6.8.0 → 6.10.0

package/dist/SumupCard.js

@@ -0,0 +1,111 @@
+const _excluded = ["size"];
+function _objectWithoutProperties(e, t) {
+	if (null == e) return {};
+	var o,
+		r,
+		i = _objectWithoutPropertiesLoose(e, t);
+	if (Object.getOwnPropertySymbols) {
+		var n = Object.getOwnPropertySymbols(e);
+		for (r = 0; r < n.length; r++)
+			(o = n[r]),
+				-1 === t.indexOf(o) &&
+					{}.propertyIsEnumerable.call(e, o) &&
+					(i[o] = e[o]);
+	}
+	return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+	if (null == r) return {};
+	var t = {};
+	for (var n in r)
+		if ({}.hasOwnProperty.call(r, n)) {
+			if (-1 !== e.indexOf(n)) continue;
+			t[n] = r[n];
+		}
+	return t;
+}
+import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var SumupCard32 = function SumupCard32(props) {
+	return /*#__PURE__*/ _jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "32",
+		height: "24",
+		fill: "none",
+		viewBox: "0 0 32 24",
+		...props,
+		children: [
+			/*#__PURE__*/ _jsxs("g", {
+				clipPath: "url(#sumup_card_32_svg__a)",
+				children: [
+					/*#__PURE__*/ _jsx("rect", {
+						width: "31",
+						height: "23",
+						x: ".5",
+						y: ".5",
+						fill: "#ff61f2",
+						stroke: "#d0cdc3",
+						rx: "3.5",
+					}),
+					/*#__PURE__*/ _jsx("circle", {
+						cx: "24",
+						cy: "16",
+						r: "4",
+						fill: "#f79e1b",
+					}),
+					/*#__PURE__*/ _jsx("circle", {
+						cx: "19",
+						cy: "16",
+						r: "4",
+						fill: "#eb001b",
+					}),
+					/*#__PURE__*/ _jsx("path", {
+						fill: "#ff5f00",
+						d: "M21.5 12.878A4 4 0 0 1 23 16a4 4 0 0 1-1.5 3.121A4 4 0 0 1 20 16c0-1.263.586-2.389 1.5-3.122",
+					}),
+				],
+			}),
+			/*#__PURE__*/ _jsx("defs", {
+				children: /*#__PURE__*/ _jsx("clipPath", {
+					id: "sumup_card_32_svg__a",
+					children: /*#__PURE__*/ _jsx("rect", {
+						width: "32",
+						height: "24",
+						fill: "#fff",
+						rx: "4",
+					}),
+				}),
+			}),
+		],
+	});
+};
+const sizeMap = {
+	32: SumupCard32,
+};
+
+/**
+ * @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).
+ */
+export function SumupCard(_ref) {
+	let _ref$size = _ref.size,
+		size = _ref$size === void 0 ? "32" : _ref$size,
+		props = _objectWithoutProperties(_ref, _excluded);
+	const Icon = sizeMap[size] || sizeMap["32"];
+	if (
+		process.env.NODE_ENV !== "production" &&
+		process.env.NODE_ENV !== "test" &&
+		!sizeMap[size]
+	) {
+		console.warn(
+			new Error(
+				"The '".concat(
+					size,
+					"' size is not supported by the 'SumupCard' icon. Please use one of the available sizes: '32'.",
+				),
+			),
+		);
+	}
+	return /*#__PURE__*/ _jsx(Icon, {
+		...props,
+	});
+}

package/dist/SumupScheme.js

@@ -38,23 +38,17 @@ var SumupScheme32 = function SumupScheme32(props) {
 			/*#__PURE__*/ _jsxs("g", {
 				clipPath: "url(#sumup_scheme_32_svg__a)",
 				children: [
-					/*#__PURE__*/ _jsx("rect", {
-						width: "32",
-						height: "24",
-						fill: "#fff",
-						rx: "4",
-					}),
 					/*#__PURE__*/ _jsx("rect", {
 						width: "31",
 						height: "23",
 						x: ".5",
 						y: ".5",
-						fill: "#000",
-						stroke: "#ccc",
+						fill: "#ff61f2",
+						stroke: "#d0cdc3",
 						rx: "3.5",
 					}),
 					/*#__PURE__*/ _jsx("path", {
-						fill: "#fff",
+						fill: "#1e1c1c",
 						d: "M11.5 17.507a5.06 5.06 0 0 0 7.18 0 5.11 5.11 0 0 0 0-7.207zm8.808-11.014a5.06 5.06 0 0 0-7.18 0 5.11 5.11 0 0 0 0 7.207z",
 					}),
 				],

package/dist/Unsplash.js

@@ -0,0 +1,68 @@
+const _excluded = ["size"];
+function _objectWithoutProperties(e, t) {
+	if (null == e) return {};
+	var o,
+		r,
+		i = _objectWithoutPropertiesLoose(e, t);
+	if (Object.getOwnPropertySymbols) {
+		var n = Object.getOwnPropertySymbols(e);
+		for (r = 0; r < n.length; r++)
+			(o = n[r]),
+				-1 === t.indexOf(o) &&
+					{}.propertyIsEnumerable.call(e, o) &&
+					(i[o] = e[o]);
+	}
+	return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+	if (null == r) return {};
+	var t = {};
+	for (var n in r)
+		if ({}.hasOwnProperty.call(r, n)) {
+			if (-1 !== e.indexOf(n)) continue;
+			t[n] = r[n];
+		}
+	return t;
+}
+import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Unsplash24 = function Unsplash24(props) {
+	return /*#__PURE__*/ _jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		...props,
+		children: /*#__PURE__*/ _jsx("path", {
+			d: "M9.0664 9.86719V14.9336H14.9336V9.86719H24V24H0V9.86719H9.0664ZM2.6667 21.3333H21.3333V12.53385H17.6003V17.6003H6.3997V12.53385H2.6667V21.3333ZM17.6003 0V7.7331H6.3997V0H17.6003ZM9.0664 5.0664H14.9336V2.6667H9.0664V5.0664Z",
+			fill: "currentColor",
+		}),
+	});
+};
+const sizeMap = {
+	24: Unsplash24,
+};
+export function Unsplash(_ref) {
+	let _ref$size = _ref.size,
+		size = _ref$size === void 0 ? "24" : _ref$size,
+		props = _objectWithoutProperties(_ref, _excluded);
+	const Icon = sizeMap[size] || sizeMap["24"];
+	if (
+		process.env.NODE_ENV !== "production" &&
+		process.env.NODE_ENV !== "test" &&
+		!sizeMap[size]
+	) {
+		console.warn(
+			new Error(
+				"The '".concat(
+					size,
+					"' size is not supported by the 'Unsplash' icon. Please use one of the available sizes: '24'.",
+				),
+			),
+		);
+	}
+	return /*#__PURE__*/ _jsx(Icon, {
+		...props,
+	});
+}

package/dist/index.d.ts

@@ -287,47 +287,52 @@ declare const Sodexo: IconComponentType<"24" | "32">;
 /**
  * @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).
  */
-declare const Swile: IconComponentType<"24" | "32">;
+declare const SumupCard: IconComponentType<"32">;
 
 /**
  * @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).
  */
-declare const Ticket: IconComponentType<"24" | "32">;
+declare const SumupPay: IconComponentType<"32">;
 
 /**
  * @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).
  */
-declare const UnionPay: IconComponentType<"24" | "32">;
+declare const SumupScheme: IconComponentType<"32">;
 
 /**
  * @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).
  */
-declare const Visa: IconComponentType<"24" | "32">;
+declare const Swile: IconComponentType<"24" | "32">;
 
 /**
  * @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).
  */
-declare const VisaElectron: IconComponentType<"24" | "32">;
+declare const Ticket: IconComponentType<"24" | "32">;
 
 /**
  * @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).
  */
-declare const Vpay: IconComponentType<"24" | "32">;
+declare const UnionPay: IconComponentType<"24" | "32">;
 
 /**
  * @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).
  */
-declare const Vr: IconComponentType<"24" | "32">;
+declare const Visa: IconComponentType<"24" | "32">;
 
 /**
  * @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).
  */
-declare const SumupPay: IconComponentType<"32">;
+declare const VisaElectron: IconComponentType<"24" | "32">;
 
 /**
  * @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).
  */
-declare const SumupScheme: IconComponentType<"32">;
+declare const Vpay: IconComponentType<"24" | "32">;
+
+/**
+ * @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).
+ */
+declare const Vr: IconComponentType<"24" | "32">;
 
 declare const Callback: IconComponentType<"24">;
 
@@ -1199,6 +1204,8 @@ declare const Pinterest: IconComponentType<"24">;
 
 declare const Twitter: IconComponentType<"24">;
 
+declare const Unsplash: IconComponentType<"24">;
+
 declare const WhatsApp: IconComponentType<"24">;
 
 declare const Youtube: IconComponentType<"24">;
@@ -1292,6 +1299,9 @@ export {
 	Pix,
 	Pluxee,
 	Sodexo,
+	SumupCard,
+	SumupPay,
+	SumupScheme,
 	Swile,
 	Ticket,
 	UnionPay,
@@ -1299,8 +1309,6 @@ export {
 	VisaElectron,
 	Vpay,
 	Vr,
-	SumupPay,
-	SumupScheme,
 	Callback,
 	Email,
 	EmailChat,
@@ -1607,6 +1615,7 @@ export {
 	Messenger,
 	Pinterest,
 	Twitter,
+	Unsplash,
 	WhatsApp,
 	Youtube,
 };
@@ -1700,6 +1709,9 @@ export type IconName =
 	| "pix"
 	| "pluxee"
 	| "sodexo"
+	| "sumup_card"
+	| "sumup_pay"
+	| "sumup_scheme"
 	| "swile"
 	| "ticket"
 	| "union_pay"
@@ -1707,8 +1719,6 @@ export type IconName =
 	| "visa_electron"
 	| "vpay"
 	| "vr"
-	| "sumup_pay"
-	| "sumup_scheme"
 	| "callback"
 	| "email"
 	| "email_chat"
@@ -2015,6 +2025,7 @@ export type IconName =
 	| "messenger"
 	| "pinterest"
 	| "twitter"
+	| "unsplash"
 	| "whats_app"
 	| "youtube";
 
@@ -2118,6 +2129,9 @@ type Icons = {
 	pix: "24" | "32";
 	pluxee: "32";
 	sodexo: "24" | "32";
+	sumup_card: "32";
+	sumup_pay: "32";
+	sumup_scheme: "32";
 	swile: "24" | "32";
 	ticket: "24" | "32";
 	union_pay: "24" | "32";
@@ -2125,8 +2139,6 @@ type Icons = {
 	visa_electron: "24" | "32";
 	vpay: "24" | "32";
 	vr: "24" | "32";
-	sumup_pay: "32";
-	sumup_scheme: "32";
 	callback: "24";
 	email: "24";
 	email_chat: "24";
@@ -2433,6 +2445,7 @@ type Icons = {
 	messenger: "24";
 	pinterest: "24";
 	twitter: "24";
+	unsplash: "24";
 	whats_app: "24";
 	youtube: "24";
 };

package/dist/index.js

@@ -87,6 +87,9 @@ export { PayPal } from "./PayPal.js";
 export { Pix } from "./Pix.js";
 export { Pluxee } from "./Pluxee.js";
 export { Sodexo } from "./Sodexo.js";
+export { SumupCard } from "./SumupCard.js";
+export { SumupPay } from "./SumupPay.js";
+export { SumupScheme } from "./SumupScheme.js";
 export { Swile } from "./Swile.js";
 export { Ticket } from "./Ticket.js";
 export { UnionPay } from "./UnionPay.js";
@@ -94,8 +97,6 @@ export { Visa } from "./Visa.js";
 export { VisaElectron } from "./VisaElectron.js";
 export { Vpay } from "./Vpay.js";
 export { Vr } from "./Vr.js";
-export { SumupPay } from "./SumupPay.js";
-export { SumupScheme } from "./SumupScheme.js";
 export { Callback } from "./Callback.js";
 export { Email } from "./Email.js";
 export { EmailChat } from "./EmailChat.js";
@@ -402,5 +403,6 @@ export { Linkedin } from "./Linkedin.js";
 export { Messenger } from "./Messenger.js";
 export { Pinterest } from "./Pinterest.js";
 export { Twitter } from "./Twitter.js";
+export { Unsplash } from "./Unsplash.js";
 export { WhatsApp } from "./WhatsApp.js";
 export { Youtube } from "./Youtube.js";

package/manifest.json

@@ -607,47 +607,52 @@
       "size": "32"
     },
     {
-      "name": "swile",
+      "name": "sumup_card",
       "category": "Card scheme",
       "size": "32"
     },
     {
-      "name": "ticket",
+      "name": "sumup_pay",
       "category": "Card scheme",
       "size": "32"
     },
     {
-      "name": "union_pay",
+      "name": "sumup_scheme",
       "category": "Card scheme",
       "size": "32"
     },
     {
-      "name": "visa",
+      "name": "swile",
       "category": "Card scheme",
       "size": "32"
     },
     {
-      "name": "visa_electron",
+      "name": "ticket",
       "category": "Card scheme",
       "size": "32"
     },
     {
-      "name": "vpay",
+      "name": "union_pay",
       "category": "Card scheme",
       "size": "32"
     },
     {
-      "name": "vr",
+      "name": "visa",
       "category": "Card scheme",
       "size": "32"
     },
     {
-      "name": "sumup_pay",
+      "name": "visa_electron",
       "category": "Card scheme",
       "size": "32"
     },
     {
-      "name": "sumup_scheme",
+      "name": "vpay",
+      "category": "Card scheme",
+      "size": "32"
+    },
+    {
+      "name": "vr",
       "category": "Card scheme",
       "size": "32"
     },
@@ -4503,6 +4508,11 @@
       "category": "Social media",
       "size": "24"
     },
+    {
+      "name": "unsplash",
+      "category": "Social media",
+      "size": "24"
+    },
     {
       "name": "whats_app",
       "category": "Social media",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sumup-oss/icons",
-  "version": "6.8.0",
+  "version": "6.10.0",
   "description": "A collection of icons by SumUp",
   "type": "module",
   "main": "./dist/index.js",

package/web/v2/sumup_card_32.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" fill="none" viewBox="0 0 32 24">
+    <g clip-path="url(#sumup_card_32_svg__a)">
+        <rect width="31" height="23" x=".5" y=".5" fill="#ff61f2" stroke="#d0cdc3" rx="3.5"/>
+        <circle cx="24" cy="16" r="4" fill="#f79e1b"/>
+        <circle cx="19" cy="16" r="4" fill="#eb001b"/>
+        <path fill="#ff5f00" d="M21.5 12.878A4 4 0 0 1 23 16a4 4 0 0 1-1.5 3.121A4 4 0 0 1 20 16c0-1.263.586-2.389 1.5-3.122"/>
+    </g>
+    <defs>
+        <clipPath id="sumup_card_32_svg__a">
+            <rect width="32" height="24" fill="#fff" rx="4"/>
+        </clipPath>
+    </defs>
+</svg>

package/web/v2/sumup_scheme_32.svg

@@ -1,8 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" fill="none" viewBox="0 0 32 24">
     <g clip-path="url(#sumup_scheme_32_svg__a)">
-        <rect width="32" height="24" fill="#fff" rx="4"/>
-        <rect width="31" height="23" x=".5" y=".5" fill="#000" stroke="#ccc" rx="3.5"/>
-        <path fill="#fff" d="M11.5 17.507a5.06 5.06 0 0 0 7.18 0 5.11 5.11 0 0 0 0-7.207zm8.808-11.014a5.06 5.06 0 0 0-7.18 0 5.11 5.11 0 0 0 0 7.207z"/>
+        <rect width="31" height="23" x=".5" y=".5" fill="#ff61f2" stroke="#d0cdc3" rx="3.5"/>
+        <path fill="#1e1c1c" d="M11.5 17.507a5.06 5.06 0 0 0 7.18 0 5.11 5.11 0 0 0 0-7.207zm8.808-11.014a5.06 5.06 0 0 0-7.18 0 5.11 5.11 0 0 0 0 7.207z"/>
     </g>
     <defs>
         <clipPath id="sumup_scheme_32_svg__a">

package/web/v2/unsplash_24.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M9.0664 9.86719V14.9336H14.9336V9.86719H24V24H0V9.86719H9.0664ZM2.6667 21.3333H21.3333V12.53385H17.6003V17.6003H6.3997V12.53385H2.6667V21.3333ZM17.6003 0V7.7331H6.3997V0H17.6003ZM9.0664 5.0664H14.9336V2.6667H9.0664V5.0664Z" fill="currentColor"/>
+</svg>