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

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 (5) hide show
  1. package/dist/stories/DfxAssetIcon.d.ts +4 -0
  2. package/dist/stories/DfxAssetIcon.d.ts.map +1 -1
  3. package/dist/stories/DfxAssetIcon.js +33 -0
  4. package/dist/stories/DfxAssetIcon.js.map +1 -1
  5. package/package.json +2 -2
package/dist/stories/DfxAssetIcon.d.ts CHANGED
@@ -56,6 +56,10 @@ export declare enum AssetIconVariant {
56
56
  EURS = "EURS",
57
57
  EURT = "EURt",
58
58
  EDLC = "EDLC",
59
+ dEURO = "dEURO",
60
+ DEPS = "DEPS",
61
+ dEURO_PRESALE = "dEUROPresale",
62
+ DEPS_PRESALE = "DEPSPresale",
59
63
  EUR = "EUR",
60
64
  USD = "USD",
61
65
  CHF = "CHF",
package/dist/stories/DfxAssetIcon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DfxAssetIcon.d.ts","sourceRoot":"","sources":["../../src/stories/DfxAssetIcon.tsx"],"names":[],"mappings":";AAEA,UAAU,iBAAiB;IACzB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,KAAK,WAAW;IAChB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,IAAI,UAAU;IACd,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IAEb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AAED,oBAAY,aAAa;IACvB,EAAE,UAAU;IACZ,EAAE,WAAW;IACb,EAAE,UAAU;CACb;AAED,eAAO,MAAM,WAAW,wCAAkC,CAAC;AAmE3D,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,IAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAOnG;AAED,UAAU,kBAAkB;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAwyGD,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,EAAE,kBAAkB,2CA42BlE"}
1
+ {"version":3,"file":"DfxAssetIcon.d.ts","sourceRoot":"","sources":["../../src/stories/DfxAssetIcon.tsx"],"names":[],"mappings":";AAEA,UAAU,iBAAiB;IACzB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,KAAK,WAAW;IAChB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,IAAI,UAAU;IACd,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,aAAa,iBAAiB;IAC9B,YAAY,gBAAgB;IAE5B,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AAED,oBAAY,aAAa;IACvB,EAAE,UAAU;IACZ,EAAE,WAAW;IACb,EAAE,UAAU;CACb;AAED,eAAO,MAAM,WAAW,wCAAkC,CAAC;AAuE3D,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,IAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAOnG;AAED,UAAU,kBAAkB;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAwyGD,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,EAAE,kBAAkB,2CA42BlE"}
package/dist/stories/DfxAssetIcon.js CHANGED
@@ -65,6 +65,10 @@ export var AssetIconVariant;
65
65
  AssetIconVariant["EURS"] = "EURS";
66
66
  AssetIconVariant["EURT"] = "EURt";
67
67
  AssetIconVariant["EDLC"] = "EDLC";
68
+ AssetIconVariant["dEURO"] = "dEURO";
69
+ AssetIconVariant["DEPS"] = "DEPS";
70
+ AssetIconVariant["dEURO_PRESALE"] = "dEUROPresale";
71
+ AssetIconVariant["DEPS_PRESALE"] = "DEPSPresale";
68
72
  AssetIconVariant["EUR"] = "EUR";
69
73
  AssetIconVariant["USD"] = "USD";
70
74
  AssetIconVariant["CHF"] = "CHF";
@@ -287,6 +291,22 @@ var VARIANT_MAPS = (_b = {},
287
291
  var forceColor = _a.forceColor;
288
292
  return _jsx(DfxAssetIconEDLC, { forceColor: forceColor });
289
293
  },
294
+ _b[AssetIconVariant.dEURO] = function (_a) {
295
+ var forceColor = _a.forceColor;
296
+ return _jsx(DfxAssetIconDEURO, { forceColor: forceColor });
297
+ },
298
+ _b[AssetIconVariant.DEPS] = function (_a) {
299
+ var forceColor = _a.forceColor;
300
+ return _jsx(DfxAssetIconDEPS, { forceColor: forceColor });
301
+ },
302
+ _b[AssetIconVariant.dEURO_PRESALE] = function (_a) {
303
+ var forceColor = _a.forceColor;
304
+ return _jsx(DfxAssetIconDEURO, { forceColor: forceColor });
305
+ },
306
+ _b[AssetIconVariant.DEPS_PRESALE] = function (_a) {
307
+ var forceColor = _a.forceColor;
308
+ return _jsx(DfxAssetIconDEPS, { forceColor: forceColor });
309
+ },
290
310
  _b[AssetIconVariant.EUR] = function (_a) {
291
311
  var forceColor = _a.forceColor;
292
312
  return _jsx(DfxAssetIconEUR, { forceColor: forceColor });
@@ -630,6 +650,19 @@ function DfxAssetIconEDLC(_a) {
630
650
  var sizeContext = useContext(SizeContext);
631
651
  return (_jsxs("svg", __assign({ width: SIZE_MAPS[sizeContext], height: SIZE_MAPS[sizeContext], viewBox: "0 0 425.198 425.198", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("defs", { children: _jsxs("radialGradient", __assign({ id: "edlc-a", cx: 0, cy: 0, r: 608.933, gradientTransform: "matrix(0 -1 1.11019 0 43.592 381.75)", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0, stopColor: "#dd7cf3" }), _jsx("stop", { offset: 1, stopColor: "#0064be" })] })) }), _jsx("g", __assign({ fill: "none" }, { children: _jsx("path", { fill: forceColor !== null && forceColor !== void 0 ? forceColor : 'url(#edlc-a)', stroke: "none", d: "M63.241 62.916C49.99 76.076 43.322 93.473 43.412 110.87v68.072c-.09 17.397 6.587 34.794 19.847 47.954 13.178 13.251 30.593 19.919 48.008 19.829l270.519-.361c.09-17.397-6.587-34.794-19.847-47.954-13.178-13.246-30.593-19.558-48.008-19.468l-169.007-.216c-32.908.216-33.923-25.09-33.837-33.838.077-8.531.113-33.968 33.837-33.837h169.079c17.397.09 34.794-6.398 47.954-19.649 13.251-13.16 19.919-30.557 19.829-47.954H111.195c-17.397-.09-34.794 6.222-47.954 19.468Zm0 299.186c13.16 13.25 30.557 19.738 47.954 19.648l270.591-.181c.09-17.397-6.578-34.793-19.829-47.954-13.16-13.246-30.557-19.558-47.954-19.468H43.412c-.09 17.397 6.578 34.794 19.829 47.955Z", transform: "matrix(1 0 0 -1 0 425.198)" }) }))] })));
