@xyo-network/react-shared 2.28.11 → 2.29.0-rc.3
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/TokenSummary/TokenSummary.d.ts.map +1 -1
- package/dist/cjs/components/TokenSummary/TokenSummary.js +3 -4
- package/dist/cjs/components/TokenSummary/TokenSummary.js.map +1 -1
- package/dist/cjs/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.d.ts +4 -0
- package/dist/cjs/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.d.ts.map +1 -0
- package/dist/cjs/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.js +13 -0
- package/dist/cjs/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.js.map +1 -0
- package/dist/cjs/components/XyoThemeTokenAvatar/index.d.ts +2 -0
- package/dist/cjs/components/XyoThemeTokenAvatar/index.d.ts.map +1 -0
- package/dist/cjs/components/XyoThemeTokenAvatar/index.js +5 -0
- package/dist/cjs/components/XyoThemeTokenAvatar/index.js.map +1 -0
- package/dist/cjs/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.d.ts +7 -0
- package/dist/cjs/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.d.ts.map +1 -0
- package/dist/cjs/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.js +13 -0
- package/dist/cjs/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.js.map +1 -0
- package/dist/cjs/components/XyoThemeTokenAvatarGroup/index.d.ts +2 -0
- package/dist/cjs/components/XyoThemeTokenAvatarGroup/index.d.ts.map +1 -0
- package/dist/cjs/components/XyoThemeTokenAvatarGroup/index.js +5 -0
- package/dist/cjs/components/XyoThemeTokenAvatarGroup/index.js.map +1 -0
- package/dist/cjs/components/index.d.ts +2 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +2 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/docs.json +752 -523
- package/dist/esm/components/TokenSummary/TokenSummary.d.ts.map +1 -1
- package/dist/esm/components/TokenSummary/TokenSummary.js +4 -13
- package/dist/esm/components/TokenSummary/TokenSummary.js.map +1 -1
- package/dist/esm/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.d.ts +4 -0
- package/dist/esm/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.d.ts.map +1 -0
- package/dist/esm/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.js +7 -0
- package/dist/esm/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.js.map +1 -0
- package/dist/esm/components/XyoThemeTokenAvatar/index.d.ts +2 -0
- package/dist/esm/components/XyoThemeTokenAvatar/index.d.ts.map +1 -0
- package/dist/esm/components/XyoThemeTokenAvatar/index.js +2 -0
- package/dist/esm/components/XyoThemeTokenAvatar/index.js.map +1 -0
- package/dist/esm/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.d.ts +7 -0
- package/dist/esm/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.d.ts.map +1 -0
- package/dist/esm/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.js +7 -0
- package/dist/esm/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.js.map +1 -0
- package/dist/esm/components/XyoThemeTokenAvatarGroup/index.d.ts +2 -0
- package/dist/esm/components/XyoThemeTokenAvatarGroup/index.d.ts.map +1 -0
- package/dist/esm/components/XyoThemeTokenAvatarGroup/index.js +2 -0
- package/dist/esm/components/XyoThemeTokenAvatarGroup/index.js.map +1 -0
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/package.json +8 -7
- package/src/components/TokenSummary/TokenSummary.tsx +5 -13
- package/src/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.stories.tsx +29 -0
- package/src/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.tsx +6 -0
- package/src/components/XyoThemeTokenAvatar/index.ts +1 -0
- package/src/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.stories.tsx +42 -0
- package/src/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.tsx +17 -0
- package/src/components/XyoThemeTokenAvatarGroup/index.ts +1 -0
- package/src/components/index.ts +2 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"TokenSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAc,eAAe,EAAc,MAAM,eAAe,CAAA;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAepD,CAAA"}
|
|
@@ -4,11 +4,10 @@ exports.TokenSummary = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
|
+
const XyoThemeTokenAvatar_1 = require("../XyoThemeTokenAvatar");
|
|
7
8
|
const TokenSummary = (_a) => {
|
|
8
|
-
var {
|
|
9
|
-
|
|
10
|
-
const avatarProps = Object.assign(Object.assign({}, imgBgProps), { sx: Object.assign({ background: theme.palette.common.white, height: '40px', padding: theme.spacing(0.25) }, imgBgProps.sx) });
|
|
11
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.CardHeader, Object.assign({ avatar: (0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({ src: icon, alt: symbol }, avatarProps)), title: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h6", fontWeight: 300, textTransform: "uppercase" }, { children: symbolElement !== null && symbolElement !== void 0 ? symbolElement : symbol })) }, props)), children] }));
|
|
9
|
+
var { icon, symbol, symbolElement, children } = _a, props = tslib_1.__rest(_a, ["icon", "symbol", "symbolElement", "children"]);
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.CardHeader, Object.assign({ avatar: (0, jsx_runtime_1.jsx)(XyoThemeTokenAvatar_1.XyoThemeTokenAvatar, { src: icon, alt: symbol }), title: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h6", fontWeight: 300, textTransform: "uppercase" }, { children: symbolElement !== null && symbolElement !== void 0 ? symbolElement : symbol })) }, props)), children] }));
|
|
12
11
|
};
|
|
13
12
|
exports.TokenSummary = TokenSummary;
|
|
14
13
|
//# sourceMappingURL=TokenSummary.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenSummary.js","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"TokenSummary.js","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoF;AAGpF,gEAA4D;AASrD,MAAM,YAAY,GAAgC,CAAC,EAAmD,EAAE,EAAE;QAAvD,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAAjD,+CAAmD,CAAF;IACzG,OAAO,CACL,6DACE,uBAAC,qBAAU,kBACT,MAAM,EAAE,uBAAC,yCAAmB,IAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,GAAI,EACvD,KAAK,EACH,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAC,WAAW,gBAChE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,MAAM,IACb,IAEX,KAAK,EACT,EACD,QAAQ,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,YAAY,gBAexB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"XyoThemeTokenAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE7D,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAGrD,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.XyoThemeTokenAvatar = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
const XyoThemeTokenAvatar = (_a) => {
|
|
8
|
+
var props = tslib_1.__rest(_a, []);
|
|
9
|
+
const theme = (0, material_1.useTheme)();
|
|
10
|
+
return (0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({ sx: { background: theme.palette.common.white } }, props));
|
|
11
|
+
};
|
|
12
|
+
exports.XyoThemeTokenAvatar = XyoThemeTokenAvatar;
|
|
13
|
+
//# sourceMappingURL=XyoThemeTokenAvatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"XyoThemeTokenAvatar.js","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatar/XyoThemeTokenAvatar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAEtD,MAAM,mBAAmB,GAA0B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,sBAAV,EAAY,CAAF;IACnE,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,OAAO,uBAAC,iBAAM,kBAAC,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAM,KAAK,EAAI,CAAA;AAC9E,CAAC,CAAA;AAHY,QAAA,mBAAmB,uBAG/B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatar/index.ts"],"names":[],"mappings":";;;AAAA,gEAAqC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { AvatarGroupProps } from '@mui/material';
|
|
3
|
+
export interface XyoThemeTokenAvatarGroupProps extends AvatarGroupProps {
|
|
4
|
+
images?: string[];
|
|
5
|
+
}
|
|
6
|
+
export declare const XyoThemeTokenAvatarGroup: React.FC<XyoThemeTokenAvatarGroupProps>;
|
|
7
|
+
//# sourceMappingURL=XyoThemeTokenAvatarGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"XyoThemeTokenAvatarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAI7D,MAAM,WAAW,6BAA8B,SAAQ,gBAAgB;IACrE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAQ5E,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.XyoThemeTokenAvatarGroup = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
7
|
+
const XyoThemeTokenAvatar_1 = require("../XyoThemeTokenAvatar");
|
|
8
|
+
const XyoThemeTokenAvatarGroup = (_a) => {
|
|
9
|
+
var { images } = _a, props = tslib_1.__rest(_a, ["images"]);
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(material_1.AvatarGroup, Object.assign({}, props, { children: images === null || images === void 0 ? void 0 : images.map((image, index) => ((0, jsx_runtime_1.jsx)(XyoThemeTokenAvatar_1.XyoThemeTokenAvatar, { src: image }, index))) })));
|
|
11
|
+
};
|
|
12
|
+
exports.XyoThemeTokenAvatarGroup = XyoThemeTokenAvatarGroup;
|
|
13
|
+
//# sourceMappingURL=XyoThemeTokenAvatarGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"XyoThemeTokenAvatarGroup.js","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatarGroup/XyoThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAE7D,gEAA4D;AAMrD,MAAM,wBAAwB,GAA4C,CAAC,EAAoB,EAAE,EAAE;QAAxB,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAlB,UAAoB,CAAF;IAClG,OAAO,CACL,uBAAC,sBAAW,oBAAK,KAAK,cACnB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,uBAAC,yCAAmB,IAAa,GAAG,EAAE,KAAK,IAAjB,KAAK,CAAgB,CAChD,CAAC,IACU,CACf,CAAA;AACH,CAAC,CAAA;AARY,QAAA,wBAAwB,4BAQpC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatarGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/XyoThemeTokenAvatarGroup/index.ts"],"names":[],"mappings":";;;AAAA,qEAA0C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA"}
|
|
@@ -16,4 +16,6 @@ tslib_1.__exportStar(require("./TokenBar"), exports);
|
|
|
16
16
|
tslib_1.__exportStar(require("./TokenData"), exports);
|
|
17
17
|
tslib_1.__exportStar(require("./TokenSummary"), exports);
|
|
18
18
|
tslib_1.__exportStar(require("./TypographyEx"), exports);
|
|
19
|
+
tslib_1.__exportStar(require("./XyoThemeTokenAvatar"), exports);
|
|
20
|
+
tslib_1.__exportStar(require("./XyoThemeTokenAvatarGroup"), exports);
|
|
19
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B;AAC3B,0DAA+B;AAC/B,sDAA2B;AAC3B,yDAA8B;AAC9B,6DAAkC;AAClC,6DAAkC;AAClC,iDAAsB;AACtB,6DAAkC;AAClC,4DAAiC;AACjC,8DAAmC;AACnC,sDAA2B;AAC3B,qDAA0B;AAC1B,sDAA2B;AAC3B,yDAA8B;AAC9B,yDAA8B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B;AAC3B,0DAA+B;AAC/B,sDAA2B;AAC3B,yDAA8B;AAC9B,6DAAkC;AAClC,6DAAkC;AAClC,iDAAsB;AACtB,6DAAkC;AAClC,4DAAiC;AACjC,8DAAmC;AACnC,sDAA2B;AAC3B,qDAA0B;AAC1B,sDAA2B;AAC3B,yDAA8B;AAC9B,yDAA8B;AAC9B,gEAAqC;AACrC,qEAA0C"}
|