@dfx.swiss/react-components 1.3.0-beta.244 → 1.3.0-beta.245

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 +3 -0
  2. package/dist/stories/DfxAssetIcon.d.ts.map +1 -1
  3. package/dist/stories/DfxAssetIcon.js +30 -0
  4. package/dist/stories/DfxAssetIcon.js.map +1 -1
  5. package/package.json +2 -2
package/dist/stories/DfxAssetIcon.d.ts CHANGED
@@ -77,6 +77,9 @@ export declare enum AssetIconVariant {
77
77
  PRE_JUICE = "PreJUICE",
78
78
  FIRO = "FIRO",
79
79
  ICP = "ICP",
80
+ ckBTC = "ckBTC",
81
+ VEUR = "VEUR",
82
+ VCHF = "VCHF",
80
83
  EUR = "EUR",
81
84
  USD = "USD",
82
85
  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,KAAK,WAAW;IAChB,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,KAAK,WAAW;IAChB,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;AAwF3D,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,KAAK,WAAW;IAChB,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,KAAK,WAAW;IAChB,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;IACX,KAAK,UAAU;IACf,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;AA2F3D,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
@@ -86,6 +86,9 @@ export var AssetIconVariant;
86
86
  AssetIconVariant["PRE_JUICE"] = "PreJUICE";
87
87
  AssetIconVariant["FIRO"] = "FIRO";
88
88
  AssetIconVariant["ICP"] = "ICP";
89
+ AssetIconVariant["ckBTC"] = "ckBTC";
90
+ AssetIconVariant["VEUR"] = "VEUR";
91
+ AssetIconVariant["VCHF"] = "VCHF";
89
92
  AssetIconVariant["EUR"] = "EUR";
90
93
  AssetIconVariant["USD"] = "USD";
91
94
  AssetIconVariant["CHF"] = "CHF";
@@ -392,6 +395,18 @@ var VARIANT_MAPS = (_b = {},
392
395
  var forceColor = _a.forceColor;
393
396
  return _jsx(DfxAssetIconICP, { forceColor: forceColor });
394
397
  },
398
+ _b[AssetIconVariant.ckBTC] = function (_a) {
399
+ var forceColor = _a.forceColor;
400
+ return _jsx(DfxAssetIconCkBTC, { forceColor: forceColor });
401
+ },
402
+ _b[AssetIconVariant.VEUR] = function (_a) {
403
+ var forceColor = _a.forceColor;
404
+ return _jsx(DfxAssetIconVEUR, { forceColor: forceColor });
405
+ },
406
+ _b[AssetIconVariant.VCHF] = function (_a) {
407
+ var forceColor = _a.forceColor;
408
+ return _jsx(DfxAssetIconVCHF, { forceColor: forceColor });
409
+ },
395
410
  _b[AssetIconVariant.EUR] = function (_a) {
396
411
  var forceColor = _a.forceColor;
397
412
  return _jsx(DfxAssetIconEUR, { forceColor: forceColor });
@@ -825,6 +840,21 @@ function DfxAssetIconGBP(_a) {
825
840
  var sizeContext = useContext(SizeContext);
826
841
  return (_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: SIZE_MAPS[sizeContext], height: SIZE_MAPS[sizeContext], viewBox: "0 0 1000 1000", fill: forceColor !== null && forceColor !== void 0 ? forceColor : '#012479' }, { children: _jsx("path", { d: "M500.496 5C223.572 5 5 229.506 5 500.002c0 276.43 224.506 495.001 495.002 495.001 276.43 0 495.001-224.506 495.001-495.001C995.003 226.539 773.464 5 500.496 5zM275.001 803.135v-73.188h60.33V511.375h-54.396c-6.923 0-5.934.99-5.934-3.956v-56.374c0-4.945-2.967-3.956 4.945-3.956h57.363c0-20.769-.99-37.582-1.978-53.406 0-7.913-.99-14.836-.99-22.748 0-35.604.99-59.34 10.88-96.923 16.813-63.297 58.352-102.858 129.56-122.638 61.32-16.813 138.463-.989 210.66 46.484 3.957 2.967 3.957 2.967-.988 8.9-4.945 5.935-20.77 29.671-43.517 52.419-2.967 2.967.99 3.956-6.923 0-33.626-19.78-68.242-34.616-107.802-33.627-102.858 2.967-98.902 57.363-98.902 217.583l4.945 3.956h161.21v58.352c0 5.934 0 5.934-4.946 5.934h-159.23c-1.979 76.154-1.979 145.385-1.979 216.594 78.132 0 157.253 0 236.375-1.978V628.08c0-6.923-.99-3.956 1.978-3.956h77.143v179.012z" }) })));