632
652
  }
653
+ function DfxAssetIconDEURO(_a) {
654
+ var forceColor = _a.forceColor;
655
+ var sizeContext = useContext(SizeContext);
656
+ return (_jsxs("svg", __assign({
657
+ // width={SIZE_MAPS[sizeContext]}
658
+ // height={SIZE_MAPS[sizeContext]}
659
+ 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" }) }))] })] })));
660
+ }
661
+ function DfxAssetIconDEPS(_a) {
662
+ var forceColor = _a.forceColor;
663
+ var sizeContext = useContext(SizeContext);
664
+ 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(#deps_a)" }, { children: [_jsx("path", { fill: "url(#deps_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(#deps_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(#deps_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: "M28.1 75v3.6h39.6V75H28.1ZM28.1 60.6h-3.6V75h3.6V60.6ZM67.7 75h3.6V60.6h-3.6V75ZM49.7 49.8v-3.6h3.6v-3.6h-3.6v-7.2h-3.6v10.8H35.3v3.6h10.8v14.4h-3.6v3.6h-3.6v3.6h18v-3.6h-3.6v-3.6h-3.6V53.4h14.4v-3.6H49.7ZM67.7 46.2h-3.6v3.6h3.6v-3.6ZM35.3 42.6h-3.6v3.6h3.6v-3.6Z" }), _jsx("path", { fill: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', fillOpacity: 0.45, d: "M56.9 39h-3.6v3.6h3.6V39ZM31.7 39h-3.6v3.6h3.6V39ZM56.9 35.4V39h10.8v7.2h3.6V35.4H56.9ZM46.1 31.8h-3.6v3.6h3.6v-3.6ZM28.1 28.2h10.8v-3.6H24.5V39h3.6V28.2Z" }), _jsx("path", { fill: forceColor !== null && forceColor !== void 0 ? forceColor : '#272B38', fillOpacity: 0.45, d: "M42.5 28.2h-3.6v3.6h3.6v-3.6Z" }), _jsx("path", { fill: "url(#deps_e)", d: "M28.1 72v3.6h39.6V72H28.1Z" }), _jsx("path", { fill: "url(#deps_f)", d: "M28.1 57.6h-3.6V72h3.6V57.6Z" }), _jsx("path", { fill: "url(#deps_g)", d: "M67.7 72h3.6V57.6h-3.6V72Z" }), _jsx("path", { fill: "url(#deps_h)", d: "M49.7 46.8v-3.6h3.6v-3.6h-3.6v-7.2h-3.6v10.8H35.3v3.6h10.8v14.4h-3.6v3.6h-3.6v3.6h18v-3.6h-3.6v-3.6h-3.6V50.4h14.4v-3.6H49.7Z" }), _jsx("path", { fill: "url(#deps_i)", d: "M67.7 43.2h-3.6v3.6h3.6v-3.6Z" }), _jsx("path", { fill: "url(#deps_j)", d: "M35.3 39.6h-3.6v3.6h3.6v-3.6Z" }), _jsx("path", { fill: "url(#deps_k)", d: "M56.9 36h-3.6v3.6h3.6V36Z" }), _jsx("path", { fill: "url(#deps_l)", d: "M31.7 36h-3.6v3.6h3.6V36Z" }), _jsx("path", { fill: "url(#deps_m)", d: "M56.9 32.4V36h10.8v7.2h3.6V32.4H56.9Z" }), _jsx("path", { fill: "url(#deps_n)", d: "M46.1 28.8h-3.6v3.6h3.6v-3.6Z" }), _jsx("path", { fill: "url(#deps_o)", d: "M28.1 25.2h10.8v-3.6H24.5V36h3.6V25.2Z" }), _jsx("path", { fill: "url(#deps_p)", d: "M42.5 25.2h-3.6v3.6h3.6v-3.6Z" })] })), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "deps_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: "deps_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: "deps_e", x1: 47.9, x2: 47.9, y1: 30.24, y2: 75.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.675, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.865, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deps_f", x1: 47.9, x2: 47.9, y1: 30.24, y2: 75.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.675, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.865, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deps_g", x1: 47.9, x2: 47.9, y1: 30.24, y2: 75.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.675, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.865, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deps_h", x1: 47.9, x2: 47.9, y1: 30.24, y2: 75.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.675, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.865, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deps_i", x1: 47.9, x2: 47.9, y1: 30.24, y2: 75.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.675, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.865, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deps_j", x1: 47.9, x2: 47.9, y1: 30.24, y2: 75.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.675, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.865, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deps_k", x1: 47.9, x2: 47.9, y1: 30.24, y2: 75.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.675, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.865, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deps_l", x1: 47.9, x2: 47.9, y1: 30.24, y2: 75.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.675, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.865, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deps_m", x1: 47.9, x2: 47.9, y1: 30.24, y2: 75.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.675, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.865, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deps_n", x1: 47.9, x2: 47.9, y1: 30.24, y2: 75.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.675, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.865, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deps_o", x1: 47.9, x2: 47.9, y1: 30.24, y2: 75.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.675, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.865, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("linearGradient", __assign({ id: "deps_p", x1: 47.9, x2: 47.9, y1: 30.24, y2: 75.6, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.4, stopColor: "#fff" }), _jsx("stop", { offset: 0.675, stopColor: forceColor ? '#fff' : '#EAEAEC' }), _jsx("stop", { offset: 0.865, stopColor: forceColor ? '#fff' : '#C4C6CB' }), _jsx("stop", { offset: 0.99, stopColor: forceColor ? '#fff' : '#B6B8BF' })] })), _jsxs("radialGradient", __assign({ id: "deps_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: "deps_a" }, { children: _jsx("path", { fill: "#fff", d: "M0 .6h96v96H0z" }) }))] })] })));
665
+ }
633
666
  function DfxAssetIconEUR(_a) {
634
667
  var forceColor = _a.forceColor;
635
668
  var sizeContext = useContext(SizeContext);