decentraland-ui2 0.29.1 → 0.29.2-18384531726.commit-f389bac

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 (48) hide show
  1. package/dist/components/AvatarFace/AvatarFace.styled.js +18 -14
  2. package/dist/components/AvatarFace/AvatarFace.styled.js.map +1 -1
  3. package/dist/components/AvatarFace/AvatarFace.types.d.ts +3 -2
  4. package/dist/components/Blockie/Blockie.js +2 -2
  5. package/dist/components/Blockie/Blockie.js.map +1 -1
  6. package/dist/components/Blockie/Blockie.stories.d.ts +2 -1
  7. package/dist/components/Blockie/Blockie.stories.js +13 -1
  8. package/dist/components/Blockie/Blockie.stories.js.map +1 -1
  9. package/dist/components/Blockie/Blockie.styled.d.ts +1 -0
  10. package/dist/components/Blockie/Blockie.styled.js +2 -1
  11. package/dist/components/Blockie/Blockie.styled.js.map +1 -1
  12. package/dist/components/Blockie/Blockie.types.d.ts +1 -0
  13. package/dist/components/Logo/Logo.d.ts +2 -2
  14. package/dist/components/Logo/Logo.js.map +1 -1
  15. package/dist/components/Logo/Logo.styled.d.ts +4 -0
  16. package/dist/components/Logo/Logo.styled.js +11 -3
  17. package/dist/components/Logo/Logo.styled.js.map +1 -1
  18. package/dist/components/Logo/Logo.types.d.ts +4 -0
  19. package/dist/components/Logo/Logo.types.js +2 -0
  20. package/dist/components/Logo/Logo.types.js.map +1 -0
  21. package/dist/components/Profile/Profile.d.ts +4 -0
  22. package/dist/components/Profile/Profile.i18n.d.ts +3 -0
  23. package/dist/components/Profile/Profile.i18n.js +5 -0
  24. package/dist/components/Profile/Profile.i18n.js.map +1 -0
  25. package/dist/components/Profile/Profile.js +31 -0
  26. package/dist/components/Profile/Profile.js.map +1 -0
  27. package/dist/components/Profile/Profile.stories.d.ts +23 -0
  28. package/dist/components/Profile/Profile.stories.js +145 -0
  29. package/dist/components/Profile/Profile.stories.js.map +1 -0
  30. package/dist/components/Profile/Profile.stories.styled.d.ts +13 -0
  31. package/dist/components/Profile/Profile.stories.styled.js +23 -0
  32. package/dist/components/Profile/Profile.stories.styled.js.map +1 -0
  33. package/dist/components/Profile/Profile.styled.d.ts +10 -0
  34. package/dist/components/Profile/Profile.styled.js +15 -0
  35. package/dist/components/Profile/Profile.styled.js.map +1 -0
  36. package/dist/components/Profile/Profile.types.d.ts +23 -0
  37. package/dist/components/Profile/Profile.types.js +2 -0
  38. package/dist/components/Profile/Profile.types.js.map +1 -0
  39. package/dist/components/Profile/ProfileImage.d.ts +4 -0
  40. package/dist/components/Profile/ProfileImage.js +32 -0
  41. package/dist/components/Profile/ProfileImage.js.map +1 -0
  42. package/dist/components/Profile/index.d.ts +2 -0
  43. package/dist/components/Profile/index.js +3 -0
  44. package/dist/components/Profile/index.js.map +1 -0
  45. package/dist/index.d.ts +1 -0
  46. package/dist/index.js +1 -0
  47. package/dist/index.js.map +1 -1
  48. package/package.json +2 -2
