@xyo-network/react-shared 2.27.7 → 2.27.10
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/TokenBar/TokenBar.js +1 -1
- package/dist/cjs/components/TokenBar/TokenBar.js.map +1 -1
- package/dist/cjs/components/TokenSummary/TokenSummary.d.ts +1 -0
- package/dist/cjs/components/TokenSummary/TokenSummary.d.ts.map +1 -1
- package/dist/cjs/components/TokenSummary/TokenSummary.js +2 -2
- package/dist/cjs/components/TokenSummary/TokenSummary.js.map +1 -1
- package/dist/docs.json +1449 -1427
- package/dist/esm/components/TokenBar/TokenBar.js +1 -1
- package/dist/esm/components/TokenBar/TokenBar.js.map +1 -1
- package/dist/esm/components/TokenSummary/TokenSummary.d.ts +1 -0
- package/dist/esm/components/TokenSummary/TokenSummary.d.ts.map +1 -1
- package/dist/esm/components/TokenSummary/TokenSummary.js +2 -2
- package/dist/esm/components/TokenSummary/TokenSummary.js.map +1 -1
- package/package.json +8 -14
- package/src/components/TokenBar/TokenBar.tsx +1 -1
- package/src/components/TokenSummary/TokenSummary.tsx +11 -3
|
@@ -7,7 +7,7 @@ const material_1 = require("@mui/material");
|
|
|
7
7
|
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
8
|
const TokenBar = (_a) => {
|
|
9
9
|
var { text1, text2 } = _a, props = tslib_1.__rest(_a, ["text1", "text2"]);
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ elevation: 0 }, props, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", fontWeight: 300, margin: 1 }, { children: text1 })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", fontWeight: 300, textTransform: "uppercase", color: "gray", margin: 1 }, { children: text2 }))] })) })));
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ elevation: 0, className: "TokenBar-root" }, props, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", fontWeight: 300, margin: 1 }, { children: text1 })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", fontWeight: 300, textTransform: "uppercase", color: "gray", margin: 1 }, { children: text2 }))] })) })));
|
|
11
11
|
};
|
|
12
12
|
exports.TokenBar = TokenBar;
|
|
13
13
|
//# sourceMappingURL=TokenBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenBar.js","sourceRoot":"","sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAC7D,yDAA+C;AAMxC,MAAM,QAAQ,GAA4B,CAAC,EAA0B,EAAE,EAAE;QAA9B,EAAE,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAxB,kBAA0B,CAAF;IACxE,OAAO,CACL,uBAAC,gBAAK,kBAAC,SAAS,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"TokenBar.js","sourceRoot":"","sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAC7D,yDAA+C;AAMxC,MAAM,QAAQ,GAA4B,CAAC,EAA0B,EAAE,EAAE;QAA9B,EAAE,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAxB,kBAA0B,CAAF;IACxE,OAAO,CACL,uBAAC,gBAAK,kBAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAC,eAAe,IAAK,KAAK,cACtD,wBAAC,uBAAO,kBAAC,cAAc,EAAC,eAAe,iBACrC,uBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,gBACnD,KAAK,IACK,EACb,uBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,CAAC,gBAC1F,KAAK,IACK,KACL,IACJ,CACT,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,QAAQ,YAapB"}
|
|
@@ -3,6 +3,7 @@ import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
|
3
3
|
export interface TokenSummaryProps extends FlexBoxProps {
|
|
4
4
|
icon?: string;
|
|
5
5
|
symbol?: string;
|
|
6
|
+
imgBgColor?: string;
|
|
6
7
|
}
|
|
7
8
|
export declare const TokenSummary: React.FC<TokenSummaryProps>;
|
|
8
9
|
//# sourceMappingURL=TokenSummary.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAEtE,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"TokenSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAEtE,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsBpD,CAAA"}
|
|
@@ -6,9 +6,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
7
|
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
8
|
const TokenSummary = (_a) => {
|
|
9
|
-
var { icon, symbol, children } = _a, props = tslib_1.__rest(_a, ["icon", "symbol", "children"]);
|
|
9
|
+
var { imgBgColor, icon, symbol, children } = _a, props = tslib_1.__rest(_a, ["imgBgColor", "icon", "symbol", "children"]);
|
|
10
10
|
const theme = (0, material_1.useTheme)();
|
|
11
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ paddingBottom: 3, width: "100%", justifyContent: "flex-start" }, props, { children: [(0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ borderRadius: "50%", padding: 1, bgcolor: theme.palette.text.primary, height: "40px", width: "40px" }, { children: (0, jsx_runtime_1.jsx)("img", { src: icon, height: "25px" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h6", fontWeight: 300, textTransform: "uppercase", paddingLeft: 1 }, { children: symbol }))] })), children] }));
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ className: "TokenSummary-root", paddingBottom: 3, width: "100%", justifyContent: "flex-start" }, props, { children: [(0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ borderRadius: "50%", padding: 1, className: "token-logo-bg", bgcolor: imgBgColor ? imgBgColor : theme.palette.text.primary, height: "40px", width: "40px" }, { children: (0, jsx_runtime_1.jsx)("img", { src: icon, height: "25px" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h6", fontWeight: 300, textTransform: "uppercase", paddingLeft: 1 }, { children: symbol }))] })), children] }));
|
|
12
12
|
};
|
|
13
13
|
exports.TokenSummary = TokenSummary;
|
|
14
14
|
//# sourceMappingURL=TokenSummary.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenSummary.js","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoD;AACpD,yDAAsE;
|
|
1
|
+
{"version":3,"file":"TokenSummary.js","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoD;AACpD,yDAAsE;AAQ/D,MAAM,YAAY,GAAgC,CAAC,EAAgD,EAAE,EAAE;QAApD,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA9C,4CAAgD,CAAF;IACtG,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,OAAO,CACL,6DACE,wBAAC,uBAAO,kBAAC,SAAS,EAAC,mBAAmB,EAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,cAAc,EAAC,YAAY,IAAK,KAAK,eACzG,uBAAC,uBAAO,kBACN,YAAY,EAAC,KAAK,EAClB,OAAO,EAAE,CAAC,EACV,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAC7D,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,gBAEZ,gCAAK,GAAG,EAAE,IAAI,EAAE,MAAM,EAAC,MAAM,GAAG,IACxB,EACV,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAC,WAAW,EAAC,WAAW,EAAE,CAAC,gBAC/E,MAAM,IACI,KACL,EACT,QAAQ,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,YAAY,gBAsBxB"}
|