827
842
  }
843
+ function DfxAssetIconCkBTC(_a) {
844
+ var forceColor = _a.forceColor;
845
+ var sizeContext = useContext(SizeContext);
846
+ return (_jsxs("svg", __assign({ width: SIZE_MAPS[sizeContext], height: SIZE_MAPS[sizeContext], viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "16", cy: "16", r: "16", fill: forceColor !== null && forceColor !== void 0 ? forceColor : '#1B1D36' }), _jsx("circle", { cx: "16", cy: "16", r: "12.5", fill: forceColor !== null && forceColor !== void 0 ? forceColor : '#522785' }), _jsx("circle", { cx: "16", cy: "16", r: "12.5", stroke: forceColor !== null && forceColor !== void 0 ? forceColor : '#6B3FA0', strokeWidth: "1" }), _jsx("path", { d: "M19.5141 9.30328L20.3141 6.30338L18.5141 5.80339L17.8142 8.7033C17.3142 8.6033 16.8142 8.5033 16.3142 8.40331L17.0142 5.40341L15.1143 5.00342L14.4143 8.00332C14.0143 7.90332 13.6143 7.80333 13.2143 7.70333L10.7144 7.10335L10.2144 9.10328C10.2144 9.10328 11.6144 9.40327 11.5144 9.40327C12.2144 9.60327 12.4143 10.1033 12.4143 10.5032L10.3144 18.703C10.2144 18.903 10.0144 19.303 9.41444 19.103L8.11449 18.803L7.21452 20.9029L9.61444 21.5029L10.9144 21.8029L10.1144 24.8028L11.9144 25.3028L12.7143 22.3029C13.2143 22.4029 13.7143 22.6028 14.2143 22.7028L13.5143 25.7027L15.3143 26.2027L16.1142 23.2028C19.2141 23.8028 21.614 23.6028 22.614 20.7029C23.414 18.403 22.614 17.103 20.9141 16.303C22.114 16.0031 23.014 15.2031 23.214 13.6031C23.514 11.3032 21.914 10.1033 19.5141 9.30328ZM19.0141 19.4029C18.4142 21.7029 14.6143 20.4029 13.4143 20.1029L14.4143 16.1031C15.6142 16.403 19.6141 17.003 19.0141 19.4029ZM19.6141 13.5031C19.1141 15.6031 15.9142 14.5031 14.9143 14.3031L15.8142 10.6032C16.8142 10.8032 20.1141 11.3032 19.6141 13.5031Z", fill: "white" })] })));
847
+ }
848
+ function DfxAssetIconVEUR(_a) {
849
+ var forceColor = _a.forceColor;
850
+ var sizeContext = useContext(SizeContext);
851
+ return (_jsxs("svg", __assign({ width: SIZE_MAPS[sizeContext], height: SIZE_MAPS[sizeContext], viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("defs", { children: _jsxs("linearGradient", __assign({ id: "veur_bg", x1: "16", y1: "0", x2: "16", y2: "32", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#D4B44A' }), _jsx("stop", { offset: "1", stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#B8943A' })] })) }), _jsx("circle", { cx: "16", cy: "16", r: "16", fill: "url(#veur_bg)" }), _jsx("circle", { cx: "16", cy: "16", r: "14.5", stroke: forceColor !== null && forceColor !== void 0 ? forceColor : '#C9A840', strokeWidth: "0.5", fill: "none" }), _jsx("text", __assign({ x: "16", y: "15", textAnchor: "middle", dominantBaseline: "central", fill: forceColor !== null && forceColor !== void 0 ? forceColor : '#1A2744', fontFamily: "Arial, Helvetica, sans-serif", fontWeight: "bold", fontSize: "10" }, { children: "EUR" })), _jsx("text", __assign({ x: "16", y: "23", textAnchor: "middle", dominantBaseline: "central", fill: forceColor !== null && forceColor !== void 0 ? forceColor : '#1A2744', fontFamily: "Arial, Helvetica, sans-serif", fontWeight: "bold", fontSize: "5.5" }, { children: "VNX" }))] })));
852
+ }
853
+ function DfxAssetIconVCHF(_a) {
854
+ var forceColor = _a.forceColor;
855
+ var sizeContext = useContext(SizeContext);
856
+ return (_jsxs("svg", __assign({ width: SIZE_MAPS[sizeContext], height: SIZE_MAPS[sizeContext], viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("defs", { children: _jsxs("linearGradient", __assign({ id: "vchf_bg", x1: "16", y1: "0", x2: "16", y2: "32", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#D4B44A' }), _jsx("stop", { offset: "1", stopColor: forceColor !== null && forceColor !== void 0 ? forceColor : '#B8943A' })] })) }), _jsx("circle", { cx: "16", cy: "16", r: "16", fill: "url(#vchf_bg)" }), _jsx("circle", { cx: "16", cy: "16", r: "14.5", stroke: forceColor !== null && forceColor !== void 0 ? forceColor : '#C9A840', strokeWidth: "0.5", fill: "none" }), _jsx("text", __assign({ x: "16", y: "15", textAnchor: "middle", dominantBaseline: "central", fill: forceColor !== null && forceColor !== void 0 ? forceColor : '#1A2744', fontFamily: "Arial, Helvetica, sans-serif", fontWeight: "bold", fontSize: "10" }, { children: "CHF" })), _jsx("text", __assign({ x: "16", y: "23", textAnchor: "middle", dominantBaseline: "central", fill: forceColor !== null && forceColor !== void 0 ? forceColor : '#1A2744', fontFamily: "Arial, Helvetica, sans-serif", fontWeight: "bold", fontSize: "5.5" }, { children: "VNX" }))] })));
857
+ }
828
858
  function DfxAssetIconPlaceholder() {
829
859
  var sizeContext = useContext(SizeContext);
830
860
  return (_jsxs("svg", __assign({ width: SIZE_MAPS[sizeContext], height: SIZE_MAPS[sizeContext], viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#clip0_422_24)" }, { children: [_jsx("circle", { cx: "16", cy: "16", r: "16", fill: "#B8C4D8" }), _jsx("path", { d: "M19.6935 23.0748C23.7288 23.0748 27 19.8036 27 15.7684C27 11.7331 23.7288 8.46188 19.6935 8.46188C15.6583 8.46188 12.3871 11.7331 12.3871 15.7684C12.3871 19.8036 15.6583 23.0748 19.6935 23.0748Z", fill: "url(#paint0_linear_422_24)" }), _jsx("path", { d: "M13.0383 24.0767C17.4778 24.0767 21.0767 20.4778 21.0767 16.0383C21.0767 11.5989 17.4778 8 13.0383 8C8.59889 8 5 11.5989 5 16.0383C5 20.4778 8.59889 24.0767 13.0383 24.0767Z", fill: "url(#paint1_linear_422_24)" })] })), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_422_24", x1: "25.8226", y1: "12.5767", x2: "12.8376", y2: "19.2706", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: "0.104167", stopColor: "white" }), _jsx("stop", { offset: "0.520833", stopColor: "#C7D0E0" }), _jsx("stop", { offset: "1", stopColor: "#B8C4D8" })] })), _jsxs("linearGradient", __assign({ id: "paint1_linear_422_24", x1: "17.941", y1: "10.1956", x2: "7.60596", y2: "22.5088", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "white" }), _jsx("stop", { offset: "0.375", stopColor: "#F3F5F8" }), _jsx("stop", { offset: "0.682292", stopColor: "#E3E8F0" }), _jsx("stop", { offset: "1", stopColor: "#C7D1E0" })] })), _jsx("clipPath", __assign({ id: "clip0_422_24" }, { children: _jsx("rect", { width: "32", height: "32", fill: "white" }) }))] })] })));