@xsolla/xui-avatar 0.119.0 → 0.121.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-avatar",
-  "version": "0.119.0",
+  "version": "0.121.0",
   "main": "./web/index.js",
   "module": "./web/index.mjs",
   "types": "./web/index.d.ts",
@@ -10,11 +10,11 @@
     "build:native": "PLATFORM=native tsup"
   },
   "dependencies": {
-    "@xsolla/xui-badge": "0.119.0",
-    "@xsolla/xui-core": "0.119.0",
-    "@xsolla/xui-icons-base": "0.119.0",
-    "@xsolla/xui-primitives-core": "0.119.0",
-    "@xsolla/xui-tooltip": "0.119.0"
+    "@xsolla/xui-badge": "0.121.0",
+    "@xsolla/xui-core": "0.121.0",
+    "@xsolla/xui-icons-base": "0.121.0",
+    "@xsolla/xui-primitives-core": "0.121.0",
+    "@xsolla/xui-tooltip": "0.121.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/native/index.js.flow

@@ -1,177 +0,0 @@
-/**
- * Flowtype definitions for index
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-
-import React from "react";
-import { useDesignSystem } from "@xsolla/xui-core";
-declare interface AvatarProps {
-  /**
-   * Image source URL
-   */
-  src?: string;
-
-  /**
-   * Icon component to display when no image is provided
-   */
-  icon?: React.ReactNode;
-
-  /**
-   * Text/Initials to display when no image or icon is provided
-   */
-  text?: string;
-
-  /**
-   * Size of the avatar
-   */
-  size?: "xl" | "lg" | "md" | "sm" | "xs";
-
-  /**
-   * If true, the avatar will be square with small border radius. If false, it will be a circle.
-   */
-  square?: boolean;
-
-  /**
-   * Whether to show an alert badge
-   */
-  badge?: boolean;
-
-  /**
-   * Number or text to display in the badge notification
-   */
-  badgeCount?: React.ReactNode;
-
-  /**
-   * If true, the avatar will have a border to separate it from other avatars in a group
-   */
-  stroke?: boolean;
-
-  /**
-   * Background color for the avatar. Defaults to theme background secondary.
-   */
-  backgroundColor?: string;
-
-  /**
-   * Disable hover effect. Used internally by AvatarGroup.
-   */
-  disableHover?: boolean;
-
-  /**
-   * Accessible label for the avatar. Recommended for screen readers.
-   */
-  "aria-label"?: string;
-
-  /**
-   * Alternative text for the avatar image
-   */
-  alt?: string;
-
-  /**
-   * Click handler for the avatar
-   */
-  onClick?: () => void;
-
-  /**
-   * Color tone for the badge
-   */
-  badgeTone?:
-    | "primary"
-    | "secondary"
-    | "brand"
-    | "brandExtra"
-    | "success"
-    | "warning"
-    | "alert"
-    | "neutral";
-}
-declare var Avatar: React.FC<AvatarProps>;
-/**
- * Theme type from the design system
- */
-declare type Theme = $PropertyType<
-  $Call<<R>((...args: any[]) => R) => R, typeof useDesignSystem>,
-  "theme"
->;
-/**
- * Item in the avatar group list
- */
-declare interface AvatarGroupItem {
-  /**
-   * Image source URL
-   */
-  src?: string;
-
-  /**
-   * Initials to display when no image is provided
-   */
-  initials?: string;
-
-  /**
-   * Click handler for the avatar
-   */
-  onClick?: () => void;
-
-  /**
-   * Tooltip text to display on hover
-   */
-  tooltip?: string;
-}
-/**
- * Avatar background mode - preset colors, 'mixed' for cycling, or a theme function
- */
-declare type AvatarBackgroundMode =
-  | "mixed"
-  | "brand"
-  | "brandExtra"
-  | "success"
-  | "warning"
-  | "alert"
-  | "neutral"
-  | ((theme: Theme) => string);
-declare interface AvatarGroupProps {
-  /**
-   * List of avatars to display in the group.
-   * `tooltip` property is text to be displayed in the tooltip when hovering over the avatar.
-   */
-  list: AvatarGroupItem[];
-
-  /**
-   * Size of the avatars in the group
-   */
-  size?: "sm" | "md" | "lg" | "xl";
-
-  /**
-   * The maximum number of avatars to display before collapsing the rest into a "+N" counter.
-   * If the number of avatars exceeds this value, the extra avatars will be hidden.
-   */
-  maxVisible?: number;
-
-  /**
-   * Whether to show a stroke/border around each avatar
-   */
-  stroke?: boolean;
-
-  /**
-   * Controls the background color mode for avatars in the group.
-   * - 'mixed' (default): Avatars cycle through different colors
-   * - 'brand', 'brandExtra', 'success', 'warning', 'alert', 'neutral': Single color for all avatars
-   * - Theme function: A function that receives theme and returns any color from the design system.
-   *   Example: (theme) => theme.colors.core.link.link
-   */
-  avatarBackgroundMode?: AvatarBackgroundMode;
-
-  /**
-   * Accessible label for the avatar group. Defaults to "Group of X users".
-   */
-  "aria-label"?: string;
-}
-declare var AvatarGroup: React.FC<AvatarGroupProps>;
-export type {
-  AvatarBackgroundMode,
-  AvatarGroupItem,
-  AvatarGroupProps,
-  AvatarProps,
-};
-declare export { Avatar, AvatarGroup };

