aloha-ui-library 0.2.8 → 0.2.9

package/dist/index.js

@@ -3432,7 +3432,7 @@ var getAvatarPartImage = function getAvatarPartImage(id, type) {
   return (part === null || part === void 0 ? void 0 : part.image) || null;
 };
 
-var _excluded$o = ["className", "emoji", "size"];
+var _excluded$o = ["className", "emoji", "size", "style"];
 var DEFAULT_AVATAR = {
   skinId: 1,
   eyebrowId: 1,
@@ -3446,6 +3446,7 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     emoji = _ref.emoji,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 100 : _ref$size,
+    style = _ref.style,
     props = _objectWithoutProperties(_ref, _excluded$o);
   var currentEmoji = emoji || DEFAULT_AVATAR;
   var currentSkin = getAvatarPartImage(currentEmoji.skinId, 'skin');
@@ -3457,10 +3458,10 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({
     ref: ref,
     className: cn('avatar-container', className),
-    style: {
+    style: _objectSpread2({
       width: "".concat(size, "px"),
       height: "".concat(size, "px")
-    }
+    }, style)
   }, props), {}, {
     children: [currentSkin && jsxRuntime.jsx("img", {
       src: currentSkin,
@@ -4857,16 +4858,19 @@ var QuestionCard = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 QuestionCard.displayName = 'QuestionCard';
 
-var _excluded$6 = ["variant", "name", "avatarSrc", "avatarFallback", "avatars", "bgColor", "nameColor", "chevronColor", "avatarRingColor", "className", "style", "onClick"];
+var _excluded$6 = ["variant", "name", "emoji", "avatars", "showChevron", "isSelected", "bgColor", "nameColor", "chevronColor", "avatarRingColor", "className", "style", "onClick"];
 // ── Componente ────────────────────────────────────────────────────
 var FriendListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'user' : _ref$variant,
     name = _ref.name,
-    avatarSrc = _ref.avatarSrc,
-    avatarFallback = _ref.avatarFallback,
+    emoji = _ref.emoji,
     _ref$avatars = _ref.avatars,
     avatars = _ref$avatars === void 0 ? [] : _ref$avatars,
+    _ref$showChevron = _ref.showChevron,
+    showChevron = _ref$showChevron === void 0 ? true : _ref$showChevron,
+    _ref$isSelected = _ref.isSelected,
+    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
     bgColor = _ref.bgColor,
     nameColor = _ref.nameColor,
     chevronColor = _ref.chevronColor,
@@ -4879,17 +4883,19 @@ var FriendListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     bg: colors[bgColor !== null && bgColor !== void 0 ? bgColor : 'marmol'],
     name: colors[nameColor !== null && nameColor !== void 0 ? nameColor : 'olivo'],
     chevron: colors[chevronColor !== null && chevronColor !== void 0 ? chevronColor : 'olivo'],
-    ring: colors[avatarRingColor !== null && avatarRingColor !== void 0 ? avatarRingColor : 'hueso']
+    ring: colors[avatarRingColor !== null && avatarRingColor !== void 0 ? avatarRingColor : 'hueso'],
+    selectedBorder: colors['piedra']
   };
   return jsxRuntime.jsxs("button", _objectSpread2(_objectSpread2({
     ref: ref,
     type: "button",
-    className: cn('friend-list-item', "friend-list-item--".concat(variant), className),
+    className: cn('friend-list-item', "friend-list-item--".concat(variant), isSelected && 'friend-list-item--selected', className),
     style: _objectSpread2({
       '--fi-bg': resolved.bg,
       '--fi-name': resolved.name,
       '--fi-chevron': resolved.chevron,
-      '--fi-ring': resolved.ring
+      '--fi-ring': resolved.ring,
+      '--fi-selected-border': resolved.selectedBorder
     }, style),
     onClick: onClick
   }, props), {}, {
@@ -4897,9 +4903,8 @@ var FriendListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       className: "friend-list-item__left",
       children: variant === 'user' ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [jsxRuntime.jsx(Avatar, {
-          src: avatarSrc,
-          fallback: avatarFallback !== null && avatarFallback !== void 0 ? avatarFallback : name === null || name === void 0 ? void 0 : name.charAt(0).toUpperCase(),
-          size: "md",
+          emoji: emoji,
+          size: 40,
           className: "friend-list-item__avatar"
         }), jsxRuntime.jsx("span", {
           className: "friend-list-item__name",
@@ -4910,9 +4915,8 @@ var FriendListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           className: "friend-list-item__avatar-stack",
           children: avatars.slice(0, 4).map(function (av, i) {
             return jsxRuntime.jsx(Avatar, {
-              src: av.src,
-              fallback: av.fallback,
-              size: "md",
+              emoji: av.emoji,
+              size: 40,
               className: "friend-list-item__stack-avatar",
               style: {
                 zIndex: avatars.length - i
@@ -4924,7 +4928,7 @@ var FriendListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           children: name
         })]
       })
-    }), jsxRuntime.jsx("svg", {
+    }), showChevron && jsxRuntime.jsx("svg", {
       className: "friend-list-item__chevron",
       width: "18",
       height: "18",