@krrli/cm-designsystem 1.33.3 → 1.34.1

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 (16) hide show
  1. package/dist/components/avatar/Avatar.d.ts.map +1 -1
  2. package/dist/components/avatar/Avatar.js +9 -2
  3. package/dist/compositions/post/Post.d.ts +2 -0
  4. package/dist/compositions/post/Post.d.ts.map +1 -1
  5. package/dist/compositions/post/Post.js +8 -1
  6. package/dist/compositions/profile-banner-info/ProfileBannerInfo.d.ts.map +1 -1
  7. package/dist/compositions/profile-banner-info/ProfileBannerInfo.js +6 -5
  8. package/dist/compositions/response/Response.d.ts +2 -0
  9. package/dist/compositions/response/Response.d.ts.map +1 -1
  10. package/dist/compositions/response/Response.js +8 -1
  11. package/dist/compositions/user-info/UserInfo.d.ts.map +1 -1
  12. package/dist/compositions/user-info/UserInfo.js +4 -3
  13. package/dist/compositions/utils/defaults.constants.d.ts +4 -0
  14. package/dist/compositions/utils/defaults.constants.d.ts.map +1 -0
  15. package/dist/compositions/utils/defaults.constants.js +8 -0
  16. package/package.json +1 -1
package/dist/components/avatar/Avatar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwDhB,CAAC;AAEH,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;GAEG;AACH,UAAU,WAAY,SAAQ,cAAc;IAC1C;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IAEjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4BxC,CAAC"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwDhB,CAAC;AAEH,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;GAEG;AACH,UAAU,WAAY,SAAQ,cAAc;IAC1C;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IAEjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgCxC,CAAC"}
package/dist/components/avatar/Avatar.js CHANGED
@@ -63,7 +63,7 @@ const avatarStyles = tv({
63
63
  }
64
64
  });
