@dfx.swiss/react-components 1.3.0-beta.124 → 1.3.0-beta.126

package/dist/stories/DfxAssetIcon.js

@@ -653,10 +653,7 @@ function DfxAssetIconEDLC(_a) {
 function DfxAssetIconDEURO(_a) {
     var forceColor = _a.forceColor;
     var sizeContext = useContext(SizeContext);
-    return (_jsxs("svg", __assign({ 
-        // width={SIZE_MAPS[sizeContext]}
-        // height={SIZE_MAPS[sizeContext]}
-        width: 100, height: 100, viewBox: "0 0 96 97", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#deuro_a)" }, { children: [_jsx("path", { fill: "url(#deuro_b)", d: "M48 96.6c26.51 0 48-21.49 48-48S74.51.6 48 .6 0 22.09 0 48.6s21.49 48 48 48Z" }), _jsx("path", { fill: "url(#deuro_c)", d: "M48 96.6c26.51 0 48-21.49 48-48S74.51.6 48 .6 0 22.09 0 48.6s21.49 48 48 48Z" }), _jsx("path", { fill: "url(#deuro_d)", d: "M48 3.6c24.81 0 45 20.19 45 45s-20.19 45-45 45-45-20.19-45-45 20.19-45 45-45Zm0-3C21.48.6 0 22.08 0 48.6s21.48 48 48 48 48-21.48 48-48S74.52.6 48 .6Z" }), _jsx("path", { fill: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', fillOpacity: 0.45, d: "M60 78.6v-6H36v6h24ZM66 66.6h-6v6h6v-6ZM36 66.6h-6v6h6v-6ZM72 60.6h-6v6h6v-6ZM72 36.6h-6v6h6v-6ZM24 42.6h-6v6h6v6h-6v6h6v6h6v-6h24v-6H30v-6h30v-6H30v-6h-6v6ZM66 30.6h-6v6h6v-6Z" }), _jsx("path", { fill: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', fillOpacity: 0.45, d: "M36 30.6h-6v6h6v-6ZM36 24.6v6h24v-6H36Z" }), _jsx("path", { fill: "url(#deuro_e)", d: "M60 75.6v-6H36v6h24Z" }), _jsx("path", { fill: "url(#deuro_f)", d: "M66 63.6h-6v6h6v-6Z" }), _jsx("path", { fill: "url(#deuro_g)", d: "M36 63.6h-6v6h6v-6Z" }), _jsx("path", { fill: "url(#deuro_h)", d: "M72 57.6h-6v6h6v-6Z" }), _jsx("path", { fill: "url(#deuro_i)", d: "M72 33.6h-6v6h6v-6Z" }), _jsx("path", { fill: "url(#deuro_j)", d: "M24 39.6h-6v6h6v6h-6v6h6v6h6v-6h24v-6H30v-6h30v-6H30v-6h-6v6Z" }), _jsx("path", { fill: "url(#deuro_k)", d: "M66 27.6h-6v6h6v-6Z" }), _jsx("path", { fill: "url(#deuro_l)", d: "M36 27.6h-6v6h6v-6Z" }), _jsx("path", { fill: "url(#deuro_m)", d: "M36 21.6v6h24v-6H36Z" })] })), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "deuro_b", x1: 48, x2: 48, y1: 96.6, y2: 0.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#424756' }), _jsx("stop", { offset: 0.31, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#505565' }), _jsx("stop", { offset: 0.42, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#5F6475' }), _jsx("stop", { offset: 0.61, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#747A8B' }), _jsx("stop", { offset: 0.73, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#7C8394' }), _jsx("stop", { offset: 0.88, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#757C8C' }), _jsx("stop", { offset: 1, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#6E7484' })] })), _jsxs("linearGradient", __assign({ id: "deuro_d", x1: 48, x2: 48, y1: 96.6, y2: 0.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#6D6E7C' }), _jsx("stop", { offset: 0.17, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#7A7C8A' }), _jsx("stop", { offset: 0.51, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#9EA2B1' }), _jsx("stop", { offset: 0.67, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#B3B8C7' })] })), _jsxs("linearGradient", __assign({ id: "deuro_e", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_f", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_g", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_h", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_i", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_j", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_k", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_l", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_m", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("radialGradient", __assign({ id: "deuro_c", cx: 0, cy: 0, r: 1, gradientTransform: "matrix(0 48 -48 0 48 48.6)", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.802, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', stopOpacity: 0 }), _jsx("stop", { offset: 0.848, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', stopOpacity: 0.042 }), _jsx("stop", { offset: 0.883, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', stopOpacity: 0.095 }), _jsx("stop", { offset: 0.914, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', stopOpacity: 0.15 }), _jsx("stop", { offset: 0.957, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', stopOpacity: 0.34 })] })), _jsx("clipPath", __assign({ id: "deuro_a" }, { children: _jsx("path", { fill: "#fff", d: "M0 .6h96v96H0z" }) }))] })] })));
+    return (_jsxs("svg", __assign({ width: SIZE_MAPS[sizeContext], height: SIZE_MAPS[sizeContext], viewBox: "0 0 96 97", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#deuro_a)" }, { children: [_jsx("path", { fill: "url(#deuro_b)", d: "M48 96.6c26.51 0 48-21.49 48-48S74.51.6 48 .6 0 22.09 0 48.6s21.49 48 48 48Z" }), _jsx("path", { fill: "url(#deuro_c)", d: "M48 96.6c26.51 0 48-21.49 48-48S74.51.6 48 .6 0 22.09 0 48.6s21.49 48 48 48Z" }), _jsx("path", { fill: "url(#deuro_d)", d: "M48 3.6c24.81 0 45 20.19 45 45s-20.19 45-45 45-45-20.19-45-45 20.19-45 45-45Zm0-3C21.48.6 0 22.08 0 48.6s21.48 48 48 48 48-21.48 48-48S74.52.6 48 .6Z" }), _jsx("path", { fill: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', fillOpacity: 0.45, d: "M60 78.6v-6H36v6h24ZM66 66.6h-6v6h6v-6ZM36 66.6h-6v6h6v-6ZM72 60.6h-6v6h6v-6ZM72 36.6h-6v6h6v-6ZM24 42.6h-6v6h6v6h-6v6h6v6h6v-6h24v-6H30v-6h30v-6H30v-6h-6v6ZM66 30.6h-6v6h6v-6Z" }), _jsx("path", { fill: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', fillOpacity: 0.45, d: "M36 30.6h-6v6h6v-6ZM36 24.6v6h24v-6H36Z" }), _jsx("path", { fill: "url(#deuro_e)", d: "M60 75.6v-6H36v6h24Z" }), _jsx("path", { fill: "url(#deuro_f)", d: "M66 63.6h-6v6h6v-6Z" }), _jsx("path", { fill: "url(#deuro_g)", d: "M36 63.6h-6v6h6v-6Z" }), _jsx("path", { fill: "url(#deuro_h)", d: "M72 57.6h-6v6h6v-6Z" }), _jsx("path", { fill: "url(#deuro_i)", d: "M72 33.6h-6v6h6v-6Z" }), _jsx("path", { fill: "url(#deuro_j)", d: "M24 39.6h-6v6h6v6h-6v6h6v6h6v-6h24v-6H30v-6h30v-6H30v-6h-6v6Z" }), _jsx("path", { fill: "url(#deuro_k)", d: "M66 27.6h-6v6h6v-6Z" }), _jsx("path", { fill: "url(#deuro_l)", d: "M36 27.6h-6v6h6v-6Z" }), _jsx("path", { fill: "url(#deuro_m)", d: "M36 21.6v6h24v-6H36Z" })] })), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "deuro_b", x1: 48, x2: 48, y1: 96.6, y2: 0.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#424756' }), _jsx("stop", { offset: 0.31, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#505565' }), _jsx("stop", { offset: 0.42, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#5F6475' }), _jsx("stop", { offset: 0.61, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#747A8B' }), _jsx("stop", { offset: 0.73, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#7C8394' }), _jsx("stop", { offset: 0.88, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#757C8C' }), _jsx("stop", { offset: 1, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#6E7484' })] })), _jsxs("linearGradient", __assign({ id: "deuro_d", x1: 48, x2: 48, y1: 96.6, y2: 0.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#6D6E7C' }), _jsx("stop", { offset: 0.17, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#7A7C8A' }), _jsx("stop", { offset: 0.51, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#9EA2B1' }), _jsx("stop", { offset: 0.67, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#B3B8C7' })] })), _jsxs("linearGradient", __assign({ id: "deuro_e", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_f", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_g", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_h", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_i", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_j", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_k", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_l", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deuro_m", x1: 45, x2: 45, y1: 24.6, y2: 72.1, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.54, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.84, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("radialGradient", __assign({ id: "deuro_c", cx: 0, cy: 0, r: 1, gradientTransform: "matrix(0 48 -48 0 48 48.6)", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.802, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', stopOpacity: 0 }), _jsx("stop", { offset: 0.848, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', stopOpacity: 0.042 }), _jsx("stop", { offset: 0.883, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', stopOpacity: 0.095 }), _jsx("stop", { offset: 0.914, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', stopOpacity: 0.15 }), _jsx("stop", { offset: 0.957, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', stopOpacity: 0.34 })] })), _jsx("clipPath", __assign({ id: "deuro_a" }, { children: _jsx("path", { fill: "#fff", d: "M0 .6h96v96H0z" }) }))] })] })));
 }
 function DfxAssetIconDEPS(_a) {
     var forceColor = _a.forceColor;