@bosonprotocol/react-kit 0.33.0-alpha.4 → 0.33.0-alpha.5
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.
- package/dist/cjs/components/ui/CardCTA.d.ts +21 -0
- package/dist/cjs/components/ui/CardCTA.d.ts.map +1 -0
- package/dist/cjs/components/ui/CardCTA.js +77 -0
- package/dist/cjs/components/ui/CardCTA.js.map +1 -0
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/ui/CardCTA.d.ts +21 -0
- package/dist/esm/components/ui/CardCTA.d.ts.map +1 -0
- package/dist/esm/components/ui/CardCTA.js +35 -0
- package/dist/esm/components/ui/CardCTA.js.map +1 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +4 -4
- package/src/components/ui/CardCTA.tsx +77 -0
- package/src/index.tsx +1 -0
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React, { ReactElement } from "react";
|
|
2
|
+
import { CSSProperties } from "styled-components";
|
|
3
|
+
import { GridProps } from "./Grid";
|
|
4
|
+
import { TypographyProps } from "./Typography";
|
|
5
|
+
export type CardCTAProps = GridProps & {
|
|
6
|
+
title: string;
|
|
7
|
+
text: string;
|
|
8
|
+
icon: ReactElement;
|
|
9
|
+
cta: ReactElement;
|
|
10
|
+
titleProps?: TypographyProps;
|
|
11
|
+
textProps?: TypographyProps;
|
|
12
|
+
theme: {
|
|
13
|
+
background: CSSProperties["background"];
|
|
14
|
+
color: CSSProperties["color"];
|
|
15
|
+
padding: CSSProperties["padding"];
|
|
16
|
+
border: CSSProperties["border"];
|
|
17
|
+
borderRadius: CSSProperties["borderRadius"];
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
export declare const CardCTA: React.FC<CardCTAProps>;
|
|
21
|
+
//# sourceMappingURL=CardCTA.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardCTA.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/CardCTA.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,YAAY,CAAC;IACnB,GAAG,EAAE,YAAY,CAAC;IAClB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE;QACL,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACxC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9B,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;KAC7C,CAAC;CACH,CAAC;AAyBF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgC1C,CAAC"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
36
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
39
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
+
exports.CardCTA = void 0;
|
|
41
|
+
const react_1 = __importDefault(require("react"));
|
|
42
|
+
const styled_components_1 = __importStar(require("styled-components"));
|
|
43
|
+
const Grid_1 = require("./Grid");
|
|
44
|
+
const Typography_1 = require("./Typography");
|
|
45
|
+
const StyledGrid = (0, styled_components_1.default)(Grid_1.Grid) `
|
|
46
|
+
${(props) => {
|
|
47
|
+
return (0, styled_components_1.css) `
|
|
48
|
+
background: ${props.theme.background};
|
|
49
|
+
color: ${props.theme.color};
|
|
50
|
+
padding: ${props.theme.padding};
|
|
51
|
+
border: ${props.theme.border};
|
|
52
|
+
border-radius: ${props.theme.borderRadius};
|
|
53
|
+
`;
|
|
54
|
+
}}
|
|
55
|
+
`;
|
|
56
|
+
const IconContainer = (0, styled_components_1.default)(Grid_1.Grid) `
|
|
57
|
+
top: 0.5rem;
|
|
58
|
+
right: 0;
|
|
59
|
+
margin-bottom: 1rem;
|
|
60
|
+
svg {
|
|
61
|
+
> * {
|
|
62
|
+
stroke-width: 14px;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
`;
|
|
66
|
+
const CardCTA = (_a) => {
|
|
67
|
+
var { title, text, icon, cta, theme, titleProps, textProps } = _a, rest = __rest(_a, ["title", "text", "icon", "cta", "theme", "titleProps", "textProps"]);
|
|
68
|
+
return (react_1.default.createElement(StyledGrid, Object.assign({ flexDirection: "column", alignItems: "flex-start", padding: "1.5rem", theme: theme }, rest),
|
|
69
|
+
react_1.default.createElement(react_1.default.Fragment, null,
|
|
70
|
+
react_1.default.createElement("div", null,
|
|
71
|
+
react_1.default.createElement(IconContainer, null, icon),
|
|
72
|
+
react_1.default.createElement(Typography_1.Typography, Object.assign({ fontWeight: "600", fontSize: "1.25rem" }, titleProps), title)),
|
|
73
|
+
react_1.default.createElement(Typography_1.Typography, Object.assign({ tag: "p" }, textProps), text),
|
|
74
|
+
cta)));
|
|
75
|
+
};
|
|
76
|
+
exports.CardCTA = CardCTA;
|
|
77
|
+
//# sourceMappingURL=CardCTA.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardCTA.js","sourceRoot":"","sources":["../../../../src/components/ui/CardCTA.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA4C;AAC5C,uEAA+D;AAC/D,iCAAyC;AACzC,6CAA2D;AAkB3D,MAAM,UAAU,GAAG,IAAA,2BAAM,EAAC,WAAI,CAAC,CAAkC;IAC7D,CAAC,KAAK,EAAE,EAAE;IACV,OAAO,IAAA,uBAAG,EAAA;oBACM,KAAK,CAAC,KAAK,CAAC,UAAU;eAC3B,KAAK,CAAC,KAAK,CAAC,KAAK;iBACf,KAAK,CAAC,KAAK,CAAC,OAAO;gBACpB,KAAK,CAAC,KAAK,CAAC,MAAM;uBACX,KAAK,CAAC,KAAK,CAAC,YAAY;KAC1C,CAAC;AACJ,CAAC;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,2BAAM,EAAC,WAAI,CAAC,CAAA;;;;;;;;;CASjC,CAAC;AAEK,MAAM,OAAO,GAA2B,CAAC,EAS/C,EAAE,EAAE;QAT2C,EAC9C,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,KAAK,EACL,UAAU,EACV,SAAS,OAEV,EADI,IAAI,cARuC,oEAS/C,CADQ;IAEP,OAAO,CACL,8BAAC,UAAU,kBACT,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,YAAY,EACvB,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,KAAK,IACR,IAAI;QAER;YACE;gBACE,8BAAC,aAAa,QAAE,IAAI,CAAiB;gBACrC,8BAAC,uBAAU,kBAAC,UAAU,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,IAAK,UAAU,GAC3D,KAAK,CACK,CACT;YACN,8BAAC,uBAAU,kBAAC,GAAG,EAAC,GAAG,IAAK,SAAS,GAC9B,IAAI,CACM;YACZ,GAAG,CACH,CACQ,CACd,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,OAAO,WAgClB"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -63,6 +63,7 @@ export * from "./components/ui/Grid";
|
|
|
63
63
|
export * from "./components/ui/GridContainer";
|
|
64
64
|
export * from "./components/ui/Typography";
|
|
65
65
|
export * from "./components/ui/MuteButton";
|
|
66
|
+
export * from "./components/ui/CardCTA";
|
|
66
67
|
export * from "./components/form";
|
|
67
68
|
export * from "./lib/magicLink/logout";
|
|
68
69
|
export * from "./lib/magicLink/provider";
|
package/dist/cjs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -100,6 +100,7 @@ __exportStar(require("./components/ui/Grid"), exports);
|
|
|
100
100
|
__exportStar(require("./components/ui/GridContainer"), exports);
|
|
101
101
|
__exportStar(require("./components/ui/Typography"), exports);
|
|
102
102
|
__exportStar(require("./components/ui/MuteButton"), exports);
|
|
103
|
+
__exportStar(require("./components/ui/CardCTA"), exports);
|
|
103
104
|
__exportStar(require("./components/form"), exports);
|
|
104
105
|
__exportStar(require("./lib/magicLink/logout"), exports);
|
|
105
106
|
__exportStar(require("./lib/magicLink/provider"), exports);
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsD;AAA7C,uGAAA,aAAa,OAAA;AACtB,0DAAwC;AACxC,4DAA0C;AAC1C,8DAA4C;AAC5C,6DAIsC;AAHpC,6HAAA,OAAO,OAAgB;AAEvB,iHAAA,iBAAiB,OAAA;AAEnB,yDAAuC;AACvC,6DAA2C;AAC3C,iEAA+C;AAC/C,kEAAgD;AAChD,8DAA4C;AAC5C,kEAAgD;AAChD,wEAAsD;AACtD,oEAAkD;AAClD,qEAAmD;AACnD,gFAA8D;AAC9D,yEAAuD;AACvD,2EAAyD;AACzD,yEAAuD;AACvD,yEAAuD;AACvD,yEAAuD;AACvD,sEAAoD;AACpD,oEAAkD;AAClD,yEAAuD;AACvD,2EAAyD;AACzD,4EAA0D;AAC1D,6EAA2D;AAC3D,gFAA8D;AAC9D,+EAA6D;AAC7D,yEAAuD;AACvD,2DAAyC;AACzC,kEAAgD;AAChD,uEAAqD;AACrD,iEAA+C;AAC/C,4EAA0D;AAC1D,gFAA8D;AAC9D,uDAA6D;AAApD,uGAAA,aAAa,OAAA;AACtB,mEAAiD;AACjD,+DAA6C;AAC7C,8EAA4D;AAC5D,gFAA8D;AAC9D,gFAA8D;AAC9D,sFAAoE;AACpE,+EAA6D;AAC7D,iFAA+D;AAC/D,+EAA6D;AAC7D,+EAA6D;AAC7D,yFAAuE;AACvE,mEAA6E;AAApE,+HAAA,OAAO,OAAiB;AACjC,6DAA2C;AAC3C,iDAAiC;AACjC,0CAAwB;AACxB,+DAA6C;AAC7C,sEAAoD;AACpD,uEAAqD;AACrD,qEAAmD;AACnD,yHAAuG;AACvG,oGAAkF;AAClF,kGAAgF;AAChF,sGAAoF;AACpF,2GAAyF;AACzF,6GAA2F;AAC3F,uDAAqC;AACrC,gEAA8C;AAC9C,6DAA2C;AAC3C,6DAA2C;AAC3C,oDAAkC;AAClC,yDAAuC;AACvC,2DAAyC;AACzC,uDAAqC;AACrC,4DAA0C;AAC1C,gEAA8C;AAC9C,sDAAoC;AACpC,qDAAmC;AACnC,qDAAmC;AACnC,8EAA4D;AAC5D,wEAAsD;AACtD,0EAAwD;AACxD,2EAAyD;AACzD,6DAA2C;AAC3C,kEAAgD;AAChD,iEAA+C;AAC/C,+DAA6C;AAC7C,iEAA+C;AAC/C,kDAAgC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsD;AAA7C,uGAAA,aAAa,OAAA;AACtB,0DAAwC;AACxC,4DAA0C;AAC1C,8DAA4C;AAC5C,6DAIsC;AAHpC,6HAAA,OAAO,OAAgB;AAEvB,iHAAA,iBAAiB,OAAA;AAEnB,yDAAuC;AACvC,6DAA2C;AAC3C,iEAA+C;AAC/C,kEAAgD;AAChD,8DAA4C;AAC5C,kEAAgD;AAChD,wEAAsD;AACtD,oEAAkD;AAClD,qEAAmD;AACnD,gFAA8D;AAC9D,yEAAuD;AACvD,2EAAyD;AACzD,yEAAuD;AACvD,yEAAuD;AACvD,yEAAuD;AACvD,sEAAoD;AACpD,oEAAkD;AAClD,yEAAuD;AACvD,2EAAyD;AACzD,4EAA0D;AAC1D,6EAA2D;AAC3D,gFAA8D;AAC9D,+EAA6D;AAC7D,yEAAuD;AACvD,2DAAyC;AACzC,kEAAgD;AAChD,uEAAqD;AACrD,iEAA+C;AAC/C,4EAA0D;AAC1D,gFAA8D;AAC9D,uDAA6D;AAApD,uGAAA,aAAa,OAAA;AACtB,mEAAiD;AACjD,+DAA6C;AAC7C,8EAA4D;AAC5D,gFAA8D;AAC9D,gFAA8D;AAC9D,sFAAoE;AACpE,+EAA6D;AAC7D,iFAA+D;AAC/D,+EAA6D;AAC7D,+EAA6D;AAC7D,yFAAuE;AACvE,mEAA6E;AAApE,+HAAA,OAAO,OAAiB;AACjC,6DAA2C;AAC3C,iDAAiC;AACjC,0CAAwB;AACxB,+DAA6C;AAC7C,sEAAoD;AACpD,uEAAqD;AACrD,qEAAmD;AACnD,yHAAuG;AACvG,oGAAkF;AAClF,kGAAgF;AAChF,sGAAoF;AACpF,2GAAyF;AACzF,6GAA2F;AAC3F,uDAAqC;AACrC,gEAA8C;AAC9C,6DAA2C;AAC3C,6DAA2C;AAC3C,0DAAwC;AACxC,oDAAkC;AAClC,yDAAuC;AACvC,2DAAyC;AACzC,uDAAqC;AACrC,4DAA0C;AAC1C,gEAA8C;AAC9C,sDAAoC;AACpC,qDAAmC;AACnC,qDAAmC;AACnC,8EAA4D;AAC5D,wEAAsD;AACtD,0EAAwD;AACxD,2EAAyD;AACzD,6DAA2C;AAC3C,kEAAgD;AAChD,iEAA+C;AAC/C,+DAA6C;AAC7C,iEAA+C;AAC/C,kDAAgC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React, { ReactElement } from "react";
|
|
2
|
+
import { CSSProperties } from "styled-components";
|
|
3
|
+
import { GridProps } from "./Grid";
|
|
4
|
+
import { TypographyProps } from "./Typography";
|
|
5
|
+
export type CardCTAProps = GridProps & {
|
|
6
|
+
title: string;
|
|
7
|
+
text: string;
|
|
8
|
+
icon: ReactElement;
|
|
9
|
+
cta: ReactElement;
|
|
10
|
+
titleProps?: TypographyProps;
|
|
11
|
+
textProps?: TypographyProps;
|
|
12
|
+
theme: {
|
|
13
|
+
background: CSSProperties["background"];
|
|
14
|
+
color: CSSProperties["color"];
|
|
15
|
+
padding: CSSProperties["padding"];
|
|
16
|
+
border: CSSProperties["border"];
|
|
17
|
+
borderRadius: CSSProperties["borderRadius"];
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
export declare const CardCTA: React.FC<CardCTAProps>;
|
|
21
|
+
//# sourceMappingURL=CardCTA.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardCTA.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/CardCTA.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,YAAY,CAAC;IACnB,GAAG,EAAE,YAAY,CAAC;IAClB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE;QACL,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACxC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9B,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAClC,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;KAC7C,CAAC;CACH,CAAC;AAyBF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgC1C,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import styled, { css } from "styled-components";
|
|
3
|
+
import { Grid } from "./Grid";
|
|
4
|
+
import { Typography } from "./Typography";
|
|
5
|
+
const StyledGrid = styled(Grid) `
|
|
6
|
+
${(props) => {
|
|
7
|
+
return css `
|
|
8
|
+
background: ${props.theme.background};
|
|
9
|
+
color: ${props.theme.color};
|
|
10
|
+
padding: ${props.theme.padding};
|
|
11
|
+
border: ${props.theme.border};
|
|
12
|
+
border-radius: ${props.theme.borderRadius};
|
|
13
|
+
`;
|
|
14
|
+
}}
|
|
15
|
+
`;
|
|
16
|
+
const IconContainer = styled(Grid) `
|
|
17
|
+
top: 0.5rem;
|
|
18
|
+
right: 0;
|
|
19
|
+
margin-bottom: 1rem;
|
|
20
|
+
svg {
|
|
21
|
+
> * {
|
|
22
|
+
stroke-width: 14px;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
`;
|
|
26
|
+
export const CardCTA = ({ title, text, icon, cta, theme, titleProps, textProps, ...rest }) => {
|
|
27
|
+
return (React.createElement(StyledGrid, { flexDirection: "column", alignItems: "flex-start", padding: "1.5rem", theme: theme, ...rest },
|
|
28
|
+
React.createElement(React.Fragment, null,
|
|
29
|
+
React.createElement("div", null,
|
|
30
|
+
React.createElement(IconContainer, null, icon),
|
|
31
|
+
React.createElement(Typography, { fontWeight: "600", fontSize: "1.25rem", ...titleProps }, title)),
|
|
32
|
+
React.createElement(Typography, { tag: "p", ...textProps }, text),
|
|
33
|
+
cta)));
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=CardCTA.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardCTA.js","sourceRoot":"","sources":["../../../../src/components/ui/CardCTA.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,MAAM,EAAE,EAAiB,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAkB3D,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAkC;IAC7D,CAAC,KAAK,EAAE,EAAE;IACV,OAAO,GAAG,CAAA;oBACM,KAAK,CAAC,KAAK,CAAC,UAAU;eAC3B,KAAK,CAAC,KAAK,CAAC,KAAK;iBACf,KAAK,CAAC,KAAK,CAAC,OAAO;gBACpB,KAAK,CAAC,KAAK,CAAC,MAAM;uBACX,KAAK,CAAC,KAAK,CAAC,YAAY;KAC1C,CAAC;AACJ,CAAC;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;CASjC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,KAAK,EACL,UAAU,EACV,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,UAAU,IACT,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,YAAY,EACvB,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,KAAK,KACR,IAAI;QAER;YACE;gBACE,oBAAC,aAAa,QAAE,IAAI,CAAiB;gBACrC,oBAAC,UAAU,IAAC,UAAU,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,KAAK,UAAU,IAC3D,KAAK,CACK,CACT;YACN,oBAAC,UAAU,IAAC,GAAG,EAAC,GAAG,KAAK,SAAS,IAC9B,IAAI,CACM;YACZ,GAAG,CACH,CACQ,CACd,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -63,6 +63,7 @@ export * from "./components/ui/Grid";
|
|
|
63
63
|
export * from "./components/ui/GridContainer";
|
|
64
64
|
export * from "./components/ui/Typography";
|
|
65
65
|
export * from "./components/ui/MuteButton";
|
|
66
|
+
export * from "./components/ui/CardCTA";
|
|
66
67
|
export * from "./components/form";
|
|
67
68
|
export * from "./lib/magicLink/logout";
|
|
68
69
|
export * from "./lib/magicLink/provider";
|
package/dist/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/index.js
CHANGED
|
@@ -63,6 +63,7 @@ export * from "./components/ui/Grid";
|
|
|
63
63
|
export * from "./components/ui/GridContainer";
|
|
64
64
|
export * from "./components/ui/Typography";
|
|
65
65
|
export * from "./components/ui/MuteButton";
|
|
66
|
+
export * from "./components/ui/CardCTA";
|
|
66
67
|
export * from "./components/form";
|
|
67
68
|
export * from "./lib/magicLink/logout";
|
|
68
69
|
export * from "./lib/magicLink/provider";
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EACL,OAAO,IAAI,YAAY,EAEvB,iBAAiB,EAClB,MAAM,8BAA8B,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wCAAwC,CAAC;AACvD,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,cAAc,4BAA4B,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wFAAwF,CAAC;AACvG,cAAc,mEAAmE,CAAC;AAClF,cAAc,iEAAiE,CAAC;AAChF,cAAc,qEAAqE,CAAC;AACpF,cAAc,0EAA0E,CAAC;AACzF,cAAc,4EAA4E,CAAC;AAC3F,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,0CAA0C,CAAC;AACzD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bosonprotocol/react-kit",
|
|
3
3
|
"description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
|
|
4
|
-
"version": "0.33.0-alpha.
|
|
4
|
+
"version": "0.33.0-alpha.5",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
7
7
|
"types": "./dist/cjs/index.d.ts",
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
"license": "Apache-2.0",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
|
|
18
|
-
"@bosonprotocol/core-sdk": "^1.40.5-alpha.
|
|
19
|
-
"@bosonprotocol/ethers-sdk": "^1.14.5-alpha.
|
|
18
|
+
"@bosonprotocol/core-sdk": "^1.40.5-alpha.4",
|
|
19
|
+
"@bosonprotocol/ethers-sdk": "^1.14.5-alpha.4",
|
|
20
20
|
"@bosonprotocol/ipfs-storage": "^1.11.3",
|
|
21
21
|
"@davatar/react": "1.11.1",
|
|
22
22
|
"@ethersproject/units": "5.6.0",
|
|
@@ -188,5 +188,5 @@
|
|
|
188
188
|
"overrides": {
|
|
189
189
|
"typescript": "^5.1.6"
|
|
190
190
|
},
|
|
191
|
-
"gitHead": "
|
|
191
|
+
"gitHead": "defb28bb89e242432f8eacbb779c662617e677b0"
|
|
192
192
|
}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import React, { ReactElement } from "react";
|
|
2
|
+
import styled, { CSSProperties, css } from "styled-components";
|
|
3
|
+
import { Grid, GridProps } from "./Grid";
|
|
4
|
+
import { Typography, TypographyProps } from "./Typography";
|
|
5
|
+
|
|
6
|
+
export type CardCTAProps = GridProps & {
|
|
7
|
+
title: string;
|
|
8
|
+
text: string;
|
|
9
|
+
icon: ReactElement;
|
|
10
|
+
cta: ReactElement;
|
|
11
|
+
titleProps?: TypographyProps;
|
|
12
|
+
textProps?: TypographyProps;
|
|
13
|
+
theme: {
|
|
14
|
+
background: CSSProperties["background"];
|
|
15
|
+
color: CSSProperties["color"];
|
|
16
|
+
padding: CSSProperties["padding"];
|
|
17
|
+
border: CSSProperties["border"];
|
|
18
|
+
borderRadius: CSSProperties["borderRadius"];
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
const StyledGrid = styled(Grid)<{ theme: CardCTAProps["theme"] }>`
|
|
23
|
+
${(props) => {
|
|
24
|
+
return css`
|
|
25
|
+
background: ${props.theme.background};
|
|
26
|
+
color: ${props.theme.color};
|
|
27
|
+
padding: ${props.theme.padding};
|
|
28
|
+
border: ${props.theme.border};
|
|
29
|
+
border-radius: ${props.theme.borderRadius};
|
|
30
|
+
`;
|
|
31
|
+
}}
|
|
32
|
+
`;
|
|
33
|
+
|
|
34
|
+
const IconContainer = styled(Grid)`
|
|
35
|
+
top: 0.5rem;
|
|
36
|
+
right: 0;
|
|
37
|
+
margin-bottom: 1rem;
|
|
38
|
+
svg {
|
|
39
|
+
> * {
|
|
40
|
+
stroke-width: 14px;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
`;
|
|
44
|
+
|
|
45
|
+
export const CardCTA: React.FC<CardCTAProps> = ({
|
|
46
|
+
title,
|
|
47
|
+
text,
|
|
48
|
+
icon,
|
|
49
|
+
cta,
|
|
50
|
+
theme,
|
|
51
|
+
titleProps,
|
|
52
|
+
textProps,
|
|
53
|
+
...rest
|
|
54
|
+
}) => {
|
|
55
|
+
return (
|
|
56
|
+
<StyledGrid
|
|
57
|
+
flexDirection="column"
|
|
58
|
+
alignItems="flex-start"
|
|
59
|
+
padding="1.5rem"
|
|
60
|
+
theme={theme}
|
|
61
|
+
{...rest}
|
|
62
|
+
>
|
|
63
|
+
<>
|
|
64
|
+
<div>
|
|
65
|
+
<IconContainer>{icon}</IconContainer>
|
|
66
|
+
<Typography fontWeight="600" fontSize="1.25rem" {...titleProps}>
|
|
67
|
+
{title}
|
|
68
|
+
</Typography>
|
|
69
|
+
</div>
|
|
70
|
+
<Typography tag="p" {...textProps}>
|
|
71
|
+
{text}
|
|
72
|
+
</Typography>
|
|
73
|
+
{cta}
|
|
74
|
+
</>
|
|
75
|
+
</StyledGrid>
|
|
76
|
+
);
|
|
77
|
+
};
|
package/src/index.tsx
CHANGED
|
@@ -67,6 +67,7 @@ export * from "./components/ui/Grid";
|
|
|
67
67
|
export * from "./components/ui/GridContainer";
|
|
68
68
|
export * from "./components/ui/Typography";
|
|
69
69
|
export * from "./components/ui/MuteButton";
|
|
70
|
+
export * from "./components/ui/CardCTA";
|
|
70
71
|
export * from "./components/form";
|
|
71
72
|
export * from "./lib/magicLink/logout";
|
|
72
73
|
export * from "./lib/magicLink/provider";
|