65
65
  const Avatar = ({
66
- src = "",
66
+ src,
67
67
  ...props
68
68
  }) => {
69
69
  const { base, avatar, action } = avatarStyles(props);
@@ -74,7 +74,14 @@ const Avatar = ({
74
74
  className: base({ isClickable: !!props.onAvatarClick, ...props }),
75
75
  "data-testid": "avatar",
76
76
  children: [
77
- /* @__PURE__ */ jsx(RadixAvatar.Image, { src, alt: props.alt, className: avatar(props) }),
77
+ /* @__PURE__ */ jsx(
78
+ RadixAvatar.Image,
79
+ {
80
+ src: src ?? "",
81
+ alt: props.alt,
82
+ className: avatar(props)
83
+ }
84
+ ),
78
85
  props.size === "xl" && props.onActionClick && /* @__PURE__ */ jsx("div", { className: action(props), children: /* @__PURE__ */ jsx(
79
86
  RoundButton,
80
87
  {
package/dist/compositions/post/Post.d.ts CHANGED
@@ -56,6 +56,8 @@ interface PostProps extends PostVariants {
56
56
  avatarSrc?: string | null;
57
57
  /** Number of likes the post has received. */
58
58
  nbrOfLikes?: number | null;
59
+ /** Is post liked by self */
60
+ likedBySelf?: boolean | null;
59
61
  /** Number of comments the post has received. */
60
62
  nbrOfComments?: number | null;
61
63
  /** Optional image source URL displayed within the post. */
package/dist/compositions/post/Post.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Post.d.ts","sourceRoot":"","sources":["../../../src/compositions/post/Post.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAc1D,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmBd,CAAC;AAEH,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5B,UAAU,SAAU,SAAQ,YAAY;IACtC,sDAAsD;IACtD,IAAI,EAAE,QAAQ,CAAC;IAEf,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,mDAAmD;IACnD,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAExB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,4CAA4C;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,yDAAyD;IACzD,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B,sDAAsD;IACtD,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,uDAAuD;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4DpC,CAAC"}
1
+ {"version":3,"file":"Post.d.ts","sourceRoot":"","sources":["../../../src/compositions/post/Post.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAc1D,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmBd,CAAC;AAEH,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5B,UAAU,SAAU,SAAQ,YAAY;IACtC,sDAAsD;IACtD,IAAI,EAAE,QAAQ,CAAC;IAEf,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,mDAAmD;IACnD,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAExB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAE7B,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,4CAA4C;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,yDAAyD;IACzD,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B,sDAAsD;IACtD,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,uDAAuD;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAgEpC,CAAC"}
package/dist/compositions/post/Post.js CHANGED
@@ -78,7 +78,14 @@ const Post = ({
78
78
  onToggle: props.onCommentClick
79
79
  }
80
80
  ),
81
- /* @__PURE__ */ jsx(LikeToggle, { likes: nbrOfLikes, onLikeChange: props.onLikeClick }),
81
+ /* @__PURE__ */ jsx(
82
+ LikeToggle,
83
+ {
84
+ pressed: props.likedBySelf ?? false,
85
+ likes: nbrOfLikes,
86
+ onLikeChange: props.onLikeClick
87
+ }
88
+ ),
82
89
  /* @__PURE__ */ jsx(
83
90
  TimedButton,
84
91
  {
package/dist/compositions/profile-banner-info/ProfileBannerInfo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProfileBannerInfo.d.ts","sourceRoot":"","sources":["../../../src/compositions/profile-banner-info/ProfileBannerInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAU1D,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAS3B,CAAC;AAEH,KAAK,yBAAyB,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE9E,UAAU,sBAAuB,SAAQ,yBAAyB;IAChE,sEAAsE;IACtE,aAAa,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB;;;OAGG;IACH,eAAe,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAwBD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoD9D,CAAC"}
1
+ {"version":3,"file":"ProfileBannerInfo.d.ts","sourceRoot":"","sources":["../../../src/compositions/profile-banner-info/ProfileBannerInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAe1D,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAS3B,CAAC;AAEH,KAAK,yBAAyB,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE9E,UAAU,sBAAuB,SAAQ,yBAAyB;IAChE,sEAAsE;IACtE,aAAa,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB;;;OAGG;IACH,eAAe,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAwBD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoD9D,CAAC"}
package/dist/compositions/profile-banner-info/ProfileBannerInfo.js CHANGED
@@ -3,6 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import { tv } from "tailwind-variants";
4
4
  import { IconButton } from "../../components/icon-button/IconButton.js";
5
5
  import { Label } from "../../components/typography/Label.js";
6
+ import { DEFAULT_DISPLAYNAME, DEFAULT_USERNAME, DEFAULT_LOCATION } from "../utils/defaults.constants.js";
6
7
  import { Settings } from "../../components/icons/generated/Settings.js";
7
8
  import { Location } from "../../components/icons/generated/Location.js";
8
9
  import { Calendar } from "../../components/icons/generated/Calendar.js";
@@ -36,9 +37,9 @@ function timeSince(timestamp) {
36
37
  }
37
38
  const memberSincePrefix = "Member since ";
38
39
  const ProfileBannerInfo = ({
39
- displayName = "New User",
40
- userName = "newuser",
41
- location = "Location",
40
+ displayName = DEFAULT_DISPLAYNAME,
41
+ userName = DEFAULT_USERNAME,
42
+ location = DEFAULT_LOCATION,
42
43
  joinedTimestamp = /* @__PURE__ */ new Date(),
43
44
  ...props
44
45
  }) => {
@@ -55,7 +56,7 @@ const ProfileBannerInfo = ({
55
56
  intent: "secondary",
56
57
  icon: Profile,
57
58
  onClick: props.onProfileClick,
58
- children: userName
59
+ children: userName ?? DEFAULT_USERNAME
59
60
  }
60
61
  ),
61
62
  /* @__PURE__ */ jsx(
@@ -65,7 +66,7 @@ const ProfileBannerInfo = ({
65
66
  icon: Location,
66
67
  onClick: props.onProfileClick,
67
68
  className: secondaryInfo(),
68
- children: location
69
+ children: location ?? DEFAULT_LOCATION
69
70
  }
70
71
  ),
71
72
  /* @__PURE__ */ jsx(
package/dist/compositions/response/Response.d.ts CHANGED
@@ -58,6 +58,8 @@ interface ResponseProps extends ResponseVariants {
58
58
  onAvatarClick: () => void;
59
59
  /** Number of likes the post has received. */
60
60
  nbrOfLikes?: number | null;
61
+ /** Is post liked by self */
62
+ likedBySelf?: boolean | null;
61
63
  /** Number of comments the post has received. */
62
64
  nbrOfComments?: number | null;
63
65
  /** Optional image source URL displayed within the Response. */
package/dist/compositions/response/Response.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Response.d.ts","sourceRoot":"","sources":["../../../src/compositions/response/Response.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQ1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAYlB,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE5D,UAAU,aAAc,SAAQ,gBAAgB;IAC9C,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,uDAAuD;IACvD,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAExB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,4CAA4C;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yDAAyD;IACzD,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B,sDAAsD;IACtD,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,uDAAuD;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoD5C,CAAC"}
1
+ {"version":3,"file":"Response.d.ts","sourceRoot":"","sources":["../../../src/compositions/response/Response.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQ1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAYlB,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE5D,UAAU,aAAc,SAAQ,gBAAgB;IAC9C,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,uDAAuD;IACvD,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAExB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,4CAA4C;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAE7B,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,yDAAyD;IACzD,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B,sDAAsD;IACtD,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,uDAAuD;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwD5C,CAAC"}
package/dist/compositions/response/Response.js CHANGED
@@ -61,7 +61,14 @@ const Response = ({
61
61
  onToggle: props.onCommentClick
62
62
  }
63
63
  ),
64
- /* @__PURE__ */ jsx(LikeToggle, { likes: nbrOfLikes, onLikeChange: props.onLikeClick }),
64
+ /* @__PURE__ */ jsx(
65
+ LikeToggle,
66
+ {
67
+ pressed: props.likedBySelf ?? false,
68
+ likes: nbrOfLikes,
69
+ onLikeChange: props.onLikeClick
70
+ }
71
+ ),
65
72
  /* @__PURE__ */ jsx(
66
73
  TimedButton,
67
74
  {
package/dist/compositions/user-info/UserInfo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UserInfo.d.ts","sourceRoot":"","sources":["../../../src/compositions/user-info/UserInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAM1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAQlB,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC5D,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,UAAU,aAAc,SAAQ,gBAAgB;IAC9C,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,oCAAoC;IACpC,IAAI,EAAE,YAAY,CAAC;IACnB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,sCAAsC;IACtC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,qDAAqD;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAoCD;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqC5C,CAAC"}
1
+ {"version":3,"file":"UserInfo.d.ts","sourceRoot":"","sources":["../../../src/compositions/user-info/UserInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAU1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAQlB,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC5D,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,UAAU,aAAc,SAAQ,gBAAgB;IAC9C,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,oCAAoC;IACpC,IAAI,EAAE,YAAY,CAAC;IACnB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,sCAAsC;IACtC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,qDAAqD;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAoCD;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqC5C,CAAC"}
package/dist/compositions/user-info/UserInfo.js CHANGED
@@ -4,6 +4,7 @@ import { tv } from "tailwind-variants";
4
4
  import { Avatar } from "../../components/avatar/Avatar.js";
5
5
  import { IconButton } from "../../components/icon-button/IconButton.js";
6
6
  import { Label } from "../../components/typography/Label.js";
7
+ import { DEFAULT_DISPLAYNAME, DEFAULT_USERNAME } from "../utils/defaults.constants.js";
7
8
  import { Profile } from "../../components/icons/generated/Profile.js";
8
9
  import { Time } from "../../components/icons/generated/Time.js";
9
10
  const userInfoStyles = tv({
@@ -46,8 +47,8 @@ function getLabelSize(size) {
46
47
  }
47
48
  }
48
49
  const UserInfo = ({
49
- displayName = "New User",
50
- userName = "newuser",
50
+ displayName = DEFAULT_DISPLAYNAME,
51
+ userName = DEFAULT_USERNAME,
51
52
  timestamp = /* @__PURE__ */ new Date(),
52
53
  ...props
53
54
  }) => {
@@ -65,7 +66,7 @@ const UserInfo = ({
65
66
  /* @__PURE__ */ jsxs("div", { className: userInfo(), children: [
66
67
  /* @__PURE__ */ jsx("button", { onClick: props.onClick, className: name(), children: /* @__PURE__ */ jsx(Label, { size: getLabelSize(props.size), children: displayName }) }),
67
68
  /* @__PURE__ */ jsxs("div", { className: detailInfo(), children: [
68
- /* @__PURE__ */ jsx(IconButton, { intent: "secondary", icon: Profile, onClick: props.onClick, children: userName }),
69
+ /* @__PURE__ */ jsx(IconButton, { intent: "secondary", icon: Profile, onClick: props.onClick, children: userName ?? DEFAULT_USERNAME }),
69
70
  /* @__PURE__ */ jsx(
70
71
  IconButton,
71
72
  {
package/dist/compositions/utils/defaults.constants.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export declare const DEFAULT_LOCATION = "Location";
2
+ export declare const DEFAULT_USERNAME = "newuser";
3
+ export declare const DEFAULT_DISPLAYNAME = "New User";
4
+ //# sourceMappingURL=defaults.constants.d.ts.map
package/dist/compositions/utils/defaults.constants.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaults.constants.d.ts","sourceRoot":"","sources":["../../../src/compositions/utils/defaults.constants.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,aAAa,CAAC;AAC3C,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAC1C,eAAO,MAAM,mBAAmB,aAAa,CAAC"}
package/dist/compositions/utils/defaults.constants.js ADDED
@@ -0,0 +1,8 @@
1
+ const DEFAULT_LOCATION = "Location";
2
+ const DEFAULT_USERNAME = "newuser";
3
+ const DEFAULT_DISPLAYNAME = "New User";
4
+ export {
5
+ DEFAULT_DISPLAYNAME,
6
+ DEFAULT_LOCATION,
7
+ DEFAULT_USERNAME
8
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@krrli/cm-designsystem",
3
3
  "repository": "https://github.com/ost-cas-fea-25-26/cm-designsystem",
4
- "version": "1.33.3",
4
+ "version": "1.34.1",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",