package/web/index.js.flow

@@ -1,177 +0,0 @@
-/**
- * Flowtype definitions for index
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-
-import React from "react";
-import { useDesignSystem } from "@xsolla/xui-core";
-declare interface AvatarProps {
-  /**
-   * Image source URL
-   */
-  src?: string;
-
-  /**
-   * Icon component to display when no image is provided
-   */
-  icon?: React.ReactNode;
-
-  /**
-   * Text/Initials to display when no image or icon is provided
-   */
-  text?: string;
-
-  /**
-   * Size of the avatar
-   */
-  size?: "xl" | "lg" | "md" | "sm" | "xs";
-
-  /**
-   * If true, the avatar will be square with small border radius. If false, it will be a circle.
-   */
-  square?: boolean;
-
-  /**
-   * Whether to show an alert badge
-   */
-  badge?: boolean;
-
-  /**
-   * Number or text to display in the badge notification
-   */
-  badgeCount?: React.ReactNode;
-
-  /**
-   * If true, the avatar will have a border to separate it from other avatars in a group
-   */
-  stroke?: boolean;
-
-  /**
-   * Background color for the avatar. Defaults to theme background secondary.
-   */
-  backgroundColor?: string;
-
-  /**
-   * Disable hover effect. Used internally by AvatarGroup.
-   */
-  disableHover?: boolean;
-
-  /**
-   * Accessible label for the avatar. Recommended for screen readers.
-   */
-  "aria-label"?: string;
-
-  /**
-   * Alternative text for the avatar image
-   */
-  alt?: string;
-
-  /**
-   * Click handler for the avatar
-   */
-  onClick?: () => void;
-
-  /**
-   * Color tone for the badge
-   */
-  badgeTone?:
-    | "primary"
-    | "secondary"
-    | "brand"
-    | "brandExtra"
-    | "success"
-    | "warning"
-    | "alert"
-    | "neutral";
-}
-declare var Avatar: React.FC<AvatarProps>;
-/**
- * Theme type from the design system
- */
-declare type Theme = $PropertyType<
-  $Call<<R>((...args: any[]) => R) => R, typeof useDesignSystem>,
-  "theme"
->;
-/**
- * Item in the avatar group list
- */
-declare interface AvatarGroupItem {
-  /**
-   * Image source URL
-   */
-  src?: string;
-
-  /**
-   * Initials to display when no image is provided
-   */
-  initials?: string;
-
-  /**
-   * Click handler for the avatar
-   */
-  onClick?: () => void;
-
-  /**
-   * Tooltip text to display on hover
-   */
-  tooltip?: string;
-}
-/**
- * Avatar background mode - preset colors, 'mixed' for cycling, or a theme function
- */
-declare type AvatarBackgroundMode =
-  | "mixed"
-  | "brand"
-  | "brandExtra"
-  | "success"
-  | "warning"
-  | "alert"
-  | "neutral"
-  | ((theme: Theme) => string);
-declare interface AvatarGroupProps {
-  /**
-   * List of avatars to display in the group.
-   * `tooltip` property is text to be displayed in the tooltip when hovering over the avatar.
-   */
-  list: AvatarGroupItem[];
-
-  /**
-   * Size of the avatars in the group
-   */
-  size?: "sm" | "md" | "lg" | "xl";
-
-  /**
-   * The maximum number of avatars to display before collapsing the rest into a "+N" counter.
-   * If the number of avatars exceeds this value, the extra avatars will be hidden.
-   */
-  maxVisible?: number;
-
-  /**
-   * Whether to show a stroke/border around each avatar
-   */
-  stroke?: boolean;
-
-  /**
-   * Controls the background color mode for avatars in the group.
-   * - 'mixed' (default): Avatars cycle through different colors
-   * - 'brand', 'brandExtra', 'success', 'warning', 'alert', 'neutral': Single color for all avatars
-   * - Theme function: A function that receives theme and returns any color from the design system.
-   *   Example: (theme) => theme.colors.core.link.link
-   */
-  avatarBackgroundMode?: AvatarBackgroundMode;
-
-  /**
-   * Accessible label for the avatar group. Defaults to "Group of X users".
-   */
-  "aria-label"?: string;
-}
-declare var AvatarGroup: React.FC<AvatarGroupProps>;
-export type {
-  AvatarBackgroundMode,
-  AvatarGroupItem,
-  AvatarGroupProps,
-  AvatarProps,
-};
-declare export { Avatar, AvatarGroup };