@hh.ru/magritte-ui-avatar 7.0.9 → 8.0.0

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.
package/index.js CHANGED
@@ -5,11 +5,7 @@ import 'react/jsx-runtime';
5
5
  import 'react';
6
6
  import 'classnames';
7
7
  import '@hh.ru/magritte-common-use-disabled';
8
- import './Placeholder/Female.js';
9
- import './Placeholder/Male.js';
10
- import './Placeholder/City.js';
11
- import './Placeholder/Undefined.js';
12
- import './Skeleton-CcD08BUY.js';
8
+ import './Skeleton-P_LoJXsU.js';
13
9
  import '@hh.ru/magritte-ui-skeleton';
14
10
  import './utils.js';
15
11
  import '@hh.ru/magritte-ui-typography/BaseText';
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-avatar",
3
- "version": "7.0.9",
3
+ "version": "8.0.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -20,11 +20,11 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@hh.ru/magritte-common-use-disabled": "1.0.13",
23
- "@hh.ru/magritte-design-tokens": "23.2.2",
23
+ "@hh.ru/magritte-design-tokens": "23.2.3",
24
24
  "@hh.ru/magritte-types": "5.0.5",
25
25
  "@hh.ru/magritte-ui-mock-component": "1.1.5",
26
- "@hh.ru/magritte-ui-skeleton": "3.0.6",
27
- "@hh.ru/magritte-ui-typography": "4.2.5"
26
+ "@hh.ru/magritte-ui-skeleton": "3.0.7",
27
+ "@hh.ru/magritte-ui-typography": "4.2.6"
28
28
  },
29
29
  "peerDependencies": {
30
30
  "classnames": ">=2.3.2",
@@ -33,5 +33,5 @@
33
33
  "publishConfig": {
34
34
  "access": "public"
35
35
  },
36
- "gitHead": "b01f070fc5e24a45a987ba451165c2f90733a37e"
36
+ "gitHead": "b4cc799f8259f1b70016044c7e0b07064cb87bb9"
37
37
  }
package/types.d.ts CHANGED
@@ -1,16 +1,14 @@
1
1
  import type { ReactElement } from 'react';
2
2
  import { TokenColorBackground } from '@hh.ru/magritte-design-tokens/types';
3
- export type AvatarSize = 24 | 40 | 48 | 96 | 208;
3
+ export type AvatarSize = 16 | 24 | 40 | 48 | 80 | 96 | 120 | 208;
4
4
  export type AvatarMode = 'letters' | 'icon' | 'placeholder' | 'image';
5
5
  export type AvatarLettersStyle = 'color-1' | 'color-2' | 'color-3' | 'color-4' | 'color-5' | 'color-6' | 'color-7' | 'color-8' | 'color-9';
6
6
  export type AvatarIconStyle = TokenColorBackground;
7
7
  export type AvatarPlaceholder = 'female' | 'male' | 'city' | 'undefined';