@@ -15,35 +15,39 @@ const AvatarContainer = styled("div", {
15
15
  const Avatar = styled(AvatarMui)((props) => {
16
16
  const { size, theme } = props;
17
17
  const dimensions = {
18
- width: "32px",
19
- height: "32px",
18
+ width: theme.spacing(4),
19
+ height: theme.spacing(4),
20
20
  };
21
21
  if (size === "tiny") {
22
- dimensions.width = "20px";
23
- dimensions.height = "20px";
22
+ dimensions.width = theme.spacing(2.5);
23
+ dimensions.height = theme.spacing(2.5);
24
24
  }
25
25
  else if (size === "small") {
26
- dimensions.width = "32px";
27
- dimensions.height = "32px";
26
+ dimensions.width = theme.spacing(4);
27
+ dimensions.height = theme.spacing(4);
28
28
  }
29
29
  else if (size === "medium") {
30
- dimensions.width = "48px";
31
- dimensions.height = "48px";
30
+ dimensions.width = theme.spacing(6);
31
+ dimensions.height = theme.spacing(6);
32
32
  }
33
33
  else if (size === "large") {
34
- dimensions.width = "108px";
35
- dimensions.height = "108px";
34
+ dimensions.width = theme.spacing(13.5);
35
+ dimensions.height = theme.spacing(13.5);
36
+ }
37
+ else if (size === "massive") {
38
+ dimensions.width = theme.spacing(22.5);
39
+ dimensions.height = theme.spacing(22.5);
36
40
  }
37
41
  else if (size === "responsive") {
38
- dimensions.width = "93px";
39
- dimensions.height = "93px";
42
+ dimensions.width = theme.spacing(11.625); // TODO: check this sizing
43
+ dimensions.height = theme.spacing(11.625);
40
44
  }
41
45
  return {
42
46
  backgroundColor: theme.palette.secondary.light,
43
47
  ...dimensions,
44
48
  "@media (min-width: 1200px)": size === "responsive" && {
45
- width: "170px",
46
- height: "170px",
49
+ width: theme.spacing(21.25),
50
+ height: theme.spacing(21.25),
47
51
  },
48
52
  };
49
53
  });
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarFace.styled.js","sourceRoot":"","sources":["../../../src/components/AvatarFace/AvatarFace.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAGnD,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,EAAE;IACpC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAkC,CAAC,KAAK,EAAE,EAAE;IAC5C,OAAO;QACL,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QAC9C,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,QAAQ;KACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAgC,CAAC,KAAK,EAAE,EAAE;IACxE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAC7B,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf,CAAA;IAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,UAAU,CAAC,KAAK,GAAG,MAAM,CAAA;QACzB,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;IAC5B,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,UAAU,CAAC,KAAK,GAAG,MAAM,CAAA;QACzB,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;IAC5B,CAAC;SAAM,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,UAAU,CAAC,KAAK,GAAG,MAAM,CAAA;QACzB,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;IAC5B,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,UAAU,CAAC,KAAK,GAAG,OAAO,CAAA;QAC1B,UAAU,CAAC,MAAM,GAAG,OAAO,CAAA;IAC7B,CAAC;SAAM,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;QACjC,UAAU,CAAC,KAAK,GAAG,MAAM,CAAA;QACzB,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;IAC5B,CAAC;IAED,OAAO;QACL,eAAe,EAAE,KAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK;QAC/C,GAAG,UAAU;QACb,4BAA4B,EAAE,IAAI,KAAK,YAAY,IAAI;YACrD,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAChB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,CAAA"}
1
+ {"version":3,"file":"AvatarFace.styled.js","sourceRoot":"","sources":["../../../src/components/AvatarFace/AvatarFace.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAGnD,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,EAAE;IACpC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,QAAQ;CAC/C,CAAC,CAAkC,CAAC,KAAK,EAAE,EAAE;IAC5C,OAAO;QACL,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QAC9C,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,QAAQ;KACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAgC,CAAC,KAAK,EAAE,EAAE;IACxE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAC7B,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACvB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACzB,CAAA;IAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QACrC,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;IACxC,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QACnC,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IACtC,CAAC;SAAM,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QACnC,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IACtC,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACtC,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,CAAC;SAAM,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACtC,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IACzC,CAAC;SAAM,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;QACjC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA,CAAC,0BAA0B;QACnE,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IAC3C,CAAC;IAED,OAAO;QACL,eAAe,EAAE,KAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK;QAC/C,GAAG,UAAU;QACb,4BAA4B,EAAE,IAAI,KAAK,YAAY,IAAI;YACrD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YAC3B,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;SAC7B;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,CAAA"}
@@ -1,7 +1,8 @@
1
1
  import { Avatar } from "@dcl/schemas";
2
+ type AvatarFaceSize = "tiny" | "small" | "medium" | "large" | "massive" | "responsive";
2
3
  type AvatarFaceProps = {
3
4
  avatar?: Avatar;
4
- size?: "tiny" | "small" | "medium" | "large" | "responsive";
5
+ size?: AvatarFaceSize;
5
6
  inline?: boolean;
6
7
  };
7
- export type { AvatarFaceProps };
8
+ export type { AvatarFaceProps, AvatarFaceSize };
@@ -4,7 +4,7 @@ import Box from "@mui/material/Box";
4
4
  import * as blockies from "ethereum-blockies/blockies";
5
5
  import { StyledBlockieChildrenWrapper, StyledCanvas } from "./Blockie.styled";
6
6
  const Blockie = React.memo((props) => {
7
- const { seed, color = "#e449c2", spotcolor = "#e449c2", bgcolor = "#3149de", size = 6, scale = 6, children, } = props;
7
+ const { seed, color = "#e449c2", spotcolor = "#e449c2", bgcolor = "#3149de", size = 6, scale = 6, children, rounded = false, } = props;
8
8
  const canvasRef = useRef(null);
9
9
  const getOpts = useCallback(() => ({
10
10
  seed: seed ? seed.toLowerCase() : "",
@@ -26,7 +26,7 @@ const Blockie = React.memo((props) => {
26
26
  useEffect(() => {
27
27
  draw();
28
28
  }, [draw]);
29
- const canvas = _jsx(StyledCanvas, { scale: scale, size: size, ref: canvasRef });
29
+ const canvas = (_jsx(StyledCanvas, { scale: scale, size: size, ref: canvasRef, rounded: rounded }));
30
30
  return children ? (_jsxs(Box, { component: "span", children: [canvas, _jsx(StyledBlockieChildrenWrapper, { component: "span", children: children })] })) : (canvas);
31
31
  });
32
32
  export { Blockie };
@@ -1 +1 @@
1
- {"version":3,"file":"Blockie.js","sourceRoot":"","sources":["../../../src/components/Blockie/Blockie.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,GAAG,MAAM,mBAAmB,CAAA;AACnC,OAAO,KAAK,QAAQ,MAAM,4BAA4B,CAAA;AAEtD,OAAO,EAAE,4BAA4B,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE7E,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAmB,EAAE,EAAE;IACjD,MAAM,EACJ,IAAI,EACJ,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,SAAS,EACrB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,CAAC,EACR,KAAK,GAAG,CAAC,EACT,QAAQ,GACT,GAAG,KAAK,CAAA;IACT,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAEjD,MAAM,OAAO,GAAG,WAAW,CACzB,GAAmC,EAAE,CAAC,CAAC;QACrC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE;QACpC,KAAK;QACL,SAAS;QACT,OAAO;QACP,IAAI;QACJ,KAAK;KACN,CAAC,EACF,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAC/C,CAAA;IAED,MAAM,IAAI,GAAG,WAAW,CAAC,GAAS,EAAE;QAClC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAM;QAE5C,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,GAAG,EAAE,CAAC;YACR,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,CAAA;YAC/C,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;QAC/C,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,EAAE,CAAA;IACR,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,MAAM,GAAG,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,GAAI,CAAA;IAEzE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,MAAC,GAAG,IAAC,SAAS,EAAC,MAAM,aAClB,MAAM,EACP,KAAC,4BAA4B,IAAC,SAAS,EAAC,MAAM,YAC3C,QAAQ,GACoB,IAC3B,CACP,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,CAAA"}
1
+ {"version":3,"file":"Blockie.js","sourceRoot":"","sources":["../../../src/components/Blockie/Blockie.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,GAAG,MAAM,mBAAmB,CAAA;AACnC,OAAO,KAAK,QAAQ,MAAM,4BAA4B,CAAA;AAEtD,OAAO,EAAE,4BAA4B,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE7E,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAmB,EAAE,EAAE;IACjD,MAAM,EACJ,IAAI,EACJ,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,SAAS,EACrB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,CAAC,EACR,KAAK,GAAG,CAAC,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,GAChB,GAAG,KAAK,CAAA;IACT,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAEjD,MAAM,OAAO,GAAG,WAAW,CACzB,GAAmC,EAAE,CAAC,CAAC;QACrC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE;QACpC,KAAK;QACL,SAAS;QACT,OAAO;QACP,IAAI;QACJ,KAAK;KACN,CAAC,EACF,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAC/C,CAAA;IAED,MAAM,IAAI,GAAG,WAAW,CAAC,GAAS,EAAE;QAClC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAM;QAE5C,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,GAAG,EAAE,CAAC;YACR,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,CAAA;YAC/C,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;QAC/C,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,EAAE,CAAA;IACR,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,MAAM,GAAG,CACb,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7E,CAAA;IAED,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,MAAC,GAAG,IAAC,SAAS,EAAC,MAAM,aAClB,MAAM,EACP,KAAC,4BAA4B,IAAC,SAAS,EAAC,MAAM,YAC3C,QAAQ,GACoB,IAC3B,CACP,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,CAAA"}
@@ -3,7 +3,8 @@ import type { Meta, StoryObj } from "@storybook/react";
3
3
  declare const meta: Meta<BlockieProps>;
4
4
  type Story = StoryObj<BlockieProps>;
5
5
  declare const Single: Story;
6
+ declare const Rounded: Story;
6
7
  declare const Scales: Story;
7
8
  declare const InAParagraph: Story;
8
9
  export default meta;
9
- export { Single, Scales, InAParagraph };
10
+ export { Single, Rounded, Scales, InAParagraph };
@@ -32,6 +32,11 @@ const meta = {
32
32
  description: "width/height of each block in pixels",
33
33
  defaultValue: 6,
34
34
  },
35
+ rounded: {
36
+ description: "Whether the blockie should be rounded",
37
+ control: "boolean",
38
+ defaultValue: false,
39
+ },
35
40
  },
36
41
  render: (args) => _jsx(Blockie, { ...args }),
37
42
  };
@@ -41,6 +46,13 @@ const Single = {
41
46
  seed: address,
42
47
  },
43
48
  };
49
+ const Rounded = {
50
+ name: "Rounded",
51
+ args: {
52
+ seed: address,
53
+ rounded: true,
54
+ },
55
+ };
44
56
  const Scales = {
45
57
  name: "Scales",
46
58
  render: () => (_jsxs(_Fragment, { children: [_jsx(Blockie, { seed: address, scale: 2 }), _jsx(Blockie, { seed: address, scale: 3 }), _jsx(Blockie, { seed: address, scale: 5 }), _jsx(Blockie, { seed: address, scale: 8 }), _jsx(Blockie, { seed: address, scale: 13 }), _jsx(Blockie, { seed: address, scale: 21 })] })),
@@ -51,5 +63,5 @@ const InAParagraph = {
51
63
  };
52
64
  // eslint-disable-next-line import/no-default-export
53
65
  export default meta;
54
- export { Single, Scales, InAParagraph };
66
+ export { Single, Rounded, Scales, InAParagraph };
55
67
  //# sourceMappingURL=Blockie.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Blockie.stories.js","sourceRoot":"","sources":["../../../src/components/Blockie/Blockie.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI9B,MAAM,OAAO,GAAG,4CAA4C,CAAA;AAE5D,MAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,iCAAiC;SAC/C;QACD,KAAK,EAAE;YACL,WAAW,EAAE,YAAY;YACzB,YAAY,EAAE,SAAS;SACxB;QACD,SAAS,EAAE;YACT,WAAW,EACT,+DAA+D;YACjE,YAAY,EAAE,SAAS;SACxB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,kBAAkB;YAC/B,YAAY,EAAE,SAAS;SACxB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,oCAAoC;YACjD,YAAY,EAAE,CAAC;SAChB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,sCAAsC;YACnD,YAAY,EAAE,CAAC;SAChB;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,OAAO,OAAK,IAAI,GAAI;CACxC,CAAA;AAID,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;KACd;CACF,CAAA;AAED,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,8BACE,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAI,EACrC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAI,IACpC,CACJ;CACF,CAAA;AAED,MAAM,YAAY,GAAU;IAC1B,IAAI,EAAE,gBAAgB;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,GAAG,wCACmB,KAAC,IAAI,IAAC,MAAM,4BAAa,SAAI,GAAG,EACrD,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,YAC9B,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,MAAM,SAAG,GAC1B,SAEN,CACP;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"Blockie.stories.js","sourceRoot":"","sources":["../../../src/components/Blockie/Blockie.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI9B,MAAM,OAAO,GAAG,4CAA4C,CAAA;AAE5D,MAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,iCAAiC;SAC/C;QACD,KAAK,EAAE;YACL,WAAW,EAAE,YAAY;YACzB,YAAY,EAAE,SAAS;SACxB;QACD,SAAS,EAAE;YACT,WAAW,EACT,+DAA+D;YACjE,YAAY,EAAE,SAAS;SACxB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,kBAAkB;YAC/B,YAAY,EAAE,SAAS;SACxB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,oCAAoC;YACjD,YAAY,EAAE,CAAC;SAChB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,sCAAsC;YACnD,YAAY,EAAE,CAAC;SAChB;QACD,OAAO,EAAE;YACP,WAAW,EAAE,uCAAuC;YACpD,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,KAAK;SACpB;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,OAAO,OAAK,IAAI,GAAI;CACxC,CAAA;AAID,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;KACd;CACF,CAAA;AAED,MAAM,OAAO,GAAU;IACrB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,IAAI;KACd;CACF,CAAA;AAED,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,8BACE,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAI,EACpC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAI,EACrC,KAAC,OAAO,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAI,IACpC,CACJ;CACF,CAAA;AAED,MAAM,YAAY,GAAU;IAC1B,IAAI,EAAE,gBAAgB;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,GAAG,wCACmB,KAAC,IAAI,IAAC,MAAM,4BAAa,SAAI,GAAG,EACrD,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,YAC9B,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,MAAM,SAAG,GAC1B,SAEN,CACP;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,CAAA"}
@@ -4,6 +4,7 @@ declare const StyledCanvas: import("@emotion/styled").StyledComponent<{
4
4
  } & {
5
5
  scale: number;
6
6
  size: number;
7
+ rounded: boolean;
7
8
  }, import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, {}>;
8
9
  declare const StyledBlockieChildrenWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
9
10
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
@@ -1,7 +1,7 @@
1
1
  import styled from "@emotion/styled";
2
2
  import { Box } from "@mui/material";
3
3
  const StyledCanvas = styled("canvas")((props) => {
4
- const { scale, size } = props;
4
+ const { scale, size, rounded } = props;
5
5
  return {
6
6
  borderRadius: 6,
7
7
  verticalAlign: "text-bottom",
@@ -10,6 +10,7 @@ const StyledCanvas = styled("canvas")((props) => {
10
10
  ...(scale * size <= 16 && { borderRadius: 1.5 }),
11
11
  ...(scale * size <= 24 && { borderRadius: 3 }),
12
12
  ...(scale * size <= 36 && { borderRadius: 4 }),
13
+ ...(rounded && { borderRadius: "50%" }),
13
14
  };
14
15
  });
15
16
  const StyledBlockieChildrenWrapper = styled(Box)({
@@ -1 +1 @@
1
- {"version":3,"file":"Blockie.styled.js","sourceRoot":"","sources":["../../../src/components/Blockie/Blockie.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAEnC,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAGlC,CAAC,KAAK,EAAE,EAAE;IACX,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAE7B,OAAO;QACL,YAAY,EAAE,CAAC;QACf,aAAa,EAAE,aAAa;QAC5B,UAAU,EAAE,OAAO;QACnB,UAAU,EAAE,OAAO;QACnB,GAAG,CAAC,KAAK,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC;QAChD,GAAG,CAAC,KAAK,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;QAC9C,GAAG,CAAC,KAAK,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;KAC/C,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/C,UAAU,EAAE,OAAO;CACpB,CAAC,CAAA;AAEF,OAAO,EAAE,4BAA4B,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"Blockie.styled.js","sourceRoot":"","sources":["../../../src/components/Blockie/Blockie.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAEnC,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAIlC,CAAC,KAAK,EAAE,EAAE;IACX,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEtC,OAAO;QACL,YAAY,EAAE,CAAC;QACf,aAAa,EAAE,aAAa;QAC5B,UAAU,EAAE,OAAO;QACnB,UAAU,EAAE,OAAO;QACnB,GAAG,CAAC,KAAK,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC;QAChD,GAAG,CAAC,KAAK,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;QAC9C,GAAG,CAAC,KAAK,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;QAC9C,GAAG,CAAC,OAAO,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;KACxC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/C,UAAU,EAAE,OAAO;CACpB,CAAC,CAAA;AAEF,OAAO,EAAE,4BAA4B,EAAE,YAAY,EAAE,CAAA"}
@@ -5,6 +5,7 @@ type BlockieProps = {
5
5
  bgcolor?: string;
6
6
  size?: number;
7
7
  scale?: number;
8
+ rounded?: boolean;
8
9
  children?: React.ReactNode;
9
10
  };
10
11
  export { BlockieProps };
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
- import { SvgIconProps } from "@mui/material/SvgIcon";
3
- declare const Logo: React.MemoExoticComponent<(props: SvgIconProps) => import("react/jsx-runtime").JSX.Element>;
2
+ import { LogoProps } from "./Logo.types";
3
+ declare const Logo: React.MemoExoticComponent<(props: LogoProps) => import("react/jsx-runtime").JSX.Element>;
4
4
  export { Logo };
@@ -1 +1 @@
1
- {"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAmB,EAAE,EAAE;IAC9C,OAAO,CACL,KAAC,aAAa,OAAK,KAAK,YACtB,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sJAAsJ,EACxJ,IAAI,EAAC,6BAA6B,GAClC,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mGAAmG,EACrG,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wHAAwH,EAC1H,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iGAAiG,EACnG,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mDAAmD,EACrD,IAAI,EAAC,6BAA6B,GAClC,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mDAAmD,EACrD,IAAI,EAAC,OAAO,GACZ,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qCAAqC,EACvC,IAAI,EAAC,6BAA6B,GAClC,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uCAAuC,EACzC,IAAI,EAAC,OAAO,GACZ,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAC,SAAS,GACd,EACF,2BACE,0BACE,EAAE,EAAC,uBAAuB,EAC1B,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,UAAU,EACb,EAAE,EAAC,UAAU,EACb,EAAE,EAAC,IAAI,EACP,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,EACjB,0BACE,EAAE,EAAC,uBAAuB,EAC1B,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,EACjB,0BACE,EAAE,EAAC,uBAAuB,EAC1B,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,OAAO,EACV,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,IAAI,EACP,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,IACZ,IACH,GACQ,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,CAAA"}
1
+ {"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAgB,EAAE,EAAE;IAC3C,OAAO,CACL,KAAC,aAAa,OAAK,KAAK,YACtB,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sJAAsJ,EACxJ,IAAI,EAAC,6BAA6B,GAClC,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mGAAmG,EACrG,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wHAAwH,EAC1H,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iGAAiG,EACnG,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mDAAmD,EACrD,IAAI,EAAC,6BAA6B,GAClC,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mDAAmD,EACrD,IAAI,EAAC,OAAO,GACZ,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qCAAqC,EACvC,IAAI,EAAC,6BAA6B,GAClC,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uCAAuC,EACzC,IAAI,EAAC,OAAO,GACZ,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iNAAiN,EACnN,IAAI,EAAC,SAAS,GACd,EACF,2BACE,0BACE,EAAE,EAAC,uBAAuB,EAC1B,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,UAAU,EACb,EAAE,EAAC,UAAU,EACb,EAAE,EAAC,IAAI,EACP,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,EACjB,0BACE,EAAE,EAAC,uBAAuB,EAC1B,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,EACjB,0BACE,EAAE,EAAC,uBAAuB,EAC1B,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,OAAO,EACV,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,IAAI,EACP,aAAa,EAAC,gBAAgB,aAE9B,eAAM,SAAS,EAAC,SAAS,GAAG,EAC5B,eAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS,GAAG,IACxB,IACZ,IACH,GACQ,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,CAAA"}
@@ -2,5 +2,9 @@ declare const LogoContainer: import("@emotion/styled").StyledComponent<import("@
2
2
  ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
3
3
  }, "color" | "fontSize" | "shapeRendering" | "className" | "style" | "classes" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
4
4
  theme?: import("@emotion/react").Theme;
5
+ } & {
6
+ component?: import("react").ElementType;
7
+ } & {
8
+ size?: "normal" | "large" | "huge" | "massive";
5
9
  }, {}, {}>;
6
10
  export { LogoContainer };
@@ -1,9 +1,17 @@
1
1
  import styled from "@emotion/styled";
2
2
  import { SvgIcon } from "@mui/material";
3
- const LogoContainer = styled(SvgIcon)(({ theme }) => ({
4
- fontSize: "36px",
3
+ const dimensionsBySize = {
4
+ normal: 2.5,
5
+ large: 4,
6
+ huge: 6,
7
+ massive: 22.5,
8
+ };
9
+ const LogoContainer = styled(SvgIcon)(({ theme, size = "normal" }) => ({
10
+ width: theme.spacing(dimensionsBySize[size]),
11
+ height: theme.spacing(dimensionsBySize[size]),
12
+ fontSize: theme.spacing(4.5),
5
13
  [theme.breakpoints.down("xs")]: {
6
- fontSize: "32px",
14
+ fontSize: theme.spacing(4),
7
15
  },
8
16
  }));
9
17
  export { LogoContainer };
@@ -1 +1 @@
1
- {"version":3,"file":"Logo.styled.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,QAAQ,EAAE,MAAM;IAChB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,aAAa,EAAE,CAAA"}
1
+ {"version":3,"file":"Logo.styled.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,MAAM,gBAAgB,GAAG;IACvB,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,IAAI;CACd,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CACnC,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC7C,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC5B,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC3B;CACF,CAAC,CACH,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
@@ -0,0 +1,4 @@
1
+ import { SvgIconProps } from "@mui/material/SvgIcon";
2
+ export type LogoProps = SvgIconProps & {
3
+ size?: "normal" | "large" | "huge" | "massive";
4
+ };
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Logo.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Logo.types.js","sourceRoot":"","sources":["../../../src/components/Logo/Logo.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ProfileProps } from "./Profile.types";
3
+ declare const Profile: React.MemoExoticComponent<(<T extends React.ElementType>(props: ProfileProps<T>) => import("react/jsx-runtime").JSX.Element)>;
4
+ export { Profile };
@@ -0,0 +1,3 @@
1
+ import { ProfileI18N } from "./Profile.types";
2
+ declare const i18n: ProfileI18N;
3
+ export { i18n };
@@ -0,0 +1,5 @@
1
+ const i18n = {
2
+ decentraland: "Decentraland",
3
+ };
4
+ export { i18n };
5
+ //# sourceMappingURL=Profile.i18n.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Profile.i18n.js","sourceRoot":"","sources":["../../../src/components/Profile/Profile.i18n.ts"],"names":[],"mappings":"AAEA,MAAM,IAAI,GAAG;IACX,YAAY,EAAE,cAAc;CACd,CAAA;AAEhB,OAAO,EAAE,IAAI,EAAE,CAAA"}
@@ -0,0 +1,31 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React, { memo, useMemo } from "react";
3
+ import Tooltip from "@mui/material/Tooltip";
4
+ import { i18n as i18nProfile } from "./Profile.i18n";
5
+ import { ProfileImage } from "./ProfileImage";
6
+ import { Address } from "../Address";
7
+ import { ProfileContainer, ProfileName } from "./Profile.styled";
8
+ const Profile = memo((props) => {
9
+ const { address, avatar, textOnly, imageOnly, hasPopup, size = "normal", inline = true, sliceAddressBy = 6, shortenAddress = false, isDecentraland, as = React.Fragment, i18n = i18nProfile, ...rest } = props;
10
+ const sliceLimit = Math.max(Math.min(sliceAddressBy, 42), 6);
11
+ const hasAvatarName = avatar && avatar.name;
12
+ const shouldUseAddressComponent = !isDecentraland && !hasAvatarName;
13
+ const name = useMemo(() => {
14
+ if (isDecentraland) {
15
+ return i18n.decentraland;
16
+ }
17
+ if (!hasAvatarName) {
18
+ return shortenAddress ? address : address.slice(0, sliceLimit);
19
+ }
20
+ if (avatar.hasClaimedName) {
21
+ return avatar.name;
22
+ }
23
+ const lastPart = address ? `#${address.slice(-4)}` : "";
24
+ return avatar.name.endsWith(lastPart) ? avatar.name : avatar.name + lastPart;
25
+ }, [avatar, address, sliceLimit, shortenAddress, isDecentraland]);
26
+ const Wrapper = as;
27
+ const content = (_jsxs(ProfileContainer, { ...props, size: size, inline: inline, children: [textOnly ? null : (_jsx(Wrapper, { ...rest, children: _jsx(ProfileImage, { ...props }) })), imageOnly ? null : (_jsx(Wrapper, { ...rest, children: _jsx(ProfileName, { size: size, children: shouldUseAddressComponent ? (_jsx(Address, { value: name, shorten: shortenAddress })) : (name) }) }))] }));
28
+ return hasPopup ? (_jsx(Tooltip, { title: shouldUseAddressComponent ? address : name, placement: "top", arrow: true, children: content })) : (content);
29
+ });
30
+ export { Profile };
31
+ //# sourceMappingURL=Profile.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../src/components/Profile/Profile.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ import { ProfileProps } from "./Profile.types";
3
+ import type { Meta, StoryObj } from "@storybook/react";
4
+ declare const meta: Meta<ProfileProps<React.ElementType>>;
5
+ type Story = StoryObj<ProfileProps<React.ElementType>>;
6
+ declare const NoAvatar: Story;
7
+ declare const ShortenedAddress: Story;
8
+ declare const Rounded: Story;
9
+ declare const WithAvatar: Story;
10
+ declare const AvatarWithoutName: Story;
11
+ declare const AvatarWithShortenedAddress: Story;
12
+ declare const AvatarUnclaimedName: Story;
13
+ declare const ImageOnly: Story;
14
+ declare const TextOnly: Story;
15
+ declare const WithPopup: Story;
16
+ declare const Inline: Story;
17
+ declare const Decentraland: Story;
18
+ declare const SlicedAddress: Story;
19
+ declare const Sizes: Story;
20
+ declare const LinkedAvatar: Story;
21
+ declare const LinkedBlockie: Story;
22
+ export default meta;
23
+ export { NoAvatar, ShortenedAddress, Rounded, WithAvatar, AvatarWithoutName, AvatarWithShortenedAddress, AvatarUnclaimedName, ImageOnly, TextOnly, WithPopup, Inline, Decentraland, SlicedAddress, Sizes, LinkedAvatar, LinkedBlockie, };
@@ -0,0 +1,145 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { avatar } from "../../data/avatar";
3
+ import { Mana } from "../Mana/Mana";
4
+ import { ProfileList, ProfileSizeList, ProfileStoryContainer, } from "./Profile.stories.styled";
5
+ import { Profile } from "./";
6
+ const meta = {
7
+ // TODO: use T here?
8
+ component: Profile,
9
+ title: "Decentraland UI/Profile",
10
+ tags: ["autodocs"],
11
+ argTypes: {
12
+ size: {
13
+ description: "The size of the profile",
14
+ control: "select",
15
+ options: ["normal", "large", "huge", "massive"],
16
+ defaultValue: "normal",
17
+ },
18
+ address: {
19
+ description: "The address of the profile",
20
+ control: "text",
21
+ defaultValue: "0xdeadbeef",
22
+ },
23
+ avatar: {
24
+ description: "The avatar of the profile",
25
+ control: "object",
26
+ defaultValue: avatar,
27
+ },
28
+ shortenAddress: {
29
+ description: "Whether the address should be shortened",
30
+ control: "boolean",
31
+ defaultValue: false,
32
+ },
33
+ rounded: {
34
+ description: "Whether the profile image should be rounded",
35
+ control: "boolean",
36
+ defaultValue: false,
37
+ },
38
+ textOnly: {
39
+ description: "Whether the profile should be displayed as text only",
40
+ control: "boolean",
41
+ defaultValue: false,
42
+ },
43
+ imageOnly: {
44
+ description: "Whether the profile should be displayed as image only",
45
+ control: "boolean",
46
+ defaultValue: false,
47
+ },
48
+ hasPopup: {
49
+ description: "Whether the profile should have a popup",
50
+ control: "boolean",
51
+ defaultValue: false,
52
+ },
53
+ isDecentraland: {
54
+ description: "Whether the profile should be displayed as Decentraland",
55
+ control: "boolean",
56
+ defaultValue: false,
57
+ },
58
+ sliceAddressBy: {
59
+ description: "The number of characters to slice the address by (minimum 6, maximum 42)",
60
+ control: "number",
61
+ defaultValue: 6,
62
+ },
63
+ },
64
+ render: (args) => (_jsx(ProfileStoryContainer, { children: _jsx(Profile, { ...args }) })),
65
+ };
66
+ const NoAvatar = {
67
+ name: "No avatar",
68
+ args: { address: "0xdeadbeef" },
69
+ };
70
+ const ShortenedAddress = {
71
+ name: "Shortened address",
72
+ args: {
73
+ address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6",
74
+ shortenAddress: true,
75
+ },
76
+ };
77
+ const Rounded = {
78
+ name: "Rounded",
79
+ args: { address: "0xdeadbeef", rounded: true },
80
+ };
81
+ const WithAvatar = {
82
+ name: "Avatar",
83
+ args: { address: "0xdeadbeef", avatar },
84
+ };
85
+ const AvatarWithoutName = {
86
+ name: "Avatar without name",
87
+ args: {
88
+ address: "0xdeadbeef",
89
+ avatar: { ...avatar, name: null },
90
+ },
91
+ };
92
+ const AvatarWithShortenedAddress = {
93
+ name: "Avatar with shortened address",
94
+ args: {
95
+ address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6",
96
+ avatar: { ...avatar, name: null },
97
+ shortenAddress: true,
98
+ },
99
+ };
100
+ const AvatarUnclaimedName = {
101
+ name: "Avatar with an unclaimed name",
102
+ args: { address: "0xdeadbeef", avatar: { ...avatar, hasClaimedName: false } },
103
+ };
104
+ const ImageOnly = {
105
+ name: "Image only",
106
+ args: { address: "0xdeadbeef", avatar, imageOnly: true },
107
+ };
108
+ const TextOnly = {
109
+ name: "Text only",
110
+ args: { address: "0xdeadbeef", avatar, textOnly: true },
111
+ };
112
+ const WithPopup = {
113
+ name: "With popup",
114
+ args: { address: "0xdeadbeef", avatar, hasPopup: true },
115
+ };
116
+ const Inline = {
117
+ name: "Inline",
118
+ args: { address: "0xdeadbeef", avatar, inline: true },
119
+ render: (args) => (_jsxs(_Fragment, { children: ["You sent", " ", _jsx(Mana, { primary: true, inline: true, children: "1,000" }), " ", "to ", _jsx(Profile, { ...args })] })),
120
+ };
121
+ const Decentraland = {
122
+ name: "Decentraland",
123
+ args: { address: "0xdeadbeef", avatar, inline: true, isDecentraland: true },
124
+ render: (args) => (_jsxs(_Fragment, { children: ["You sent", " ", _jsx(Mana, { primary: true, inline: true, children: "1,000" }), " ", "to ", _jsx(Profile, { ...args })] })),
125
+ };
126
+ const SlicedAddress = {
127
+ name: "Sliced address",
128
+ render: () => (_jsx(ProfileStoryContainer, { children: _jsxs(ProfileList, { children: [_jsx(Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", sliceAddressBy: 10 }), _jsx(Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", sliceAddressBy: 20 }), _jsx(Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", sliceAddressBy: 30 }), _jsx(Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", sliceAddressBy: 40 })] }) })),
129
+ };
130
+ const Sizes = {
131
+ name: "Sizes",
132
+ render: () => (_jsx(ProfileStoryContainer, { children: _jsxs(ProfileSizeList, { children: [_jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "normal", imageOnly: true }), _jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "large", imageOnly: true }), _jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "huge", imageOnly: true }), _jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "massive", imageOnly: true }), _jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "normal", imageOnly: true, isDecentraland: true }), _jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "large", imageOnly: true, isDecentraland: true }), _jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "huge", imageOnly: true, isDecentraland: true }), _jsx(Profile, { address: "0xdeadbeef", avatar: avatar, inline: false, size: "massive", imageOnly: true, isDecentraland: true }), _jsx(Profile, { address: "0xdeadbeef", inline: false, size: "normal", imageOnly: true, rounded: true }), _jsx(Profile, { address: "0xdeadbeef", inline: false, size: "large", imageOnly: true, rounded: true }), _jsx(Profile, { address: "0xdeadbeef", inline: false, size: "huge", imageOnly: true, rounded: true }), _jsx(Profile, { address: "0xdeadbeef", inline: false, size: "massive", imageOnly: true, rounded: true })] }) })),
133
+ };
134
+ const LinkedAvatar = {
135
+ name: "Profile with avatar and content linked to another site",
136
+ render: () => (_jsx(ProfileStoryContainer, { children: _jsx(Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", avatar: avatar, inline: true, as: "a", href: "https://decentraland.zone/marketplace/accounts/0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", target: "_blank" }) })),
137
+ };
138
+ const LinkedBlockie = {
139
+ name: "Profile with blockie and content linked to another site",
140
+ render: () => (_jsx(ProfileStoryContainer, { children: _jsx(Profile, { address: "0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", inline: true, as: "a", href: "https://decentraland.zone/marketplace/accounts/0x89805E5f0698Cb4dB57f0E389f2a75259f78CCF6", target: "_blank" }) })),
141
+ };
142
+ // eslint-disable-next-line import/no-default-export
143
+ export default meta;
144
+ export { NoAvatar, ShortenedAddress, Rounded, WithAvatar, AvatarWithoutName, AvatarWithShortenedAddress, AvatarUnclaimedName, ImageOnly, TextOnly, WithPopup, Inline, Decentraland, SlicedAddress, Sizes, LinkedAvatar, LinkedBlockie, };
145
+ //# sourceMappingURL=Profile.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Profile.stories.js","sourceRoot":"","sources":["../../../src/components/Profile/Profile.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,13 @@
1
+ declare const ProfileStoryContainer: import("@emotion/styled").StyledComponent<{
2
+ theme?: import("@emotion/react").Theme;
3
+ as?: import("react").ElementType;
4
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
5
+ declare const ProfileList: import("@emotion/styled").StyledComponent<{
6
+ theme?: import("@emotion/react").Theme;
7
+ as?: import("react").ElementType;
8
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
9
+ declare const ProfileSizeList: import("@emotion/styled").StyledComponent<{
10
+ theme?: import("@emotion/react").Theme;
11
+ as?: import("react").ElementType;
12
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
13
+ export { ProfileStoryContainer, ProfileList, ProfileSizeList };
@@ -0,0 +1,23 @@
1
+ import styled from "@emotion/styled";
2
+ const ProfileStoryContainer = styled("div")(({ theme }) => ({
3
+ "& a, & a > span > span": {
4
+ display: "inline-flex",
5
+ gap: theme.spacing(0.5),
6
+ alignItems: "center",
7
+ verticalAlign: "top",
8
+ color: theme.palette.primary.main,
9
+ fontWeight: 500,
10
+ textDecoration: "none",
11
+ },
12
+ }));
13
+ const ProfileList = styled("div")({
14
+ display: "flex",
15
+ flexDirection: "column",
16
+ });
17
+ const ProfileSizeList = styled("div")({
18
+ display: "flex",
19
+ flexDirection: "row",
20
+ alignItems: "flex-end",
21
+ });
22
+ export { ProfileStoryContainer, ProfileList, ProfileSizeList };
23
+ //# sourceMappingURL=Profile.stories.styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Profile.stories.styled.js","sourceRoot":"","sources":["../../../src/components/Profile/Profile.stories.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAEpC,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,wBAAwB,EAAE;QACxB,OAAO,EAAE,aAAa;QACtB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACvB,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,KAAK;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACjC,UAAU,EAAE,GAAG;QACf,cAAc,EAAE,MAAM;KACvB;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAA;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,UAAU;CACvB,CAAC,CAAA;AAEF,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,eAAe,EAAE,CAAA"}
@@ -0,0 +1,10 @@
1
+ import { ProfileBaseProps } from "./Profile.types";
2
+ declare const ProfileContainer: import("@emotion/styled").StyledComponent<{
3
+ theme?: import("@emotion/react").Theme;
4
+ as?: import("react").ElementType;
5
+ } & ProfileBaseProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
6
+ declare const ProfileName: import("@emotion/styled").StyledComponent<{
7
+ theme?: import("@emotion/react").Theme;
8
+ as?: import("react").ElementType;
9
+ } & Pick<ProfileBaseProps, "size">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
10
+ export { ProfileContainer, ProfileName };
@@ -0,0 +1,15 @@
1
+ import styled from "@emotion/styled";
2
+ const ProfileContainer = styled("span")(({ theme, inline = true, size = "normal" }) => ({
3
+ display: inline ? "inline-flex" : "flex",
4
+ gap: size !== "normal" ? theme.spacing(1) : theme.spacing(0.5),
5
+ alignItems: "center",
6
+ verticalAlign: "top",
7
+ }));
8
+ const ProfileName = styled("span")(({ theme, size = "normal", }) => {
9
+ const font = size !== "normal" ? theme.typography.h6 : theme.typography.body1;
10
+ return {
11
+ ...font,
12
+ };
13
+ });
14
+ export { ProfileContainer, ProfileName };
15
+ //# sourceMappingURL=Profile.styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Profile.styled.js","sourceRoot":"","sources":["../../../src/components/Profile/Profile.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAqB,MAAM,iBAAiB,CAAA;AAGnD,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,CACrC,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9C,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;IACxC,GAAG,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC9D,UAAU,EAAE,QAAQ;IACpB,aAAa,EAAE,KAAK;CACrB,CAAC,CACH,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAiC,CAAC,EAClE,KAAK,EACL,IAAI,GAAG,QAAQ,GAChB,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAA;IAC7E,OAAO;QACL,GAAG,IAAI;KACK,CAAA;AAChB,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAA"}
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ import { Avatar } from "@dcl/schemas/dist/platform/profile/avatar";
3
+ type ProfileI18N = Record<"decentraland", string>;
4
+ type ProfileSize = "normal" | "large" | "huge" | "massive";
5
+ type ProfileBaseProps = {
6
+ address: string;
7
+ avatar?: Avatar | null;
8
+ textOnly?: boolean;
9
+ imageOnly?: boolean;
10
+ hasPopup?: boolean;
11
+ inline?: boolean;
12
+ sliceAddressBy?: number;
13
+ shortenAddress?: boolean;
14
+ rounded?: boolean;
15
+ size?: ProfileSize;
16
+ isDecentraland?: boolean;
17
+ i18n?: ProfileI18N;
18
+ };
19
+ type ProfileLogoProps = Pick<ProfileBaseProps, "isDecentraland" | "avatar" | "inline">;
20
+ type ProfileProps<T extends React.ElementType> = ProfileBaseProps & {
21
+ as?: T;
22
+ } & Omit<React.ComponentPropsWithoutRef<T>, keyof ProfileBaseProps | "as">;
23
+ export { ProfileProps, ProfileLogoProps, ProfileBaseProps, ProfileSize, ProfileI18N, };
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Profile.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Profile.types.js","sourceRoot":"","sources":["../../../src/components/Profile/Profile.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ProfileProps } from "./Profile.types";
3
+ declare const ProfileImage: React.MemoExoticComponent<(<T extends React.ElementType>(props: ProfileProps<T>) => import("react/jsx-runtime").JSX.Element)>;
4
+ export { ProfileImage };
@@ -0,0 +1,32 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { memo, useMemo } from "react";
3
+ import { AvatarFace } from "../AvatarFace/AvatarFace";
4
+ import { Blockie } from "../Blockie/Blockie";
5
+ import { Logo } from "../Logo/Logo";
6
+ const avatarFaceSizeTranslator = {
7
+ normal: "tiny",
8
+ large: "small",
9
+ huge: "medium",
10
+ massive: "massive",
11
+ };
12
+ const blockieSizeTranslator = {
13
+ normal: 3,
14
+ large: 5,
15
+ huge: 8,
16
+ massive: 30,
17
+ };
18
+ const ProfileImage = memo((props) => {
19
+ // It's not a good practice to default inline to true, but maybe we should keep it for backwards compatibility
20
+ const { isDecentraland, avatar, inline = true, address, size = "normal", rounded = false, as, ...rest } = props;
21
+ const avatarFaceSize = useMemo(() => avatarFaceSizeTranslator[size], [size]);
22
+ const blockieSize = useMemo(() => blockieSizeTranslator[size], [size]);
23
+ if (isDecentraland) {
24
+ return _jsx(Logo, { size: size });
25
+ }
26
+ if (avatar) {
27
+ return (_jsx(AvatarFace, { size: avatarFaceSize, inline: inline, avatar: avatar }));
28
+ }
29
+ return (_jsx(Blockie, { seed: address, scale: blockieSize, rounded: rounded, as: as, ...rest }));
30
+ });
31
+ export { ProfileImage };
32
+ //# sourceMappingURL=ProfileImage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProfileImage.js","sourceRoot":"","sources":["../../../src/components/Profile/ProfileImage.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAGnC,MAAM,wBAAwB,GAAwC;IACpE,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,qBAAqB,GAAgC;IACzD,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,EAAE;CACZ,CAAA;AAED,MAAM,YAAY,GAAG,IAAI,CACvB,CAA8B,KAAsB,EAAE,EAAE;IACtD,8GAA8G;IAC9G,MAAM,EACJ,cAAc,EACd,MAAM,EACN,MAAM,GAAG,IAAI,EACb,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,EACf,EAAE,EACF,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAC5E,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEtE,IAAI,cAAc,EAAE,CAAC;QACnB,OAAO,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAA;IAC7B,CAAC;IAED,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CACL,KAAC,UAAU,IAAC,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CACrE,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,KACF,IAAI,GACR,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from "./Profile";
2
+ export * from "./Profile.types";
@@ -0,0 +1,3 @@
1
+ export * from "./Profile";
2
+ export * from "./Profile.types";
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Profile/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA"}
package/dist/index.d.ts CHANGED
@@ -26,6 +26,7 @@ export * from "./components/Notifications";
26
26
  export * from "./components/UserMenu";
27
27
  export * from "./components/Banner";
28
28
  export * from "./components/WearablePreview";
29
+ export * from "./components/Profile";
29
30
  export * as dclNetworkUtils from "./lib/network";
30
31
  export * from "./modules/jumpIn";
31
32
  export * as dclTools from "./modules";
package/dist/index.js CHANGED
@@ -27,6 +27,7 @@ export * from "./components/Notifications";
27
27
  export * from "./components/UserMenu";
28
28
  export * from "./components/Banner";
29
29
  export * from "./components/WearablePreview";
30
+ export * from "./components/Profile";
30
31
  export * as dclNetworkUtils from "./lib/network";
31
32
  export * from "./modules/jumpIn";
32
33
  export * as dclTools from "./modules";
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAA;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAA;AAE/C,gBAAgB;AAChB,OAAO,EACL,KAAK,IAAI,UAAU,EACnB,IAAI,IAAI,SAAS,EACjB,aAAa,IAAI,gBAAgB,GAClC,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,SAAS,MAAM,gBAAgB,CAAA;AAE3C,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAA;AAC9D,cAAc,sBAAsB,CAAA;AACpC,OAAO,KAAK,eAAe,MAAM,iCAAiC,CAAA;AAClE,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,8BAA8B,CAAA;AAE5C,OAAO,KAAK,eAAe,MAAM,eAAe,CAAA;AAEhD,cAAc,kBAAkB,CAAA;AAChC,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAA;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAA;AAE/C,gBAAgB;AAChB,OAAO,EACL,KAAK,IAAI,UAAU,EACnB,IAAI,IAAI,SAAS,EACjB,aAAa,IAAI,gBAAgB,GAClC,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,SAAS,MAAM,gBAAgB,CAAA;AAE3C,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAA;AAC9D,cAAc,sBAAsB,CAAA;AACpC,OAAO,KAAK,eAAe,MAAM,iCAAiC,CAAA;AAClE,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sBAAsB,CAAA;AAEpC,OAAO,KAAK,eAAe,MAAM,eAAe,CAAA;AAEhD,cAAc,kBAAkB,CAAA;AAChC,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "decentraland-ui2",
3
- "version": "0.29.1",
3
+ "version": "0.29.2-18384531726.commit-f389bac",
4
4
  "description": "Decentraland's UI components and styles",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -98,5 +98,5 @@
98
98
  "files": [
99
99
  "dist"
100
100
  ],
101
- "commit": "c4e317e31ec053f02132c5c4e76f8ef4f42977f7"
101
+ "commit": "f389baca911ec6e0e96c86b7f0e418d203c70553"
102
102
  }