@dfx.swiss/react-components 1.3.0-beta.239 → 1.3.0-beta.240

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.
@@ -74,6 +74,7 @@ export declare enum AssetIconVariant {
74
74
  JUICE = "JUICE",
75
75
  PRE_JUICE = "PreJUICE",
76
76
  FIRO = "FIRO",
77
+ ICP = "ICP",
77
78
  EUR = "EUR",
78
79
  USD = "USD",
79
80
  CHF = "CHF",
@@ -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,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,KAAK,UAAU;IACf,aAAa,iBAAiB;IAC9B,YAAY,gBAAgB;IAC5B,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,KAAK,UAAU;IACf,SAAS,aAAa;IACtB,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;AAqF3D,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,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,KAAK,UAAU;IACf,aAAa,iBAAiB;IAC9B,YAAY,gBAAgB;IAC5B,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,KAAK,UAAU;IACf,SAAS,aAAa;IACtB,IAAI,SAAS;IACb,GAAG,QAAQ;IAEX,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;AAsF3D,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"}
@@ -83,6 +83,7 @@ export var AssetIconVariant;
83
83
  AssetIconVariant["JUICE"] = "JUICE";
84
84
  AssetIconVariant["PRE_JUICE"] = "PreJUICE";
85
85
  AssetIconVariant["FIRO"] = "FIRO";
86
+ AssetIconVariant["ICP"] = "ICP";
86
87
  AssetIconVariant["EUR"] = "EUR";
87
88
  AssetIconVariant["USD"] = "USD";
88
89
  AssetIconVariant["CHF"] = "CHF";
@@ -377,6 +378,10 @@ var VARIANT_MAPS = (_b = {},
377
378
  var forceColor = _a.forceColor;
378
379
  return _jsx(DfxAssetIconFIRO, { forceColor: forceColor });
379
380
  },
381
+ _b[AssetIconVariant.ICP] = function (_a) {
382
+ var forceColor = _a.forceColor;
383
+ return _jsx(DfxAssetIconICP, { forceColor: forceColor });
384
+ },
380
385
  _b[AssetIconVariant.EUR] = function (_a) {
381
386
  var forceColor = _a.forceColor;
382
387
  return _jsx(DfxAssetIconEUR, { forceColor: forceColor });
@@ -785,6 +790,11 @@ function DfxAssetIconFIRO(_a) {
785
790
  var sizeContext = useContext(SizeContext);
786
791
  return (_jsxs("svg", __assign({ width: SIZE_MAPS[sizeContext], height: SIZE_MAPS[sizeContext], viewBox: "0 0 150 150", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("defs", { children: _jsx("style", { children: ".firo-color{fill:".concat(forceColor !== null && forceColor !== void 0 ? forceColor : '#9b1c2e', "}") }) }), _jsx("path", { d: "M0 .2h150v150H0Z", style: { fill: 'none' }, transform: "translate(0 -.2)" }), _jsx("path", { d: "M49 101.45a3.88 3.88 0 0 0 3.46-2.09l9.2-17.47H47.44a3.9 3.9 0 0 1-3.9-3.9v-7.83a3.9 3.9 0 0 1 3.9-3.9h22.49l17.47-33.1a3.94 3.94 0 0 1 3.46-2.09h29.44a62.58 62.58 0 0 0-101.7 70.42H49Z", className: "firo-color" }), _jsx("path", { d: "M100.66 46.66a3.85 3.85 0 0 0-3.45 2.14L88 66.22h14.22a3.9 3.9 0 0 1 3.89 3.9v7.83a3.9 3.9 0 0 1-3.89 3.9H79.73l-17.47 33.09a3.91 3.91 0 0 1-3.46 2.09H29.36a62.58 62.58 0 0 0 101.71-70.41h-30.41Z", className: "firo-color" })] })));
787
792
  }
793
+ function DfxAssetIconICP(_a) {
794
+ var forceColor = _a.forceColor;
795
+ var sizeContext = useContext(SizeContext);
796
+ return (_jsxs("svg", __assign({ width: SIZE_MAPS[sizeContext], height: SIZE_MAPS[sizeContext], viewBox: "0 0 500 500", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "icp_a", x1: 314.25, y1: 145.37, x2: 482.63, y2: 318.83, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.21, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#F15A24' }), _jsx("stop", { offset: 0.68, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#FBB03B' })] })), _jsxs("linearGradient", __assign({ id: "icp_b", x1: 184.81, y1: 354.67, x2: 16.43, y2: 181.21, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: 0.21, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#ED1E79' }), _jsx("stop", { offset: 0.89, stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#522785' })] }))] }), _jsx("path", { fill: "url(#icp_a)", d: "M378.3,127.2c-28,0-58.5,14.9-90.7,44.3c-15.3,13.8-28.6,28.8-38.4,40.7c0,0,15.7,17.7,32.9,36.6 c9.3-11.5,22.7-27.1,38.2-41.1c28.6-26.2,47.3-31.5,58.1-31.5c40.3,0,72.9,33,72.9,73.9c0,40.5-32.6,73.5-72.9,73.9 c-1.9,0-4.2-0.2-7-0.9c11.7,5.3,24.4,9.2,36.2,9.2c73.8,0,88.2-49.9,89-53.5c2.1-9.2,3.4-18.7,3.4-28.6 C499.8,182.4,445.3,127.2,378.3,127.2z" }), _jsx("path", { fill: "url(#icp_b)", d: "M120.8,372.8c28,0,58.5-14.9,90.7-44.3 c15.3-13.8,28.6-28.8,38.4-40.7c0,0-15.7-17.7-32.9-36.6c-9.3,11.5-22.7,27.1-38.2,41.1c-28.6,26-47.5,31.5-58.1,31.5 c-40.3,0-72.9-33-72.9-73.9c0-40.5,32.6-73.5,72.9-73.9c1.9,0,4.2,0.2,7,0.9c-11.7-5.3-24.4-9.2-36.2-9.2c-73.8,0-88.2,49.9-89,53.5 c-2.1,9.2-3.4,18.7-3.4,28.6C-0.9,317.6,53.6,372.8,120.8,372.8z" }), _jsx("path", { fill: forceColor !== null && forceColor !== void 0 ? forceColor : '#29ABE2', d: "M176.9,208.8c-8.1-7.7-47.5-39-85.2-40.1c-67.2-1.7-87,46.2-88.7,52.4c12.9-53.7,60.9-93.7,118-93.9 c46.5,0,93.5,44.7,128.3,85c0.1-0.1,0.1-0.1,0.2-0.2c0,0,15.7,17.7,32.9,36.6c0,0,19.5,22.6,40.3,42.4c8.1,7.7,47.3,38.6,85,39.6 c69.1,1.9,88.2-48.6,89.2-52.4c-12.7,53.9-60.8,94.2-118.1,94.4c-46.5,0-93.6-44.7-128.5-85c-0.1,0.1-0.1,0.2-0.2,0.2 c0,0-15.7-17.7-32.9-36.6C217.1,251.2,197.6,228.6,176.9,208.8z" })] })));
797
+ }
788
798
  function DfxAssetIconEUR(_a) {
789
799
  var forceColor = _a.forceColor;
790
800
  var sizeContext = useContext(SizeContext);