8
- export type AvatarOnlineStyle = 'positive' | 'contrast';
8
+ export type AvatarOnlineStyle = 'positive' | 'constant';
9
9
  interface AvatarBaseProps {
10
10
  /** Режим отображения компонента */
11
11
  mode: AvatarMode;
12
- /** Физический размер компонента */
13
- size?: AvatarSize;
14
12
  /** Лейбл аватара для скринридеров (в режиме image подставляется в alt картинки) */
15
13
  'aria-label': string;
16
14
  /** Круглая ли форма у компонента */
@@ -32,7 +30,6 @@ interface AvatarModeCustomBaseProps {
32
30
  icon?: never;
33
31
  placeholder?: never;
34
32
  image?: never;
35
- fallbackMode?: never;
36
33
  }
37
34
  type OverrideCustomBaseProps<Override> = Omit<AvatarModeCustomBaseProps, keyof Override> & Override;
38
35
  type AvatarLettersProps = OverrideCustomBaseProps<{
@@ -42,6 +39,8 @@ type AvatarLettersProps = OverrideCustomBaseProps<{
42
39
  letters: string;
43
40
  /** Фон компонента в режиме letters */
44
41
  style: AvatarLettersStyle;
42
+ /** Размер */
43
+ size?: Exclude<AvatarSize, 16>;
45
44
  }>;
46
45
  type AvatarIconProps = OverrideCustomBaseProps<{
47
46
  /** Режим отображения компонента */
@@ -50,6 +49,8 @@ type AvatarIconProps = OverrideCustomBaseProps<{
50
49
  icon: ReactElement;
51
50
  /** Фон компонента в режиме icon */
52
51
  style: AvatarIconStyle;
52
+ /** Размер */
53
+ size?: Exclude<AvatarSize, 16>;
53
54
  }>;
54
55
  type AvatarPlaceholderHumanProps = OverrideCustomBaseProps<{
55
56
  /** Круглая ли форма у компонента */
@@ -66,28 +67,22 @@ type AvatarPlaceholderCityProps = OverrideCustomBaseProps<{
66
67
  type AvatarPlaceholderProps = OverrideCustomBaseProps<{
67
68
  /** Режим отображения компонента */
68
69
  mode: 'placeholder';
70
+ /** Размер */
71
+ size?: AvatarSize;
69
72
  } & (AvatarPlaceholderHumanProps | AvatarPlaceholderCityProps)>;
70
73
  interface AvatarImageBaseProps {
71
74
  /** Режим отображения компонента */
72
75
  mode: 'image';
73
76
  /** Src картинки для отображения внутри компонента */
74
77
  image: string;
75
- /** Пока картика грузится, или в случае ошибки при ее загрузке,
76
- аватар нужно выводить в режиме либо letters, либо placeholder для показа заглушки,
77
- поэтому один из этих режимов и его пропы должны быть обязательно переданы компоненту */
78
- fallbackMode?: 'letters' | 'placeholder';
79
78
  }
80
- type AvatarImageFallbackVariants = (Omit<AvatarLettersProps, keyof AvatarImageBaseProps> & {
81
- fallbackMode: 'letters';
82
- }) | (Omit<AvatarPlaceholderProps, keyof AvatarImageBaseProps> & {
83
- fallbackMode: 'placeholder';
84
- });
79
+ type AvatarImageFallbackVariants = Omit<AvatarPlaceholderProps, keyof AvatarImageBaseProps>;
85
80
  type AvatarImageProps = AvatarImageBaseProps & AvatarImageFallbackVariants;
86
81
  type AvatarVariants = AvatarLettersProps | AvatarIconProps | AvatarPlaceholderProps | AvatarImageProps;
87
82
  export type AvatarProps = AvatarBaseProps & AvatarVariants;
88
83
  export interface AvatarStackProps {
89
84
  /** Размер аватаров в стеке */
90
- size: Extract<AvatarSize, 24 | 40 | 48 | 96>;
85
+ size: Extract<AvatarSize, 16 | 24 | 40 | 48 | 80 | 96>;
91
86
  /** Форма аватаров в стеке */
92
87
  shape?: 'circle' | 'rectangle';
93
88
  /** Переключает свойство `display` компонента с `flex` на `inline-flex` */
package/utils.d.ts CHANGED
@@ -1,8 +1,11 @@
1
1
  export declare const AVATAR_TYPOGRAPHY_MAP: {
2
+ readonly 16: "subtitle-4-semibold";
2
3
  readonly 24: "subtitle-4-semibold";
3
4
  readonly 40: "subtitle-1-semibold";
4
5
  readonly 48: "subtitle-1-semibold";
6
+ readonly 80: "title-4-semibold";
5
7
  readonly 96: "title-3-semibold";
8
+ readonly 120: "title-3-semibold";
6
9
  readonly 208: "title-1-semibold";
7
10
  };
8
11
  export declare const formatLetters: (letters: string) => string;
package/utils.js CHANGED
@@ -1,9 +1,12 @@
1
1
  import './index.css';
2
2
  const AVATAR_TYPOGRAPHY_MAP = {
3
+ 16: 'subtitle-4-semibold', // не используется т.к. у размера 16px нет mode=letters
3
4
  24: 'subtitle-4-semibold',
4
5
  40: 'subtitle-1-semibold',
5
6
  48: 'subtitle-1-semibold',
7
+ 80: 'title-4-semibold',
6
8
  96: 'title-3-semibold',
9
+ 120: 'title-3-semibold',
7
10
  208: 'title-1-semibold',
8
11
  };
9
12
  var LettersLength;
package/utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["export const AVATAR_TYPOGRAPHY_MAP = {\n 24: 'subtitle-4-semibold',\n 40: 'subtitle-1-semibold',\n 48: 'subtitle-1-semibold',\n 96: 'title-3-semibold',\n 208: 'title-1-semibold',\n} as const;\n\nenum LettersLength {\n Min = 1,\n Max = 2,\n}\n\nexport const formatLetters = (letters: string): string => {\n if (letters.length > LettersLength.Max) {\n // TODO: Отправлять событие в Sentry\n // `Magritte component Avatar: Prop \"letters\" are not valid. No more than ${LettersLength.Max} letters`\n return letters.slice(0, LettersLength.Max);\n } else if (letters.length < LettersLength.Min) {\n // TODO: Отправлять событие в Sentry\n // `Magritte component Avatar: Prop \"letters\" are not valid. At least than ${LettersLength.Min} letters`;\n }\n return letters;\n};\n"],"names":[],"mappings":"AAAa,MAAA,qBAAqB,GAAG;AACjC,IAAA,EAAE,EAAE,qBAAqB;AACzB,IAAA,EAAE,EAAE,qBAAqB;AACzB,IAAA,EAAE,EAAE,qBAAqB;AACzB,IAAA,EAAE,EAAE,kBAAkB;AACtB,IAAA,GAAG,EAAE,kBAAkB;EAChB;AAEX,IAAK,aAGJ,CAAA;AAHD,CAAA,UAAK,aAAa,EAAA;AACd,IAAA,aAAA,CAAA,aAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAO,CAAA;AACP,IAAA,aAAA,CAAA,aAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAO,CAAA;AACX,CAAC,EAHI,aAAa,KAAb,aAAa,GAGjB,EAAA,CAAA,CAAA,CAAA;AAEY,MAAA,aAAa,GAAG,CAAC,OAAe,KAAY;IACrD,IAAI,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC,GAAG,EAAE;;;QAGpC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;KAC9C;SAAM,IAAI,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC,GAAG,EAAE,CAG9C;AACD,IAAA,OAAO,OAAO,CAAC;AACnB;;;;"}
1
+ {"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["export const AVATAR_TYPOGRAPHY_MAP = {\n 16: 'subtitle-4-semibold', // не используется т.к. у размера 16px нет mode=letters\n 24: 'subtitle-4-semibold',\n 40: 'subtitle-1-semibold',\n 48: 'subtitle-1-semibold',\n 80: 'title-4-semibold',\n 96: 'title-3-semibold',\n 120: 'title-3-semibold',\n 208: 'title-1-semibold',\n} as const;\n\nenum LettersLength {\n Min = 1,\n Max = 2,\n}\n\nexport const formatLetters = (letters: string): string => {\n if (letters.length > LettersLength.Max) {\n // TODO: Отправлять событие в Sentry\n // `Magritte component Avatar: Prop \"letters\" are not valid. No more than ${LettersLength.Max} letters`\n return letters.slice(0, LettersLength.Max);\n } else if (letters.length < LettersLength.Min) {\n // TODO: Отправлять событие в Sentry\n // `Magritte component Avatar: Prop \"letters\" are not valid. At least than ${LettersLength.Min} letters`;\n }\n return letters;\n};\n"],"names":[],"mappings":"AAAa,MAAA,qBAAqB,GAAG;IACjC,EAAE,EAAE,qBAAqB;AACzB,IAAA,EAAE,EAAE,qBAAqB;AACzB,IAAA,EAAE,EAAE,qBAAqB;AACzB,IAAA,EAAE,EAAE,qBAAqB;AACzB,IAAA,EAAE,EAAE,kBAAkB;AACtB,IAAA,EAAE,EAAE,kBAAkB;AACtB,IAAA,GAAG,EAAE,kBAAkB;AACvB,IAAA,GAAG,EAAE,kBAAkB;EAChB;AAEX,IAAK,aAGJ,CAAA;AAHD,CAAA,UAAK,aAAa,EAAA;AACd,IAAA,aAAA,CAAA,aAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAO,CAAA;AACP,IAAA,aAAA,CAAA,aAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAO,CAAA;AACX,CAAC,EAHI,aAAa,KAAb,aAAa,GAGjB,EAAA,CAAA,CAAA,CAAA;AAEY,MAAA,aAAa,GAAG,CAAC,OAAe,KAAY;IACrD,IAAI,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC,GAAG,EAAE;;;QAGpC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;KAC9C;SAAM,IAAI,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC,GAAG,EAAE,CAG9C;AACD,IAAA,OAAO,OAAO,CAAC;AACnB;;;;"}
@@ -1,3 +0,0 @@
1
- import { SVGProps, FC } from 'react';
2
- declare const City: FC<SVGProps<SVGSVGElement>>;
3
- export { City };
@@ -1,7 +0,0 @@
1
- import './../index.css';
2
- import { jsxs, jsx } from 'react/jsx-runtime';
3
-
4
- const City = (props) => (jsxs("svg", { "data-qa": "svg-city", viewBox: "0 0 208 208", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [jsx("rect", { width: "208", height: "208", transform: "translate(0.333374)", fill: "var(--magritte-ui-avatar-placeholder-background)" }), jsx("path", { d: "M168.333 208V118.052C168.333 113.824 165.673 110.052 161.69 108.632L134.333 98.8848V208H168.333Z", fill: "var(--magritte-ui-avatar-placeholder-shadow-city)" }), jsx("path", { d: "M40.3334 72.3726C40.3334 70.7381 41.3278 69.268 42.8449 68.6598L112.284 40.8215C113.56 40.3102 115.008 40.4893 116.121 41.2958L130.203 51.5056C132.798 53.3866 134.333 56.397 134.333 59.6017V208H40.3334V72.3726Z", fill: "var(--magritte-ui-avatar-placeholder-city)" }), jsx("path", { d: "M114.333 47.5L126.658 56.3035C127.71 57.0544 128.333 58.2666 128.333 59.5584V208H114.333V47.5Z", fill: "var(--magritte-ui-avatar-placeholder-shadow-city)" })] }));
5
-
6
- export { City };
7
- //# sourceMappingURL=City.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"City.js","sources":["../../src/Placeholder/City.tsx"],"sourcesContent":["import { SVGProps, FC } from 'react';\n\nconst City: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg data-qa=\"svg-city\" viewBox=\"0 0 208 208\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <rect\n width=\"208\"\n height=\"208\"\n transform=\"translate(0.333374)\"\n fill=\"var(--magritte-ui-avatar-placeholder-background)\"\n />\n <path\n d=\"M168.333 208V118.052C168.333 113.824 165.673 110.052 161.69 108.632L134.333 98.8848V208H168.333Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-shadow-city)\"\n />\n <path\n d=\"M40.3334 72.3726C40.3334 70.7381 41.3278 69.268 42.8449 68.6598L112.284 40.8215C113.56 40.3102 115.008 40.4893 116.121 41.2958L130.203 51.5056C132.798 53.3866 134.333 56.397 134.333 59.6017V208H40.3334V72.3726Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-city)\"\n />\n <path\n d=\"M114.333 47.5L126.658 56.3035C127.71 57.0544 128.333 58.2666 128.333 59.5584V208H114.333V47.5Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-shadow-city)\"\n />\n </svg>\n);\n\nexport { City };\n"],"names":["_jsxs","_jsx"],"mappings":";;AAEA,MAAM,IAAI,GAAgC,CAAC,KAAK,MAC5CA,IAAA,CAAA,KAAA,EAAA,EAAA,SAAA,EAAa,UAAU,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAK,GAAA,KAAK,aAClGC,GACI,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,kDAAkD,EACzD,CAAA,EACFA,cACI,CAAC,EAAC,kGAAkG,EACpG,IAAI,EAAC,mDAAmD,EAC1D,CAAA,EACFA,cACI,CAAC,EAAC,oNAAoN,EACtN,IAAI,EAAC,4CAA4C,EACnD,CAAA,EACFA,cACI,CAAC,EAAC,gGAAgG,EAClG,IAAI,EAAC,mDAAmD,EAC1D,CAAA,CAAA,EAAA,CACA;;;;"}
@@ -1,3 +0,0 @@
1
- import { SVGProps, FC } from 'react';
2
- declare const Female: FC<SVGProps<SVGSVGElement>>;
3
- export { Female };
@@ -1,7 +0,0 @@
1
- import './../index.css';
2
- import { jsxs, jsx } from 'react/jsx-runtime';
3
-
4
- const Female = (props) => (jsxs("svg", { "data-qa": "svg-female", viewBox: "0 0 208 208", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [jsx("rect", { width: "208", height: "208", fill: "var(--magritte-ui-avatar-placeholder-background)" }), jsx("path", { d: "M127.173 79.8894C127.189 79.1933 128.026 79.1201 128.436 79.4316C128.754 79.6091 128.895 80.1021 128.809 80.5518C129.241 83.1982 129.581 85.7106 130.013 88.357C136.835 79.7558 149.235 76.9989 158.979 83.174C168.086 88.9941 171.001 111.745 135.501 120.502C131.5 123.502 117 125.002 111.753 103.279C111.682 93.2427 118.526 84.529 127.173 79.8894Z", fill: "var(--magritte-ui-avatar-placeholder-hair)" }), jsx("path", { d: "M28.0441 167.788C21.826 195.052 18.7311 223.361 14.1881 250.885C9.42226 279.982 4.68042 308.967 -0.0853729 338.064L-1.00047 342.848C14.5039 346.419 30.8401 350.407 46.3671 353.868C90.9428 363.918 134.837 376.598 179.293 387.201C200.345 337.142 219.778 286.027 235.82 234.041C243.806 208.213 244.758 181.282 225.443 160.043C216.099 149.841 204.347 143.858 191.629 140.212C188.924 139.377 186.108 138.517 183.355 137.905C179.635 136.959 175.781 136.1 171.989 135.487C167.45 134.592 162.753 133.893 158.277 133.243L127.871 128.671L116.251 126.895C115.457 126.833 114.686 126.662 113.915 126.49C102.87 124.724 91.7381 122.824 80.6188 123.013C69.1682 123.13 56.9012 125.964 47.8363 133.224C36.9821 141.825 31.1109 154.087 28.0441 167.788Z", fill: "var(--magritte-ui-avatar-placeholder-hair)" }), jsx("path", { d: "M103.74 123.732L95.6984 197.532C95.6984 197.532 137.13 157.315 158.742 133.268C155.051 132.316 151.227 131.449 147.465 130.831C142.962 129.929 138.302 129.224 133.861 128.569L103.74 123.732Z", fill: "var(--magritte-ui-avatar-placeholder-body)" }), jsx("path", { d: "M97.8143 115.298C99.0227 116.625 108.229 179.332 108.229 179.332L148.012 142.157L129 100L97.8143 115.298Z", fill: "var(--magritte-ui-avatar-placeholder-body)" }), jsx("path", { d: "M101.71 148.534C100.068 137.868 98.402 127.706 98.0001 127.274L112.673 122C113.831 131.449 108.467 141.173 101.71 148.534Z", fill: "var(--magritte-ui-avatar-placeholder-shadow-female)" }), jsx("path", { d: "M121.545 40.7383C111.161 30.599 85.3871 35.4814 71.93 46.2862C66.0912 51.0172 60.5415 47.9025 61.6427 54.0842C64.3767 69.3597 74.0239 120.283 82.7631 126.794C100.374 139.728 121.191 125.699 127.329 107.658C133.554 89.7517 136.293 55.2372 121.545 40.7383Z", fill: "var(--magritte-ui-avatar-placeholder-body)" }), jsx("path", { d: "M56.0176 41.9837C61.9834 36.7831 74.9427 37.4243 81.3074 39.639C95.1733 33.9235 112.672 32.6801 120.968 40.1438C131.22 49.4771 133.446 67.5345 132.042 83.8281C125.848 83.0025 122.779 78.6471 116.718 75.0286C97.7466 73.2611 84.9353 61.0313 82.042 54.2301C78.3492 58.2067 63.3398 59.3993 58.12 55.1646C51.1278 48.7596 54.1283 43.6248 56.0176 41.9837Z", fill: "var(--magritte-ui-avatar-placeholder-hair)" }), jsx("path", { d: "M142.838 74.8316C138.561 67.841 123.674 66.785 116.5 75.5006C118.078 84.3219 121.503 92.5524 122.726 101.41C127.77 102.657 137.388 100.869 141.908 95.386C147.168 89.1414 147.462 82.3637 142.838 74.8316Z", fill: "var(--magritte-ui-avatar-placeholder-body)" })] }));
5
-
6
- export { Female };
7
- //# sourceMappingURL=Female.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Female.js","sources":["../../src/Placeholder/Female.tsx"],"sourcesContent":["import { SVGProps, FC } from 'react';\n\nconst Female: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg data-qa=\"svg-female\" viewBox=\"0 0 208 208\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <rect width=\"208\" height=\"208\" fill=\"var(--magritte-ui-avatar-placeholder-background)\" />\n <path\n d=\"M127.173 79.8894C127.189 79.1933 128.026 79.1201 128.436 79.4316C128.754 79.6091 128.895 80.1021 128.809 80.5518C129.241 83.1982 129.581 85.7106 130.013 88.357C136.835 79.7558 149.235 76.9989 158.979 83.174C168.086 88.9941 171.001 111.745 135.501 120.502C131.5 123.502 117 125.002 111.753 103.279C111.682 93.2427 118.526 84.529 127.173 79.8894Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-hair)\"\n />\n <path\n d=\"M28.0441 167.788C21.826 195.052 18.7311 223.361 14.1881 250.885C9.42226 279.982 4.68042 308.967 -0.0853729 338.064L-1.00047 342.848C14.5039 346.419 30.8401 350.407 46.3671 353.868C90.9428 363.918 134.837 376.598 179.293 387.201C200.345 337.142 219.778 286.027 235.82 234.041C243.806 208.213 244.758 181.282 225.443 160.043C216.099 149.841 204.347 143.858 191.629 140.212C188.924 139.377 186.108 138.517 183.355 137.905C179.635 136.959 175.781 136.1 171.989 135.487C167.45 134.592 162.753 133.893 158.277 133.243L127.871 128.671L116.251 126.895C115.457 126.833 114.686 126.662 113.915 126.49C102.87 124.724 91.7381 122.824 80.6188 123.013C69.1682 123.13 56.9012 125.964 47.8363 133.224C36.9821 141.825 31.1109 154.087 28.0441 167.788Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-hair)\"\n />\n <path\n d=\"M103.74 123.732L95.6984 197.532C95.6984 197.532 137.13 157.315 158.742 133.268C155.051 132.316 151.227 131.449 147.465 130.831C142.962 129.929 138.302 129.224 133.861 128.569L103.74 123.732Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-body)\"\n />\n <path\n d=\"M97.8143 115.298C99.0227 116.625 108.229 179.332 108.229 179.332L148.012 142.157L129 100L97.8143 115.298Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-body)\"\n />\n <path\n d=\"M101.71 148.534C100.068 137.868 98.402 127.706 98.0001 127.274L112.673 122C113.831 131.449 108.467 141.173 101.71 148.534Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-shadow-female)\"\n />\n <path\n d=\"M121.545 40.7383C111.161 30.599 85.3871 35.4814 71.93 46.2862C66.0912 51.0172 60.5415 47.9025 61.6427 54.0842C64.3767 69.3597 74.0239 120.283 82.7631 126.794C100.374 139.728 121.191 125.699 127.329 107.658C133.554 89.7517 136.293 55.2372 121.545 40.7383Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-body)\"\n />\n <path\n d=\"M56.0176 41.9837C61.9834 36.7831 74.9427 37.4243 81.3074 39.639C95.1733 33.9235 112.672 32.6801 120.968 40.1438C131.22 49.4771 133.446 67.5345 132.042 83.8281C125.848 83.0025 122.779 78.6471 116.718 75.0286C97.7466 73.2611 84.9353 61.0313 82.042 54.2301C78.3492 58.2067 63.3398 59.3993 58.12 55.1646C51.1278 48.7596 54.1283 43.6248 56.0176 41.9837Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-hair)\"\n />\n <path\n d=\"M142.838 74.8316C138.561 67.841 123.674 66.785 116.5 75.5006C118.078 84.3219 121.503 92.5524 122.726 101.41C127.77 102.657 137.388 100.869 141.908 95.386C147.168 89.1414 147.462 82.3637 142.838 74.8316Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-body)\"\n />\n </svg>\n);\n\nexport { Female };\n"],"names":["_jsxs","_jsx"],"mappings":";;AAEM,MAAA,MAAM,GAAgC,CAAC,KAAK,MAC9CA,IAAA,CAAA,KAAA,EAAA,EAAA,SAAA,EAAa,YAAY,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EAAA,QAAA,EAAA,CACpGC,GAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,kDAAkD,EAAA,CAAG,EACzFA,GAAA,CAAA,MAAA,EAAA,EACI,CAAC,EAAC,0VAA0V,EAC5V,IAAI,EAAC,4CAA4C,EAAA,CACnD,EACFA,GAAA,CAAA,MAAA,EAAA,EACI,CAAC,EAAC,+tBAA+tB,EACjuB,IAAI,EAAC,4CAA4C,EAAA,CACnD,EACFA,GAAA,CAAA,MAAA,EAAA,EACI,CAAC,EAAC,gMAAgM,EAClM,IAAI,EAAC,4CAA4C,EACnD,CAAA,EACFA,GACI,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,2GAA2G,EAC7G,IAAI,EAAC,4CAA4C,EACnD,CAAA,EACFA,GACI,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,4HAA4H,EAC9H,IAAI,EAAC,qDAAqD,EAC5D,CAAA,EACFA,GACI,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,gQAAgQ,EAClQ,IAAI,EAAC,4CAA4C,EAAA,CACnD,EACFA,GAAA,CAAA,MAAA,EAAA,EACI,CAAC,EAAC,8VAA8V,EAChW,IAAI,EAAC,4CAA4C,EAAA,CACnD,EACFA,GAAA,CAAA,MAAA,EAAA,EACI,CAAC,EAAC,4MAA4M,EAC9M,IAAI,EAAC,4CAA4C,EAAA,CACnD,CACA,EAAA,CAAA;;;;"}
@@ -1,3 +0,0 @@
1
- import { SVGProps, FC } from 'react';
2
- declare const Male: FC<SVGProps<SVGSVGElement>>;
3
- export { Male };
@@ -1,7 +0,0 @@
1
- import './../index.css';
2
- import { jsxs, jsx } from 'react/jsx-runtime';
3
-
4
- const Male = (props) => (jsxs("svg", { "data-qa": "svg-male", viewBox: "0 0 208 208", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [jsx("rect", { width: "208", height: "208", fill: "var(--magritte-ui-avatar-placeholder-background)" }), jsx("path", { d: "M23.9833 174.59L113.41 157.735L225.224 191.671C225.224 191.671 250.259 479.463 243.525 478.31C236.654 477.167 -7.79446 482.039 -8.17889 476.943C-8.5632 471.849 -34.4447 341.701 -34.4447 341.701L23.9833 174.59Z", fill: "var(--magritte-ui-avatar-placeholder-clothes)" }), jsx("path", { d: "M116.781 158.313L114.884 158.871L61.4973 174.391L38.0514 181.145C38.0514 181.145 34.6757 215.325 11.0479 316.945C9.47085 323.572 7.88331 330.061 6.27513 336.275C-22.5943 315.191 -52.2172 295.131 -82.0947 275.368C-75.9633 261.197 -67.1118 240.867 -54.436 212.493C-30.4016 158.477 -2.57847 156.516 55.7929 157.512C72.5673 157.77 91.7238 158.403 114.133 158.096C114.98 158.309 115.807 158.247 116.781 158.313Z", fill: "var(--magritte-ui-avatar-placeholder-clothes)" }), jsx("path", { d: "M292.122 302.108C260.506 305.187 228.942 308.953 198.219 316.533L185.178 211.585L140.855 178.374L114.874 158.871L114.144 158.372L113.266 157.746C127.138 158.084 141.774 157.534 156.283 157.131C206.726 155.818 255.78 156.271 266.252 199.654C277.643 246.012 285.665 271.578 292.122 302.108Z", fill: "var(--magritte-ui-avatar-placeholder-clothes)" }), jsx("path", { d: "M108.001 172.269C119.623 168.485 130.939 164.308 142.394 160.12L112.224 101.608L68.844 124.959C69.7221 125.585 79.0943 154.372 86.5469 177.904C93.7405 175.977 100.965 174.463 108.001 172.269Z", fill: "var(--magritte-ui-avatar-placeholder-body)" }), jsx("path", { d: "M99.3654 112.96C99.0933 111.18 98.8212 109.401 98.2721 107.642L68.9863 125.083C69.5681 125.455 73.8491 138.148 78.7405 153.426C89.4855 141.676 97.5756 127.773 99.3654 112.96Z", fill: "var(--magritte-ui-avatar-placeholder-shadow-male)" }), jsx("path", { d: "M144.524 69.1209C143.075 53.5829 118.601 39.3668 99.9855 38.5556C91.9261 38.1943 89.5106 31.8684 86.0604 37.5291C77.5781 51.7392 49.6836 94.9694 52.2653 110.837C56.0861 133.951 84.569 137.063 102.228 127.008C120.022 116.942 146.6 91.1195 144.524 69.1209Z", fill: "var(--magritte-ui-avatar-placeholder-body)" }), jsx("path", { d: "M145.753 72.4915C147.93 68.3116 146.317 63.4483 142.804 60.944C142.656 60.8166 142.656 60.8166 142.507 60.6894C143.028 52.8957 136.915 47.1257 129.979 46.9567C129.007 45.0914 127.379 43.691 125.24 42.883C124.903 42.0778 124.575 41.4101 123.982 40.9009C122.651 39.7551 121.095 39.3187 119.441 39.4435C118.081 36.0843 115.925 33.2005 112.495 31.7977C110.348 30.8519 108.027 31.304 106.311 32.4027C102.006 28.5734 96.789 25.5051 91.8112 25.6038C89.736 25.6218 85.678 26.8973 84.2724 32.1268C82.1968 32.1449 80.3522 33.3917 79.5546 35.6676C78.427 39.0759 80.339 42.3935 83.1109 44.2613C84.719 45.3863 86.9841 46.0462 89.0391 45.7526C95.9026 52.2969 114.028 63.1149 118.148 62.6657C115.532 70.202 113.218 87.2698 122.007 88.1299C124.21 95.3028 116.99 107.894 121.368 112.688C129.639 104.863 137.246 95.5655 141.359 85.8391C141.496 85.8288 141.772 85.808 142.047 85.7872C148.14 83.9429 149.527 76.6377 145.753 72.4915Z", fill: "var(--magritte-ui-avatar-placeholder-hair)" }), jsx("path", { d: "M140.151 104.76C141.594 96.3432 132.67 86.3542 121.049 88.3387C116.251 96.3166 111.305 104.167 106.21 111.89C109.317 116.364 118.141 121.376 125.535 120.264C133.872 118.804 138.613 113.738 140.151 104.76Z", fill: "var(--magritte-ui-avatar-placeholder-body)" }), jsx("path", { d: "M156.755 156.883C153.217 165.043 147.805 172.237 141.188 178.136C133.925 184.639 125.011 189.465 114.809 191.896C95.2214 196.558 72.2825 189.842 61.6836 174.164C58.5559 169.414 56.4778 163.894 56 157.561C72.7744 157.818 91.9311 158.451 114.34 158.144L113.462 157.519C127.463 157.709 142.098 157.159 156.755 156.883Z", fill: "var(--magritte-ui-avatar-placeholder-body)" })] }));
5
-
6
- export { Male };
7
- //# sourceMappingURL=Male.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Male.js","sources":["../../src/Placeholder/Male.tsx"],"sourcesContent":["import { SVGProps, FC } from 'react';\n\nconst Male: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg data-qa=\"svg-male\" viewBox=\"0 0 208 208\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <rect width=\"208\" height=\"208\" fill=\"var(--magritte-ui-avatar-placeholder-background)\" />\n <path\n d=\"M23.9833 174.59L113.41 157.735L225.224 191.671C225.224 191.671 250.259 479.463 243.525 478.31C236.654 477.167 -7.79446 482.039 -8.17889 476.943C-8.5632 471.849 -34.4447 341.701 -34.4447 341.701L23.9833 174.59Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-clothes)\"\n />\n <path\n d=\"M116.781 158.313L114.884 158.871L61.4973 174.391L38.0514 181.145C38.0514 181.145 34.6757 215.325 11.0479 316.945C9.47085 323.572 7.88331 330.061 6.27513 336.275C-22.5943 315.191 -52.2172 295.131 -82.0947 275.368C-75.9633 261.197 -67.1118 240.867 -54.436 212.493C-30.4016 158.477 -2.57847 156.516 55.7929 157.512C72.5673 157.77 91.7238 158.403 114.133 158.096C114.98 158.309 115.807 158.247 116.781 158.313Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-clothes)\"\n />\n <path\n d=\"M292.122 302.108C260.506 305.187 228.942 308.953 198.219 316.533L185.178 211.585L140.855 178.374L114.874 158.871L114.144 158.372L113.266 157.746C127.138 158.084 141.774 157.534 156.283 157.131C206.726 155.818 255.78 156.271 266.252 199.654C277.643 246.012 285.665 271.578 292.122 302.108Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-clothes)\"\n />\n <path\n d=\"M108.001 172.269C119.623 168.485 130.939 164.308 142.394 160.12L112.224 101.608L68.844 124.959C69.7221 125.585 79.0943 154.372 86.5469 177.904C93.7405 175.977 100.965 174.463 108.001 172.269Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-body)\"\n />\n <path\n d=\"M99.3654 112.96C99.0933 111.18 98.8212 109.401 98.2721 107.642L68.9863 125.083C69.5681 125.455 73.8491 138.148 78.7405 153.426C89.4855 141.676 97.5756 127.773 99.3654 112.96Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-shadow-male)\"\n />\n <path\n d=\"M144.524 69.1209C143.075 53.5829 118.601 39.3668 99.9855 38.5556C91.9261 38.1943 89.5106 31.8684 86.0604 37.5291C77.5781 51.7392 49.6836 94.9694 52.2653 110.837C56.0861 133.951 84.569 137.063 102.228 127.008C120.022 116.942 146.6 91.1195 144.524 69.1209Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-body)\"\n />\n <path\n d=\"M145.753 72.4915C147.93 68.3116 146.317 63.4483 142.804 60.944C142.656 60.8166 142.656 60.8166 142.507 60.6894C143.028 52.8957 136.915 47.1257 129.979 46.9567C129.007 45.0914 127.379 43.691 125.24 42.883C124.903 42.0778 124.575 41.4101 123.982 40.9009C122.651 39.7551 121.095 39.3187 119.441 39.4435C118.081 36.0843 115.925 33.2005 112.495 31.7977C110.348 30.8519 108.027 31.304 106.311 32.4027C102.006 28.5734 96.789 25.5051 91.8112 25.6038C89.736 25.6218 85.678 26.8973 84.2724 32.1268C82.1968 32.1449 80.3522 33.3917 79.5546 35.6676C78.427 39.0759 80.339 42.3935 83.1109 44.2613C84.719 45.3863 86.9841 46.0462 89.0391 45.7526C95.9026 52.2969 114.028 63.1149 118.148 62.6657C115.532 70.202 113.218 87.2698 122.007 88.1299C124.21 95.3028 116.99 107.894 121.368 112.688C129.639 104.863 137.246 95.5655 141.359 85.8391C141.496 85.8288 141.772 85.808 142.047 85.7872C148.14 83.9429 149.527 76.6377 145.753 72.4915Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-hair)\"\n />\n <path\n d=\"M140.151 104.76C141.594 96.3432 132.67 86.3542 121.049 88.3387C116.251 96.3166 111.305 104.167 106.21 111.89C109.317 116.364 118.141 121.376 125.535 120.264C133.872 118.804 138.613 113.738 140.151 104.76Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-body)\"\n />\n <path\n d=\"M156.755 156.883C153.217 165.043 147.805 172.237 141.188 178.136C133.925 184.639 125.011 189.465 114.809 191.896C95.2214 196.558 72.2825 189.842 61.6836 174.164C58.5559 169.414 56.4778 163.894 56 157.561C72.7744 157.818 91.9311 158.451 114.34 158.144L113.462 157.519C127.463 157.709 142.098 157.159 156.755 156.883Z\"\n fill=\"var(--magritte-ui-avatar-placeholder-body)\"\n />\n </svg>\n);\n\nexport { Male };\n"],"names":["_jsxs","_jsx"],"mappings":";;AAEA,MAAM,IAAI,GAAgC,CAAC,KAAK,MAC5CA,IAAa,CAAA,KAAA,EAAA,EAAA,SAAA,EAAA,UAAU,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAK,GAAA,KAAK,EAClG,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,kDAAkD,EAAG,CAAA,EACzFA,GACI,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,+CAA+C,EAAA,CACtD,EACFA,GAAA,CAAA,MAAA,EAAA,EACI,CAAC,EAAC,wZAAwZ,EAC1Z,IAAI,EAAC,+CAA+C,EAAA,CACtD,EACFA,GAAA,CAAA,MAAA,EAAA,EACI,CAAC,EAAC,kSAAkS,EACpS,IAAI,EAAC,+CAA+C,EACtD,CAAA,EACFA,GACI,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,iMAAiM,EACnM,IAAI,EAAC,4CAA4C,EACnD,CAAA,EACFA,GACI,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,gLAAgL,EAClL,IAAI,EAAC,mDAAmD,EAC1D,CAAA,EACFA,GACI,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,gQAAgQ,EAClQ,IAAI,EAAC,4CAA4C,EAAA,CACnD,EACFA,GAAA,CAAA,MAAA,EAAA,EACI,CAAC,EAAC,k5BAAk5B,EACp5B,IAAI,EAAC,4CAA4C,EAAA,CACnD,EACFA,GAAA,CAAA,MAAA,EAAA,EACI,CAAC,EAAC,8MAA8M,EAChN,IAAI,EAAC,4CAA4C,EACnD,CAAA,EACFA,GACI,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,6TAA6T,EAC/T,IAAI,EAAC,4CAA4C,EACnD,CAAA,CAAA,EAAA,CACA;;;;"}
@@ -1,3 +0,0 @@
1
- import { SVGProps, FC } from 'react';
2
- declare const Undefined: FC<SVGProps<SVGSVGElement>>;
3
- export { Undefined };
@@ -1,7 +0,0 @@
1
- import './../index.css';
2
- import { jsxs, jsx } from 'react/jsx-runtime';
3
-
4
- const Undefined = (props) => (jsxs("svg", { "data-qa": "svg-undefined", viewBox: "0 0 208 208", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [jsxs("g", { clipPath: "url(#clip0_40934_55262)", children: [jsx("rect", { width: "208", height: "208", fill: "var(--magritte-ui-avatar-placeholder-background)" }), jsx("circle", { cx: "104", cy: "225.333", r: "95.3333", fill: "var(--magritte-ui-avatar-placeholder-body)" }), jsx("mask", { id: "mask0_40934_55262", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "8", y: "130", width: "192", height: "191", children: jsx("circle", { cx: "103.999", cy: "225.333", r: "95.3333", fill: "var(--magritte-ui-avatar-placeholder-shadow-male)" }) }), jsx("g", { mask: "url(#mask0_40934_55262)", children: jsx("circle", { cx: "121.333", cy: "121.333", r: "52", fill: "var(--magritte-ui-avatar-placeholder-shadow-male)" }) }), jsx("circle", { cx: "104", cy: "86.667", r: "52", fill: "var(--magritte-ui-avatar-placeholder-body)" })] }), jsx("defs", { children: jsx("clipPath", { id: "clip0_40934_55262", children: jsx("rect", { width: "208", height: "208", fill: "var(--magritte-ui-avatar-placeholder-background)" }) }) })] }));
5
-
6
- export { Undefined };
7
- //# sourceMappingURL=Undefined.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Undefined.js","sources":["../../src/Placeholder/Undefined.tsx"],"sourcesContent":["import { SVGProps, FC } from 'react';\n\nconst Undefined: FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg data-qa=\"svg-undefined\" viewBox=\"0 0 208 208\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <g clipPath=\"url(#clip0_40934_55262)\">\n <rect width=\"208\" height=\"208\" fill=\"var(--magritte-ui-avatar-placeholder-background)\" />\n <circle cx=\"104\" cy=\"225.333\" r=\"95.3333\" fill=\"var(--magritte-ui-avatar-placeholder-body)\" />\n <mask\n id=\"mask0_40934_55262\"\n style={{ maskType: 'alpha' }}\n maskUnits=\"userSpaceOnUse\"\n x=\"8\"\n y=\"130\"\n width=\"192\"\n height=\"191\"\n >\n <circle\n cx=\"103.999\"\n cy=\"225.333\"\n r=\"95.3333\"\n fill=\"var(--magritte-ui-avatar-placeholder-shadow-male)\"\n />\n </mask>\n <g mask=\"url(#mask0_40934_55262)\">\n <circle cx=\"121.333\" cy=\"121.333\" r=\"52\" fill=\"var(--magritte-ui-avatar-placeholder-shadow-male)\" />\n </g>\n <circle cx=\"104\" cy=\"86.667\" r=\"52\" fill=\"var(--magritte-ui-avatar-placeholder-body)\" />\n </g>\n <defs>\n <clipPath id=\"clip0_40934_55262\">\n <rect width=\"208\" height=\"208\" fill=\"var(--magritte-ui-avatar-placeholder-background)\" />\n </clipPath>\n </defs>\n </svg>\n);\n\nexport { Undefined };\n"],"names":["_jsxs","_jsx"],"mappings":";;AAEA,MAAM,SAAS,GAAgC,CAAC,KAAK,MACjDA,IAAA,CAAA,KAAA,EAAA,EAAA,SAAA,EAAa,eAAe,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,GAAK,KAAK,EACvG,QAAA,EAAA,CAAAA,IAAA,CAAA,GAAA,EAAA,EAAG,QAAQ,EAAC,yBAAyB,aACjCC,GAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,kDAAkD,EAAG,CAAA,EACzFA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,IAAI,EAAC,4CAA4C,EAAA,CAAG,EAC9FA,GACI,CAAA,MAAA,EAAA,EAAA,EAAE,EAAC,mBAAmB,EACtB,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,SAAS,EAAC,gBAAgB,EAC1B,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,KAAK,EACP,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EAAA,QAAA,EAEZA,gBACI,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,CAAC,EAAC,SAAS,EACX,IAAI,EAAC,mDAAmD,EAC1D,CAAA,EAAA,CACC,EACPA,GAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,yBAAyB,YAC7BA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,mDAAmD,EAAA,CAAG,EACpG,CAAA,EACJA,gBAAQ,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,4CAA4C,EAAG,CAAA,CAAA,EAAA,CACxF,EACJA,GACI,CAAA,MAAA,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAA,UAAA,EAAA,EAAU,EAAE,EAAC,mBAAmB,EAC5B,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,kDAAkD,EAAA,CAAG,GAClF,EACR,CAAA,CAAA,EAAA,CACL;;;;"}
@@ -1,4 +0,0 @@
1
- export * from '@hh.ru/magritte-ui-avatar/Placeholder/Female';
2
- export * from '@hh.ru/magritte-ui-avatar/Placeholder/Male';
3
- export * from '@hh.ru/magritte-ui-avatar/Placeholder/City';
4
- export * from '@hh.ru/magritte-ui-avatar/Placeholder/Undefined';
@@ -1,7 +0,0 @@
1
- import './../index.css';
2
- export { Female } from './Female.js';
3
- export { Male } from './Male.js';
4
- export { City } from './City.js';
5
- export { Undefined } from './Undefined.js';
6
- import 'react/jsx-runtime';
7
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,18 +0,0 @@
1
- import './index.css';
2
- import { jsx } from 'react/jsx-runtime';
3
- import classnames from 'classnames';
4
- import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
5
-
6
- var styles = {"avatar-container":"magritte-avatar-container___jBkeI_7-0-9","avatarContainer":"magritte-avatar-container___jBkeI_7-0-9","avatar-container_disabled":"magritte-avatar-container_disabled___EkG4l_7-0-9","avatarContainerDisabled":"magritte-avatar-container_disabled___EkG4l_7-0-9","avatar":"magritte-avatar___x--BK_7-0-9","avatar-container_size-24":"magritte-avatar-container_size-24___f6DH2_7-0-9","avatarContainerSize24":"magritte-avatar-container_size-24___f6DH2_7-0-9","avatar-skeleton-24":"magritte-avatar-skeleton-24___9hUuj_7-0-9","avatarSkeleton24":"magritte-avatar-skeleton-24___9hUuj_7-0-9","avatar_size-24":"magritte-avatar_size-24___0dAId_7-0-9","avatarSize24":"magritte-avatar_size-24___0dAId_7-0-9","avatar-container_size-40":"magritte-avatar-container_size-40___mVeBD_7-0-9","avatarContainerSize40":"magritte-avatar-container_size-40___mVeBD_7-0-9","avatar-skeleton-40":"magritte-avatar-skeleton-40___ZN6a7_7-0-9","avatarSkeleton40":"magritte-avatar-skeleton-40___ZN6a7_7-0-9","avatar_size-40":"magritte-avatar_size-40___zj3fM_7-0-9","avatarSize40":"magritte-avatar_size-40___zj3fM_7-0-9","avatar-container_size-48":"magritte-avatar-container_size-48___pflud_7-0-9","avatarContainerSize48":"magritte-avatar-container_size-48___pflud_7-0-9","avatar-skeleton-48":"magritte-avatar-skeleton-48___CC-af_7-0-9","avatarSkeleton48":"magritte-avatar-skeleton-48___CC-af_7-0-9","avatar_size-48":"magritte-avatar_size-48___JzITc_7-0-9","avatarSize48":"magritte-avatar_size-48___JzITc_7-0-9","avatar-container_size-96":"magritte-avatar-container_size-96___Up8Hn_7-0-9","avatarContainerSize96":"magritte-avatar-container_size-96___Up8Hn_7-0-9","avatar-skeleton-96":"magritte-avatar-skeleton-96___qYG-Z_7-0-9","avatarSkeleton96":"magritte-avatar-skeleton-96___qYG-Z_7-0-9","avatar_size-96":"magritte-avatar_size-96___5SeO2_7-0-9","avatarSize96":"magritte-avatar_size-96___5SeO2_7-0-9","avatar-container_size-208":"magritte-avatar-container_size-208___k7SkJ_7-0-9","avatarContainerSize208":"magritte-avatar-container_size-208___k7SkJ_7-0-9","avatar-skeleton-208":"magritte-avatar-skeleton-208___ybqJw_7-0-9","avatarSkeleton208":"magritte-avatar-skeleton-208___ybqJw_7-0-9","avatar_size-208":"magritte-avatar_size-208___rzfu3_7-0-9","avatarSize208":"magritte-avatar_size-208___rzfu3_7-0-9","avatar_shape-circle":"magritte-avatar_shape-circle___kEbru_7-0-9","avatarShapeCircle":"magritte-avatar_shape-circle___kEbru_7-0-9","avatar-skeleton-circle":"magritte-avatar-skeleton-circle___rD1E0_7-0-9","avatarSkeletonCircle":"magritte-avatar-skeleton-circle___rD1E0_7-0-9","avatar_style-color-1":"magritte-avatar_style-color-1___xXtkh_7-0-9","avatarStyleColor1":"magritte-avatar_style-color-1___xXtkh_7-0-9","avatar_style-color-2":"magritte-avatar_style-color-2___JraJd_7-0-9","avatarStyleColor2":"magritte-avatar_style-color-2___JraJd_7-0-9","avatar_style-color-3":"magritte-avatar_style-color-3___g29U3_7-0-9","avatarStyleColor3":"magritte-avatar_style-color-3___g29U3_7-0-9","avatar_style-color-4":"magritte-avatar_style-color-4___pHhmj_7-0-9","avatarStyleColor4":"magritte-avatar_style-color-4___pHhmj_7-0-9","avatar_style-color-5":"magritte-avatar_style-color-5___H9Ie3_7-0-9","avatarStyleColor5":"magritte-avatar_style-color-5___H9Ie3_7-0-9","avatar_style-color-6":"magritte-avatar_style-color-6___oODXO_7-0-9","avatarStyleColor6":"magritte-avatar_style-color-6___oODXO_7-0-9","avatar_style-color-7":"magritte-avatar_style-color-7___SfUBl_7-0-9","avatarStyleColor7":"magritte-avatar_style-color-7___SfUBl_7-0-9","avatar_style-color-8":"magritte-avatar_style-color-8___rlI6h_7-0-9","avatarStyleColor8":"magritte-avatar_style-color-8___rlI6h_7-0-9","avatar_style-color-9":"magritte-avatar_style-color-9___XQO4B_7-0-9","avatarStyleColor9":"magritte-avatar_style-color-9___XQO4B_7-0-9","avatar_style-primary":"magritte-avatar_style-primary___SvqU1_7-0-9","avatarStylePrimary":"magritte-avatar_style-primary___SvqU1_7-0-9","avatar_style-secondary":"magritte-avatar_style-secondary___C6MTH_7-0-9","avatarStyleSecondary":"magritte-avatar_style-secondary___C6MTH_7-0-9","avatar_style-tertiary":"magritte-avatar_style-tertiary___3o-90_7-0-9","avatarStyleTertiary":"magritte-avatar_style-tertiary___3o-90_7-0-9","avatar_style-accent-secondary":"magritte-avatar_style-accent-secondary___vc7Lb_7-0-9","avatarStyleAccentSecondary":"magritte-avatar_style-accent-secondary___vc7Lb_7-0-9","avatar_style-accent":"magritte-avatar_style-accent___LgPSo_7-0-9","avatarStyleAccent":"magritte-avatar_style-accent___LgPSo_7-0-9","avatar_style-positive-secondary":"magritte-avatar_style-positive-secondary___aQrkm_7-0-9","avatarStylePositiveSecondary":"magritte-avatar_style-positive-secondary___aQrkm_7-0-9","avatar_style-positive":"magritte-avatar_style-positive___bDzbE_7-0-9","avatarStylePositive":"magritte-avatar_style-positive___bDzbE_7-0-9","avatar_style-negative-secondary":"magritte-avatar_style-negative-secondary___GW7rc_7-0-9","avatarStyleNegativeSecondary":"magritte-avatar_style-negative-secondary___GW7rc_7-0-9","avatar_style-negative":"magritte-avatar_style-negative___xHHQb_7-0-9","avatarStyleNegative":"magritte-avatar_style-negative___xHHQb_7-0-9","avatar_style-warning-secondary":"magritte-avatar_style-warning-secondary___LKwiW_7-0-9","avatarStyleWarningSecondary":"magritte-avatar_style-warning-secondary___LKwiW_7-0-9","avatar_style-warning":"magritte-avatar_style-warning___7kKRS_7-0-9","avatarStyleWarning":"magritte-avatar_style-warning___7kKRS_7-0-9","avatar_style-special-secondary":"magritte-avatar_style-special-secondary___J2CwS_7-0-9","avatarStyleSpecialSecondary":"magritte-avatar_style-special-secondary___J2CwS_7-0-9","avatar_style-special":"magritte-avatar_style-special___gLmS0_7-0-9","avatarStyleSpecial":"magritte-avatar_style-special___gLmS0_7-0-9","avatar_style-dreamy-secondary":"magritte-avatar_style-dreamy-secondary___WoWcK_7-0-9","avatarStyleDreamySecondary":"magritte-avatar_style-dreamy-secondary___WoWcK_7-0-9","avatar_style-dreamy":"magritte-avatar_style-dreamy___-zjx5_7-0-9","avatarStyleDreamy":"magritte-avatar_style-dreamy___-zjx5_7-0-9","avatar_style-lovely-secondary":"magritte-avatar_style-lovely-secondary___YhzZk_7-0-9","avatarStyleLovelySecondary":"magritte-avatar_style-lovely-secondary___YhzZk_7-0-9","avatar_style-lovely":"magritte-avatar_style-lovely___wy3Zg_7-0-9","avatarStyleLovely":"magritte-avatar_style-lovely___wy3Zg_7-0-9","avatar_style-vivid-secondary":"magritte-avatar_style-vivid-secondary___EcBn1_7-0-9","avatarStyleVividSecondary":"magritte-avatar_style-vivid-secondary___EcBn1_7-0-9","avatar_style-vivid":"magritte-avatar_style-vivid___pkKc5_7-0-9","avatarStyleVivid":"magritte-avatar_style-vivid___pkKc5_7-0-9","avatar_style-body":"magritte-avatar_style-body___xmokY_7-0-9","avatarStyleBody":"magritte-avatar_style-body___xmokY_7-0-9","avatar_style-overlay":"magritte-avatar_style-overlay___0yWkS_7-0-9","avatarStyleOverlay":"magritte-avatar_style-overlay___0yWkS_7-0-9","avatar_style-overlay-action":"magritte-avatar_style-overlay-action___MMxS7_7-0-9","avatarStyleOverlayAction":"magritte-avatar_style-overlay-action___MMxS7_7-0-9","avatar_style-overlay-viewer":"magritte-avatar_style-overlay-viewer___4gNO7_7-0-9","avatarStyleOverlayViewer":"magritte-avatar_style-overlay-viewer___4gNO7_7-0-9","avatar_style-overlay-toolbar":"magritte-avatar_style-overlay-toolbar___0Lvuf_7-0-9","avatarStyleOverlayToolbar":"magritte-avatar_style-overlay-toolbar___0Lvuf_7-0-9","avatar_style-transparent":"magritte-avatar_style-transparent___KtjP8_7-0-9","avatarStyleTransparent":"magritte-avatar_style-transparent___KtjP8_7-0-9","avatar_style-constant":"magritte-avatar_style-constant___HVes8_7-0-9","avatarStyleConstant":"magritte-avatar_style-constant___HVes8_7-0-9","avatar_style-constant-secondary":"magritte-avatar_style-constant-secondary___tfuOw_7-0-9","avatarStyleConstantSecondary":"magritte-avatar_style-constant-secondary___tfuOw_7-0-9","avatar_style-inverse":"magritte-avatar_style-inverse___yupyU_7-0-9","avatarStyleInverse":"magritte-avatar_style-inverse___yupyU_7-0-9","avatar_style-inverse-secondary":"magritte-avatar_style-inverse-secondary___NdawN_7-0-9","avatarStyleInverseSecondary":"magritte-avatar_style-inverse-secondary___NdawN_7-0-9","avatar_mode-image":"magritte-avatar_mode-image___02zr1_7-0-9","avatarModeImage":"magritte-avatar_mode-image___02zr1_7-0-9","avatar_mode-letters":"magritte-avatar_mode-letters___ot4qB_7-0-9","avatarModeLetters":"magritte-avatar_mode-letters___ot4qB_7-0-9","avatar_mode-icon":"magritte-avatar_mode-icon___MYrlv_7-0-9","avatarModeIcon":"magritte-avatar_mode-icon___MYrlv_7-0-9","avatar_mode-placeholder":"magritte-avatar_mode-placeholder___6hOu7_7-0-9","avatarModePlaceholder":"magritte-avatar_mode-placeholder___6hOu7_7-0-9","avatar-image":"magritte-avatar-image___05p9Z_7-0-9","avatarImage":"magritte-avatar-image___05p9Z_7-0-9","avatar-image_hidden":"magritte-avatar-image_hidden___DPQBK_7-0-9","avatarImageHidden":"magritte-avatar-image_hidden___DPQBK_7-0-9","avatar_with-online-badge-24":"magritte-avatar_with-online-badge-24___helkM_7-0-9","avatarWithOnlineBadge24":"magritte-avatar_with-online-badge-24___helkM_7-0-9","avatar-online-badge-24":"magritte-avatar-online-badge-24___mjPKB_7-0-9","avatarOnlineBadge24":"magritte-avatar-online-badge-24___mjPKB_7-0-9","avatar-online-badge_style_positive":"magritte-avatar-online-badge_style_positive___jHyv3_7-0-9","avatarOnlineBadgeStylePositive":"magritte-avatar-online-badge_style_positive___jHyv3_7-0-9","avatar-online-badge_style_contrast":"magritte-avatar-online-badge_style_contrast___GZFCO_7-0-9","avatarOnlineBadgeStyleContrast":"magritte-avatar-online-badge_style_contrast___GZFCO_7-0-9","avatar-focus-border-24":"magritte-avatar-focus-border-24___wnJnb_7-0-9","avatarFocusBorder24":"magritte-avatar-focus-border-24___wnJnb_7-0-9","avatar_with-online-badge-40":"magritte-avatar_with-online-badge-40___Tckho_7-0-9","avatarWithOnlineBadge40":"magritte-avatar_with-online-badge-40___Tckho_7-0-9","avatar-online-badge-40":"magritte-avatar-online-badge-40___HRNTS_7-0-9","avatarOnlineBadge40":"magritte-avatar-online-badge-40___HRNTS_7-0-9","avatar-focus-border-40":"magritte-avatar-focus-border-40___Qn9NL_7-0-9","avatarFocusBorder40":"magritte-avatar-focus-border-40___Qn9NL_7-0-9","avatar_with-online-badge-48":"magritte-avatar_with-online-badge-48___BmWaC_7-0-9","avatarWithOnlineBadge48":"magritte-avatar_with-online-badge-48___BmWaC_7-0-9","avatar-online-badge-48":"magritte-avatar-online-badge-48___qPmD8_7-0-9","avatarOnlineBadge48":"magritte-avatar-online-badge-48___qPmD8_7-0-9","avatar-focus-border-48":"magritte-avatar-focus-border-48___Bc-lN_7-0-9","avatarFocusBorder48":"magritte-avatar-focus-border-48___Bc-lN_7-0-9","avatar_with-online-badge-96":"magritte-avatar_with-online-badge-96___r4E42_7-0-9","avatarWithOnlineBadge96":"magritte-avatar_with-online-badge-96___r4E42_7-0-9","avatar-online-badge-96":"magritte-avatar-online-badge-96___d6bm-_7-0-9","avatarOnlineBadge96":"magritte-avatar-online-badge-96___d6bm-_7-0-9","avatar-focus-border-96":"magritte-avatar-focus-border-96___TVpd0_7-0-9","avatarFocusBorder96":"magritte-avatar-focus-border-96___TVpd0_7-0-9","avatar_with-online-badge-208":"magritte-avatar_with-online-badge-208___AS6Lk_7-0-9","avatarWithOnlineBadge208":"magritte-avatar_with-online-badge-208___AS6Lk_7-0-9","avatar-online-badge-208":"magritte-avatar-online-badge-208___m4hXQ_7-0-9","avatarOnlineBadge208":"magritte-avatar-online-badge-208___m4hXQ_7-0-9","avatar-focus-border-208":"magritte-avatar-focus-border-208___V6We2_7-0-9","avatarFocusBorder208":"magritte-avatar-focus-border-208___V6We2_7-0-9"};
7
-
8
- const AvatarSkeleton = ({ Component: Avatar,
9
- // skeleton props
10
- width, height, borderRadius, inline, additionalClass, loading, ...avatarProps }) => {
11
- return (jsx(Skeleton, { loading: loading, additionalClass: classnames({
12
- [styles[`avatar-skeleton-${avatarProps.size}`]]: avatarProps.size,
13
- [styles.avatarSkeletonCircle]: avatarProps.shapeCircle,
14
- }), children: jsx(Avatar, { ...avatarProps }) }));
15
- };
16
-
17
- export { AvatarSkeleton as A, styles as s };
18
- //# sourceMappingURL=Skeleton-CcD08BUY.js.map