@dss-kit/ui-kit 0.2.17 → 0.2.18

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.
@@ -1,3 +1,49 @@
1
- import { IAvatarProps } from './Avatar.types.ts';
2
- export declare function Avatar({ attr, children, className, color, size, fullRound, ...props }: IAvatarProps): import("react/jsx-runtime").JSX.Element;
1
+ import { ReactNode } from 'react';
2
+ import { CustomType, NegativeType, NeutralType, PositiveType, PrimaryType, SecondaryType, Size, WarningType } from '../../../types/tokens.types';
3
+ export type AvatarSize = Extract<Size, "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl"> | CustomType;
4
+ export type AvatarColor = PrimaryType | SecondaryType | NegativeType | PositiveType | WarningType | CustomType | NeutralType;
5
+ /**
6
+ * Пропсы для компонента Avatar.
7
+ *
8
+ * @interface AvatarProps
9
+ * @property {ReactNode} [children] - Содержимое аватара (иконка, текст или изображение).
10
+ * @property {AvatarColor} [color="primary"] - Цветовая схема аватара.
11
+ * @property {AvatarSize} [size="md"] - Размер аватара.
12
+ * @property {boolean} [fullRound=false] - Если true, аватар будет полностью круглым.
13
+ * @property {string} [className] - Дополнительные CSS классы.
14
+ */
15
+ export interface AvatarProps {
16
+ children?: ReactNode;
17
+ color?: AvatarColor;
18
+ size?: AvatarSize;
19
+ fullRound?: boolean;
20
+ className?: string;
21
+ }
22
+ /**
23
+ * Компонент Avatar для отображения аватаров пользователей.
24
+ * Поддерживает различные размеры, цвета и может содержать текст, иконки или изображения.
25
+ *
26
+ * @component
27
+ * @param {AvatarProps} props - Пропсы для компонента Avatar.
28
+ * @param {React.Ref<HTMLDivElement>} ref - Передаваемая ссылка на базовый элемент Box.
29
+ * @returns {JSX.Element} Отрендеренный компонент Avatar.
30
+ *
31
+ * @example
32
+ * // Базовое использование
33
+ * <Avatar>AB</Avatar>
34
+ *
35
+ * // С кастомным цветом и размером
36
+ * <Avatar color="positive" size="lg">JD</Avatar>
37
+ *
38
+ * // Полностью круглый аватар
39
+ * <Avatar fullRound>
40
+ * <img src="avatar.jpg" alt="Avatar" />
41
+ * </Avatar>
42
+ *
43
+ * // С иконкой
44
+ * <Avatar color="warning" size="sm">
45
+ * <UserIcon />
46
+ * </Avatar>
47
+ */
48
+ export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarProps & import('react').RefAttributes<HTMLDivElement>>;
3
49
  //# sourceMappingURL=Avatar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAiB,EACjB,IAAW,EACX,SAAiB,EACjB,GAAG,KAAK,EACT,EAAE,YAAY,2CAoBd"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,UAAU,GAClB,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC,GAC/D,UAAU,CAAC;AAEf,MAAM,MAAM,WAAW,GACnB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,UAAU,GACV,WAAW,CAAC;AAEhB;;;;;;;;;GASG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+GD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,MAAM,wGAkDlB,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { IAvatarProps } from './Avatar.types';
3
- declare const meta: Meta<IAvatarProps>;
2
+ import { AvatarProps } from './Avatar';
3
+ declare const meta: Meta<AvatarProps>;
4
4
  type Story = StoryObj<typeof meta>;
5
5
  export declare const SvgIcon: Story;
6
6
  export declare const ImgTag: Story;
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAqC5B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;CAIhB,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAqC3B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;CAIhB,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,3 +1,2 @@
1
1
  export * from './Avatar';
2
- export type * from './Avatar.types';
3
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,mBAAmB,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}