@hh.ru/magritte-ui-avatar 5.0.3 → 5.0.5

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 (8) hide show
  1. package/Avatar.js +1 -1
  2. package/Skeleton-yvCt0Z3p.js +18 -0
  3. package/{Skeleton-yEQaKG9W.js.map → Skeleton-yvCt0Z3p.js.map} +1 -1
  4. package/Skeleton.js +1 -1
  5. package/index.css +246 -246
  6. package/index.js +1 -1
  7. package/package.json +6 -6
  8. package/Skeleton-yEQaKG9W.js +0 -18
package/Avatar.js CHANGED
@@ -7,7 +7,7 @@ import { Female } from './Placeholder/Female.js';
7
7
  import { Male } from './Placeholder/Male.js';
8
8
  import { City } from './Placeholder/City.js';
9
9
  import { Undefined } from './Placeholder/Undefined.js';
10
- import { A as AvatarSkeleton, s as styles } from './Skeleton-yEQaKG9W.js';
10
+ import { A as AvatarSkeleton, s as styles } from './Skeleton-yvCt0Z3p.js';
11
11
  import { AVATAR_TYPOGRAPHY_MAP, formatLetters } from './utils.js';
12
12
  import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
13
13
  import { BaseText } from '@hh.ru/magritte-ui-typography/BaseText';
package/Skeleton-yvCt0Z3p.js ADDED
@@ -0,0 +1,18 @@
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_5-0-5","avatarContainer":"magritte-avatar-container___jBkeI_5-0-5","avatar-container_disabled":"magritte-avatar-container_disabled___EkG4l_5-0-5","avatarContainerDisabled":"magritte-avatar-container_disabled___EkG4l_5-0-5","avatar":"magritte-avatar___x--BK_5-0-5","avatar-container_size-24":"magritte-avatar-container_size-24___f6DH2_5-0-5","avatarContainerSize24":"magritte-avatar-container_size-24___f6DH2_5-0-5","avatar-skeleton-24":"magritte-avatar-skeleton-24___9hUuj_5-0-5","avatarSkeleton24":"magritte-avatar-skeleton-24___9hUuj_5-0-5","avatar_size-24":"magritte-avatar_size-24___0dAId_5-0-5","avatarSize24":"magritte-avatar_size-24___0dAId_5-0-5","avatar-container_size-40":"magritte-avatar-container_size-40___mVeBD_5-0-5","avatarContainerSize40":"magritte-avatar-container_size-40___mVeBD_5-0-5","avatar-skeleton-40":"magritte-avatar-skeleton-40___ZN6a7_5-0-5","avatarSkeleton40":"magritte-avatar-skeleton-40___ZN6a7_5-0-5","avatar_size-40":"magritte-avatar_size-40___zj3fM_5-0-5","avatarSize40":"magritte-avatar_size-40___zj3fM_5-0-5","avatar-container_size-48":"magritte-avatar-container_size-48___pflud_5-0-5","avatarContainerSize48":"magritte-avatar-container_size-48___pflud_5-0-5","avatar-skeleton-48":"magritte-avatar-skeleton-48___CC-af_5-0-5","avatarSkeleton48":"magritte-avatar-skeleton-48___CC-af_5-0-5","avatar_size-48":"magritte-avatar_size-48___JzITc_5-0-5","avatarSize48":"magritte-avatar_size-48___JzITc_5-0-5","avatar-container_size-96":"magritte-avatar-container_size-96___Up8Hn_5-0-5","avatarContainerSize96":"magritte-avatar-container_size-96___Up8Hn_5-0-5","avatar-skeleton-96":"magritte-avatar-skeleton-96___qYG-Z_5-0-5","avatarSkeleton96":"magritte-avatar-skeleton-96___qYG-Z_5-0-5","avatar_size-96":"magritte-avatar_size-96___5SeO2_5-0-5","avatarSize96":"magritte-avatar_size-96___5SeO2_5-0-5","avatar-container_size-208":"magritte-avatar-container_size-208___k7SkJ_5-0-5","avatarContainerSize208":"magritte-avatar-container_size-208___k7SkJ_5-0-5","avatar-skeleton-208":"magritte-avatar-skeleton-208___ybqJw_5-0-5","avatarSkeleton208":"magritte-avatar-skeleton-208___ybqJw_5-0-5","avatar_size-208":"magritte-avatar_size-208___rzfu3_5-0-5","avatarSize208":"magritte-avatar_size-208___rzfu3_5-0-5","avatar_shape-circle":"magritte-avatar_shape-circle___kEbru_5-0-5","avatarShapeCircle":"magritte-avatar_shape-circle___kEbru_5-0-5","avatar-skeleton-circle":"magritte-avatar-skeleton-circle___rD1E0_5-0-5","avatarSkeletonCircle":"magritte-avatar-skeleton-circle___rD1E0_5-0-5","avatar_style-color-1":"magritte-avatar_style-color-1___xXtkh_5-0-5","avatarStyleColor1":"magritte-avatar_style-color-1___xXtkh_5-0-5","avatar_style-color-2":"magritte-avatar_style-color-2___JraJd_5-0-5","avatarStyleColor2":"magritte-avatar_style-color-2___JraJd_5-0-5","avatar_style-color-3":"magritte-avatar_style-color-3___g29U3_5-0-5","avatarStyleColor3":"magritte-avatar_style-color-3___g29U3_5-0-5","avatar_style-color-4":"magritte-avatar_style-color-4___pHhmj_5-0-5","avatarStyleColor4":"magritte-avatar_style-color-4___pHhmj_5-0-5","avatar_style-color-5":"magritte-avatar_style-color-5___H9Ie3_5-0-5","avatarStyleColor5":"magritte-avatar_style-color-5___H9Ie3_5-0-5","avatar_style-color-6":"magritte-avatar_style-color-6___oODXO_5-0-5","avatarStyleColor6":"magritte-avatar_style-color-6___oODXO_5-0-5","avatar_style-color-7":"magritte-avatar_style-color-7___SfUBl_5-0-5","avatarStyleColor7":"magritte-avatar_style-color-7___SfUBl_5-0-5","avatar_style-color-8":"magritte-avatar_style-color-8___rlI6h_5-0-5","avatarStyleColor8":"magritte-avatar_style-color-8___rlI6h_5-0-5","avatar_style-color-9":"magritte-avatar_style-color-9___XQO4B_5-0-5","avatarStyleColor9":"magritte-avatar_style-color-9___XQO4B_5-0-5","avatar_style-primary":"magritte-avatar_style-primary___SvqU1_5-0-5","avatarStylePrimary":"magritte-avatar_style-primary___SvqU1_5-0-5","avatar_style-secondary":"magritte-avatar_style-secondary___C6MTH_5-0-5","avatarStyleSecondary":"magritte-avatar_style-secondary___C6MTH_5-0-5","avatar_style-tertiary":"magritte-avatar_style-tertiary___3o-90_5-0-5","avatarStyleTertiary":"magritte-avatar_style-tertiary___3o-90_5-0-5","avatar_style-accent":"magritte-avatar_style-accent___LgPSo_5-0-5","avatarStyleAccent":"magritte-avatar_style-accent___LgPSo_5-0-5","avatar_style-positive":"magritte-avatar_style-positive___bDzbE_5-0-5","avatarStylePositive":"magritte-avatar_style-positive___bDzbE_5-0-5","avatar_style-negative":"magritte-avatar_style-negative___xHHQb_5-0-5","avatarStyleNegative":"magritte-avatar_style-negative___xHHQb_5-0-5","avatar_style-warning":"magritte-avatar_style-warning___7kKRS_5-0-5","avatarStyleWarning":"magritte-avatar_style-warning___7kKRS_5-0-5","avatar_style-special":"magritte-avatar_style-special___gLmS0_5-0-5","avatarStyleSpecial":"magritte-avatar_style-special___gLmS0_5-0-5","avatar_style-contrast":"magritte-avatar_style-contrast___zHyp-_5-0-5","avatarStyleContrast":"magritte-avatar_style-contrast___zHyp-_5-0-5","avatar_mode-image":"magritte-avatar_mode-image___02zr1_5-0-5","avatarModeImage":"magritte-avatar_mode-image___02zr1_5-0-5","avatar_mode-letters":"magritte-avatar_mode-letters___ot4qB_5-0-5","avatarModeLetters":"magritte-avatar_mode-letters___ot4qB_5-0-5","avatar_mode-icon":"magritte-avatar_mode-icon___MYrlv_5-0-5","avatarModeIcon":"magritte-avatar_mode-icon___MYrlv_5-0-5","avatar_mode-placeholder":"magritte-avatar_mode-placeholder___6hOu7_5-0-5","avatarModePlaceholder":"magritte-avatar_mode-placeholder___6hOu7_5-0-5","avatar-image":"magritte-avatar-image___05p9Z_5-0-5","avatarImage":"magritte-avatar-image___05p9Z_5-0-5","avatar-image_hidden":"magritte-avatar-image_hidden___DPQBK_5-0-5","avatarImageHidden":"magritte-avatar-image_hidden___DPQBK_5-0-5","avatar_with-online-badge-24":"magritte-avatar_with-online-badge-24___helkM_5-0-5","avatarWithOnlineBadge24":"magritte-avatar_with-online-badge-24___helkM_5-0-5","avatar-online-badge-24":"magritte-avatar-online-badge-24___mjPKB_5-0-5","avatarOnlineBadge24":"magritte-avatar-online-badge-24___mjPKB_5-0-5","avatar-focus-border-24":"magritte-avatar-focus-border-24___wnJnb_5-0-5","avatarFocusBorder24":"magritte-avatar-focus-border-24___wnJnb_5-0-5","avatar_with-online-badge-40":"magritte-avatar_with-online-badge-40___Tckho_5-0-5","avatarWithOnlineBadge40":"magritte-avatar_with-online-badge-40___Tckho_5-0-5","avatar-online-badge-40":"magritte-avatar-online-badge-40___HRNTS_5-0-5","avatarOnlineBadge40":"magritte-avatar-online-badge-40___HRNTS_5-0-5","avatar-focus-border-40":"magritte-avatar-focus-border-40___Qn9NL_5-0-5","avatarFocusBorder40":"magritte-avatar-focus-border-40___Qn9NL_5-0-5","avatar_with-online-badge-48":"magritte-avatar_with-online-badge-48___BmWaC_5-0-5","avatarWithOnlineBadge48":"magritte-avatar_with-online-badge-48___BmWaC_5-0-5","avatar-online-badge-48":"magritte-avatar-online-badge-48___qPmD8_5-0-5","avatarOnlineBadge48":"magritte-avatar-online-badge-48___qPmD8_5-0-5","avatar-focus-border-48":"magritte-avatar-focus-border-48___Bc-lN_5-0-5","avatarFocusBorder48":"magritte-avatar-focus-border-48___Bc-lN_5-0-5","avatar_with-online-badge-96":"magritte-avatar_with-online-badge-96___r4E42_5-0-5","avatarWithOnlineBadge96":"magritte-avatar_with-online-badge-96___r4E42_5-0-5","avatar-online-badge-96":"magritte-avatar-online-badge-96___d6bm-_5-0-5","avatarOnlineBadge96":"magritte-avatar-online-badge-96___d6bm-_5-0-5","avatar-focus-border-96":"magritte-avatar-focus-border-96___TVpd0_5-0-5","avatarFocusBorder96":"magritte-avatar-focus-border-96___TVpd0_5-0-5","avatar_with-online-badge-208":"magritte-avatar_with-online-badge-208___AS6Lk_5-0-5","avatarWithOnlineBadge208":"magritte-avatar_with-online-badge-208___AS6Lk_5-0-5","avatar-online-badge-208":"magritte-avatar-online-badge-208___m4hXQ_5-0-5","avatarOnlineBadge208":"magritte-avatar-online-badge-208___m4hXQ_5-0-5","avatar-focus-border-208":"magritte-avatar-focus-border-208___V6We2_5-0-5","avatarFocusBorder208":"magritte-avatar-focus-border-208___V6We2_5-0-5"};
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-yvCt0Z3p.js.map
package/{Skeleton-yEQaKG9W.js.map → Skeleton-yvCt0Z3p.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton-yEQaKG9W.js","sources":["../src/Skeleton.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { AvatarProps } from '@hh.ru/magritte-ui-avatar/types';\nimport { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './avatar.less';\n\nexport const AvatarSkeleton: IncompleteSkeletonComponent<AvatarProps> = ({\n Component: Avatar,\n\n // skeleton props\n width,\n height,\n borderRadius,\n inline,\n additionalClass,\n loading,\n\n ...avatarProps\n}) => {\n return (\n <Skeleton\n loading={loading}\n additionalClass={classnames({\n [styles[`avatar-skeleton-${avatarProps.size}`]]: avatarProps.size,\n [styles.avatarSkeletonCircle]: avatarProps.shapeCircle,\n })}\n >\n <Avatar {...avatarProps} />\n </Skeleton>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;MAOa,cAAc,GAA6C,CAAC,EACrE,SAAS,EAAE,MAAM;AAEjB;AACA,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,EACN,eAAe,EACf,OAAO,EAEP,GAAG,WAAW,EACjB,KAAI;IACD,QACIA,GAAC,CAAA,QAAQ,EACL,EAAA,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,UAAU,CAAC;AACxB,YAAA,CAAC,MAAM,CAAC,CAAmB,gBAAA,EAAA,WAAW,CAAC,IAAI,CAAE,CAAA,CAAC,GAAG,WAAW,CAAC,IAAI;AACjE,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,WAAW,CAAC,WAAW;SACzD,CAAC,EAAA,QAAA,EAEFA,IAAC,MAAM,EAAA,EAAA,GAAK,WAAW,EAAI,CAAA,EAAA,CACpB,EACb;AACN;;;;"}
1
+ {"version":3,"file":"Skeleton-yvCt0Z3p.js","sources":["../src/Skeleton.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { AvatarProps } from '@hh.ru/magritte-ui-avatar/types';\nimport { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './avatar.less';\n\nexport const AvatarSkeleton: IncompleteSkeletonComponent<AvatarProps> = ({\n Component: Avatar,\n\n // skeleton props\n width,\n height,\n borderRadius,\n inline,\n additionalClass,\n loading,\n\n ...avatarProps\n}) => {\n return (\n <Skeleton\n loading={loading}\n additionalClass={classnames({\n [styles[`avatar-skeleton-${avatarProps.size}`]]: avatarProps.size,\n [styles.avatarSkeletonCircle]: avatarProps.shapeCircle,\n })}\n >\n <Avatar {...avatarProps} />\n </Skeleton>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;MAOa,cAAc,GAA6C,CAAC,EACrE,SAAS,EAAE,MAAM;AAEjB;AACA,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,EACN,eAAe,EACf,OAAO,EAEP,GAAG,WAAW,EACjB,KAAI;IACD,QACIA,GAAC,CAAA,QAAQ,EACL,EAAA,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,UAAU,CAAC;AACxB,YAAA,CAAC,MAAM,CAAC,CAAmB,gBAAA,EAAA,WAAW,CAAC,IAAI,CAAE,CAAA,CAAC,GAAG,WAAW,CAAC,IAAI;AACjE,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,WAAW,CAAC,WAAW;SACzD,CAAC,EAAA,QAAA,EAEFA,IAAC,MAAM,EAAA,EAAA,GAAK,WAAW,EAAI,CAAA,EAAA,CACpB,EACb;AACN;;;;"}
package/Skeleton.js CHANGED
@@ -2,5 +2,5 @@ import './index.css';
2
2
  import 'react/jsx-runtime';
3
3
  import 'classnames';
4
4
  import '@hh.ru/magritte-ui-skeleton';
5
- export { A as AvatarSkeleton } from './Skeleton-yEQaKG9W.js';
5
+ export { A as AvatarSkeleton } from './Skeleton-yvCt0Z3p.js';
6
6
  //# sourceMappingURL=Skeleton.js.map
package/index.css CHANGED
@@ -1,114 +1,114 @@
1
1
  :root{
2
- --magritte-color-background-primary-v18-2-1:#ffffff;
3
- --magritte-color-background-secondary-v18-2-1:#F1F4F9;
4
- --magritte-color-background-tertiary-v18-2-1:#DCE3EB;
5
- --magritte-color-background-accent-v18-2-1:#EDF6FF;
6
- --magritte-color-background-positive-v18-2-1:#E8F9EC;
7
- --magritte-color-background-negative-v18-2-1:#FEF2EF;
8
- --magritte-color-background-warning-v18-2-1:#FFF3E6;
9
- --magritte-color-background-special-v18-2-1:#F7F4FF;
10
- --magritte-color-background-contrast-v18-2-1:#000000;
11
- --magritte-color-component-avatar-online-content-v18-2-1:#0ea658;
12
- --magritte-color-component-avatar-background-color-01-v18-2-1:#96aabb;
13
- --magritte-color-component-avatar-background-color-02-v18-2-1:#ff859f;
14
- --magritte-color-component-avatar-background-color-03-v18-2-1:#ff8a77;
15
- --magritte-color-component-avatar-background-color-04-v18-2-1:#e8c33d;
16
- --magritte-color-component-avatar-background-color-05-v18-2-1:#ff9900;
17
- --magritte-color-component-avatar-background-color-06-v18-2-1:#0dc267;
18
- --magritte-color-component-avatar-background-color-07-v18-2-1:#76adfe;
19
- --magritte-color-component-avatar-background-color-08-v18-2-1:#50b5e8;
20
- --magritte-color-component-avatar-background-color-09-v18-2-1:#b99bf8;
21
- --magritte-color-component-avatar-text-letters-v18-2-1:#ffffff;
22
- --magritte-color-component-avatar-stroke-image-v18-2-1:#00000014;
23
- --magritte-color-component-avatar-stroke-placeholder-v18-2-1:#6a788514;
24
- --magritte-color-component-avatar-stroke-letters-v18-2-1:#0000000a;
25
- --magritte-color-component-avatar-stroke-icon-v18-2-1:#0000000a;
26
- --magritte-color-component-avatar-stroke-state-focused-accessible-v18-2-1:#0070ff7a;
2
+ --magritte-color-background-primary-v18-3-0:#ffffff;
3
+ --magritte-color-background-secondary-v18-3-0:#F1F4F9;
4
+ --magritte-color-background-tertiary-v18-3-0:#DCE3EB;
5
+ --magritte-color-background-accent-v18-3-0:#EDF6FF;
6
+ --magritte-color-background-positive-v18-3-0:#E8F9EC;
7
+ --magritte-color-background-negative-v18-3-0:#FEF2EF;
8
+ --magritte-color-background-warning-v18-3-0:#FFF3E6;
9
+ --magritte-color-background-special-v18-3-0:#F7F4FF;
10
+ --magritte-color-background-contrast-v18-3-0:#000000;
11
+ --magritte-color-component-avatar-online-content-v18-3-0:#0ea658;
12
+ --magritte-color-component-avatar-background-color-01-v18-3-0:#96aabb;
13
+ --magritte-color-component-avatar-background-color-02-v18-3-0:#ff859f;
14
+ --magritte-color-component-avatar-background-color-03-v18-3-0:#ff8a77;
15
+ --magritte-color-component-avatar-background-color-04-v18-3-0:#e8c33d;
16
+ --magritte-color-component-avatar-background-color-05-v18-3-0:#ff9900;
17
+ --magritte-color-component-avatar-background-color-06-v18-3-0:#0dc267;
18
+ --magritte-color-component-avatar-background-color-07-v18-3-0:#76adfe;
19
+ --magritte-color-component-avatar-background-color-08-v18-3-0:#50b5e8;
20
+ --magritte-color-component-avatar-background-color-09-v18-3-0:#b99bf8;
21
+ --magritte-color-component-avatar-text-letters-v18-3-0:#ffffff;
22
+ --magritte-color-component-avatar-stroke-image-v18-3-0:#00000014;
23
+ --magritte-color-component-avatar-stroke-placeholder-v18-3-0:#6a788514;
24
+ --magritte-color-component-avatar-stroke-letters-v18-3-0:#0000000a;
25
+ --magritte-color-component-avatar-stroke-icon-v18-3-0:#0000000a;
26
+ --magritte-color-component-avatar-stroke-state-focused-accessible-v18-3-0:#0070ff7a;
27
27
  }
28
28
  :root{
29
- --magritte-color-base-white-v18-2-1:#ffffff;
30
- --magritte-color-base-graphite-90-v18-2-1:#DCE3EB;
31
- --magritte-color-base-graphite-95-v18-2-1:#EEF1F7;
32
- --magritte-color-base-graphite-96-v18-2-1:#F1F4F9;
33
- --magritte-color-base-gray-10-v18-2-1:#1B1B1B;
34
- --magritte-color-base-gray-30-v18-2-1:#474747;
35
- --magritte-color-base-gray-35-v18-2-1:#535353;
36
- --magritte-color-base-gray-40-v18-2-1:#5E5E5E;
37
- --magritte-color-base-gray-50-v18-2-1:#767676;
38
- --magritte-semantic-opacity-disabled-v18-2-1:48%;
39
- --magritte-semantic-scale-pressed-v18-2-1:0.96;
40
- --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-2-1:cubic-bezier(0.25, 0.1, 0.25, 1);
41
- --magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-2-1:200ms;
42
- --magritte-semantic-border-width-default-v18-2-1:1px;
43
- --magritte-static-border-radius-200-v18-2-1:8px;
44
- --magritte-static-border-radius-300-v18-2-1:12px;
45
- --magritte-static-border-radius-600-v18-2-1:24px;
29
+ --magritte-color-base-white-v18-3-0:#ffffff;
30
+ --magritte-color-base-graphite-90-v18-3-0:#DCE3EB;
31
+ --magritte-color-base-graphite-95-v18-3-0:#EEF1F7;
32
+ --magritte-color-base-graphite-96-v18-3-0:#F1F4F9;
33
+ --magritte-color-base-gray-10-v18-3-0:#1B1B1B;
34
+ --magritte-color-base-gray-30-v18-3-0:#474747;
35
+ --magritte-color-base-gray-35-v18-3-0:#535353;
36
+ --magritte-color-base-gray-40-v18-3-0:#5E5E5E;
37
+ --magritte-color-base-gray-50-v18-3-0:#767676;
38
+ --magritte-semantic-opacity-disabled-v18-3-0:48%;
39
+ --magritte-semantic-scale-pressed-v18-3-0:0.96;
40
+ --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-3-0:cubic-bezier(0.25, 0.1, 0.25, 1);
41
+ --magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-3-0:200ms;
42
+ --magritte-semantic-border-width-default-v18-3-0:1px;
43
+ --magritte-static-border-radius-200-v18-3-0:8px;
44
+ --magritte-static-border-radius-300-v18-3-0:12px;
45
+ --magritte-static-border-radius-600-v18-3-0:24px;
46
46
  }
47
47
  .magritte-night-theme{
48
- --magritte-color-background-primary-v18-2-1:#000000;
49
- --magritte-color-background-secondary-v18-2-1:#1B1B1B;
50
- --magritte-color-background-tertiary-v18-2-1:#303030;
51
- --magritte-color-background-accent-v18-2-1:#222D3D;
52
- --magritte-color-background-positive-v18-2-1:#16321F;
53
- --magritte-color-background-negative-v18-2-1:#3D2622;
54
- --magritte-color-background-warning-v18-2-1:#3D270E;
55
- --magritte-color-background-special-v18-2-1:#2F293C;
56
- --magritte-color-background-contrast-v18-2-1:#000000;
57
- --magritte-color-component-avatar-online-content-v18-2-1:#0ea658;
58
- --magritte-color-component-avatar-background-color-01-v18-2-1:#96aabb;
59
- --magritte-color-component-avatar-background-color-02-v18-2-1:#ff859f;
60
- --magritte-color-component-avatar-background-color-03-v18-2-1:#ff8a77;
61
- --magritte-color-component-avatar-background-color-04-v18-2-1:#c8a836;
62
- --magritte-color-component-avatar-background-color-05-v18-2-1:#ff9900;
63
- --magritte-color-component-avatar-background-color-06-v18-2-1:#0dc267;
64
- --magritte-color-component-avatar-background-color-07-v18-2-1:#76adfe;
65
- --magritte-color-component-avatar-background-color-08-v18-2-1:#50b5e8;
66
- --magritte-color-component-avatar-background-color-09-v18-2-1:#b99bf8;
67
- --magritte-color-component-avatar-text-letters-v18-2-1:#ffffff;
68
- --magritte-color-component-avatar-stroke-image-v18-2-1:#ffffff1f;
69
- --magritte-color-component-avatar-stroke-placeholder-v18-2-1:#ffffff1f;
70
- --magritte-color-component-avatar-stroke-letters-v18-2-1:#ffffff1f;
71
- --magritte-color-component-avatar-stroke-icon-v18-2-1:#ffffff1f;
72
- --magritte-color-component-avatar-stroke-state-focused-accessible-v18-2-1:#0070ff7a;
73
- }
74
- .magritte-avatar-container___jBkeI_5-0-3{
48
+ --magritte-color-background-primary-v18-3-0:#1B1B1B;
49
+ --magritte-color-background-secondary-v18-3-0:#303030;
50
+ --magritte-color-background-tertiary-v18-3-0:#474747;
51
+ --magritte-color-background-accent-v18-3-0:#222D3D;
52
+ --magritte-color-background-positive-v18-3-0:#16321F;
53
+ --magritte-color-background-negative-v18-3-0:#3D2622;
54
+ --magritte-color-background-warning-v18-3-0:#3D270E;
55
+ --magritte-color-background-special-v18-3-0:#2F293C;
56
+ --magritte-color-background-contrast-v18-3-0:#000000;
57
+ --magritte-color-component-avatar-online-content-v18-3-0:#0ea658;
58
+ --magritte-color-component-avatar-background-color-01-v18-3-0:#96aabb;
59
+ --magritte-color-component-avatar-background-color-02-v18-3-0:#ff859f;
60
+ --magritte-color-component-avatar-background-color-03-v18-3-0:#ff8a77;
61
+ --magritte-color-component-avatar-background-color-04-v18-3-0:#c8a836;
62
+ --magritte-color-component-avatar-background-color-05-v18-3-0:#ff9900;
63
+ --magritte-color-component-avatar-background-color-06-v18-3-0:#0dc267;
64
+ --magritte-color-component-avatar-background-color-07-v18-3-0:#76adfe;
65
+ --magritte-color-component-avatar-background-color-08-v18-3-0:#50b5e8;
66
+ --magritte-color-component-avatar-background-color-09-v18-3-0:#b99bf8;
67
+ --magritte-color-component-avatar-text-letters-v18-3-0:#ffffff;
68
+ --magritte-color-component-avatar-stroke-image-v18-3-0:#ffffff1f;
69
+ --magritte-color-component-avatar-stroke-placeholder-v18-3-0:#ffffff1f;
70
+ --magritte-color-component-avatar-stroke-letters-v18-3-0:#ffffff1f;
71
+ --magritte-color-component-avatar-stroke-icon-v18-3-0:#ffffff1f;
72
+ --magritte-color-component-avatar-stroke-state-focused-accessible-v18-3-0:#0070ff7a;
73
+ }
74
+ .magritte-avatar-container___jBkeI_5-0-5{
75
75
  position:relative;
76
76
  }
77
- .magritte-avatar-container_disabled___EkG4l_5-0-3{
77
+ .magritte-avatar-container_disabled___EkG4l_5-0-5{
78
78
  pointer-events:none;
79
- opacity:var(--magritte-semantic-opacity-disabled-v18-2-1);
79
+ opacity:var(--magritte-semantic-opacity-disabled-v18-3-0);
80
80
  }
81
- .magritte-avatar___x--BK_5-0-3{
81
+ .magritte-avatar___x--BK_5-0-5{
82
82
  display:flex;
83
83
  align-items:center;
84
84
  justify-content:center;
85
85
  overflow:hidden;
86
86
  position:relative;
87
- --magritte-ui-text-color-override:var(--magritte-color-component-avatar-text-letters-v18-2-1);
88
- --magritte-ui-avatar-placeholder-background:var(--magritte-color-base-graphite-95-v18-2-1);
89
- --magritte-ui-avatar-placeholder-body:var(--magritte-color-base-white-v18-2-1);
90
- --magritte-ui-avatar-placeholder-clothes:var(--magritte-color-base-graphite-90-v18-2-1);
91
- --magritte-ui-avatar-placeholder-hair:var(--magritte-color-base-graphite-90-v18-2-1);
92
- --magritte-ui-avatar-placeholder-shadow-female:var(--magritte-color-base-graphite-96-v18-2-1);
93
- --magritte-ui-avatar-placeholder-shadow-male:var(--magritte-color-base-graphite-90-v18-2-1);
94
- --magritte-ui-avatar-placeholder-city:var(--magritte-color-base-white-v18-2-1);
95
- --magritte-ui-avatar-placeholder-shadow-city:var(--magritte-color-base-graphite-90-v18-2-1);
96
- }
97
- .magritte-avatar___x--BK_5-0-3:not(div){
87
+ --magritte-ui-text-color-override:var(--magritte-color-component-avatar-text-letters-v18-3-0);
88
+ --magritte-ui-avatar-placeholder-background:var(--magritte-color-base-graphite-95-v18-3-0);
89
+ --magritte-ui-avatar-placeholder-body:var(--magritte-color-base-white-v18-3-0);
90
+ --magritte-ui-avatar-placeholder-clothes:var(--magritte-color-base-graphite-90-v18-3-0);
91
+ --magritte-ui-avatar-placeholder-hair:var(--magritte-color-base-graphite-90-v18-3-0);
92
+ --magritte-ui-avatar-placeholder-shadow-female:var(--magritte-color-base-graphite-96-v18-3-0);
93
+ --magritte-ui-avatar-placeholder-shadow-male:var(--magritte-color-base-graphite-90-v18-3-0);
94
+ --magritte-ui-avatar-placeholder-city:var(--magritte-color-base-white-v18-3-0);
95
+ --magritte-ui-avatar-placeholder-shadow-city:var(--magritte-color-base-graphite-90-v18-3-0);
96
+ }
97
+ .magritte-avatar___x--BK_5-0-5:not(div){
98
98
  cursor:pointer;
99
99
  }
100
- .magritte-avatar___x--BK_5-0-3:focus{
100
+ .magritte-avatar___x--BK_5-0-5:focus{
101
101
  outline:none;
102
102
  }
103
- .magritte-avatar___x--BK_5-0-3:focus-visible{
104
- outline:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-2-1);
103
+ .magritte-avatar___x--BK_5-0-5.focus-visible{
104
+ outline:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-3-0);
105
105
  }
106
- .magritte-avatar___x--BK_5-0-3:not(div):active{
107
- transform:scale(var(--magritte-semantic-scale-pressed-v18-2-1));
108
- transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-2-1);
109
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-2-1);
106
+ .magritte-avatar___x--BK_5-0-5:not(div):active{
107
+ transform:scale(var(--magritte-semantic-scale-pressed-v18-3-0));
108
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-3-0);
109
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-3-0);
110
110
  }
111
- .magritte-avatar___x--BK_5-0-3::after{
111
+ .magritte-avatar___x--BK_5-0-5::after{
112
112
  content:'';
113
113
  top:0;
114
114
  left:0;
@@ -116,187 +116,187 @@
116
116
  width:100%;
117
117
  height:100%;
118
118
  }
119
- .magritte-night-theme .magritte-avatar___x--BK_5-0-3{
120
- --magritte-ui-avatar-placeholder-background:var(--magritte-color-base-gray-10-v18-2-1);
121
- --magritte-ui-avatar-placeholder-body:var(--magritte-color-base-gray-50-v18-2-1);
122
- --magritte-ui-avatar-placeholder-clothes:var(--magritte-color-base-gray-40-v18-2-1);
123
- --magritte-ui-avatar-placeholder-hair:var(--magritte-color-base-gray-30-v18-2-1);
124
- --magritte-ui-avatar-placeholder-shadow-female:var(--magritte-color-base-gray-35-v18-2-1);
125
- --magritte-ui-avatar-placeholder-shadow-male:var(--magritte-color-base-gray-35-v18-2-1);
126
- --magritte-ui-avatar-placeholder-city:var(--magritte-color-base-gray-50-v18-2-1);
127
- --magritte-ui-avatar-placeholder-shadow-city:var(--magritte-color-base-gray-30-v18-2-1);
128
- }
129
- .magritte-avatar-container_size-24___f6DH2_5-0-3,
130
- .magritte-avatar-skeleton-24___9hUuj_5-0-3,
131
- .magritte-avatar_size-24___0dAId_5-0-3{
119
+ .magritte-night-theme .magritte-avatar___x--BK_5-0-5{
120
+ --magritte-ui-avatar-placeholder-background:var(--magritte-color-base-gray-10-v18-3-0);
121
+ --magritte-ui-avatar-placeholder-body:var(--magritte-color-base-gray-50-v18-3-0);
122
+ --magritte-ui-avatar-placeholder-clothes:var(--magritte-color-base-gray-40-v18-3-0);
123
+ --magritte-ui-avatar-placeholder-hair:var(--magritte-color-base-gray-30-v18-3-0);
124
+ --magritte-ui-avatar-placeholder-shadow-female:var(--magritte-color-base-gray-35-v18-3-0);
125
+ --magritte-ui-avatar-placeholder-shadow-male:var(--magritte-color-base-gray-35-v18-3-0);
126
+ --magritte-ui-avatar-placeholder-city:var(--magritte-color-base-gray-50-v18-3-0);
127
+ --magritte-ui-avatar-placeholder-shadow-city:var(--magritte-color-base-gray-30-v18-3-0);
128
+ }
129
+ .magritte-avatar-container_size-24___f6DH2_5-0-5,
130
+ .magritte-avatar-skeleton-24___9hUuj_5-0-5,
131
+ .magritte-avatar_size-24___0dAId_5-0-5{
132
132
  width:24px;
133
133
  height:24px;
134
- border-radius:var(--magritte-static-border-radius-200-v18-2-1);
134
+ border-radius:var(--magritte-static-border-radius-200-v18-3-0);
135
135
  }
136
- .magritte-avatar-container_size-24___f6DH2_5-0-3:after,
137
- .magritte-avatar-skeleton-24___9hUuj_5-0-3:after,
138
- .magritte-avatar_size-24___0dAId_5-0-3:after{
139
- border-radius:var(--magritte-static-border-radius-200-v18-2-1);
136
+ .magritte-avatar-container_size-24___f6DH2_5-0-5:after,
137
+ .magritte-avatar-skeleton-24___9hUuj_5-0-5:after,
138
+ .magritte-avatar_size-24___0dAId_5-0-5:after{
139
+ border-radius:var(--magritte-static-border-radius-200-v18-3-0);
140
140
  }
141
- .magritte-avatar-container_size-40___mVeBD_5-0-3,
142
- .magritte-avatar-skeleton-40___ZN6a7_5-0-3,
143
- .magritte-avatar_size-40___zj3fM_5-0-3{
141
+ .magritte-avatar-container_size-40___mVeBD_5-0-5,
142
+ .magritte-avatar-skeleton-40___ZN6a7_5-0-5,
143
+ .magritte-avatar_size-40___zj3fM_5-0-5{
144
144
  width:40px;
145
145
  height:40px;
146
- border-radius:var(--magritte-static-border-radius-300-v18-2-1);
146
+ border-radius:var(--magritte-static-border-radius-300-v18-3-0);
147
147
  }
148
- .magritte-avatar-container_size-40___mVeBD_5-0-3:after,
149
- .magritte-avatar-skeleton-40___ZN6a7_5-0-3:after,
150
- .magritte-avatar_size-40___zj3fM_5-0-3:after{
151
- border-radius:var(--magritte-static-border-radius-300-v18-2-1);
148
+ .magritte-avatar-container_size-40___mVeBD_5-0-5:after,
149
+ .magritte-avatar-skeleton-40___ZN6a7_5-0-5:after,
150
+ .magritte-avatar_size-40___zj3fM_5-0-5:after{
151
+ border-radius:var(--magritte-static-border-radius-300-v18-3-0);
152
152
  }
153
- .magritte-avatar-container_size-48___pflud_5-0-3,
154
- .magritte-avatar-skeleton-48___CC-af_5-0-3,
155
- .magritte-avatar_size-48___JzITc_5-0-3{
153
+ .magritte-avatar-container_size-48___pflud_5-0-5,
154
+ .magritte-avatar-skeleton-48___CC-af_5-0-5,
155
+ .magritte-avatar_size-48___JzITc_5-0-5{
156
156
  width:48px;
157
157
  height:48px;
158
- border-radius:var(--magritte-static-border-radius-300-v18-2-1);
158
+ border-radius:var(--magritte-static-border-radius-300-v18-3-0);
159
159
  }
160
- .magritte-avatar-container_size-48___pflud_5-0-3:after,
161
- .magritte-avatar-skeleton-48___CC-af_5-0-3:after,
162
- .magritte-avatar_size-48___JzITc_5-0-3:after{
163
- border-radius:var(--magritte-static-border-radius-300-v18-2-1);
160
+ .magritte-avatar-container_size-48___pflud_5-0-5:after,
161
+ .magritte-avatar-skeleton-48___CC-af_5-0-5:after,
162
+ .magritte-avatar_size-48___JzITc_5-0-5:after{
163
+ border-radius:var(--magritte-static-border-radius-300-v18-3-0);
164
164
  }
165
- .magritte-avatar-container_size-96___Up8Hn_5-0-3,
166
- .magritte-avatar-skeleton-96___qYG-Z_5-0-3,
167
- .magritte-avatar_size-96___5SeO2_5-0-3{
165
+ .magritte-avatar-container_size-96___Up8Hn_5-0-5,
166
+ .magritte-avatar-skeleton-96___qYG-Z_5-0-5,
167
+ .magritte-avatar_size-96___5SeO2_5-0-5{
168
168
  width:96px;
169
169
  height:96px;
170
- border-radius:var(--magritte-static-border-radius-600-v18-2-1);
170
+ border-radius:var(--magritte-static-border-radius-600-v18-3-0);
171
171
  }
172
- .magritte-avatar-container_size-96___Up8Hn_5-0-3:after,
173
- .magritte-avatar-skeleton-96___qYG-Z_5-0-3:after,
174
- .magritte-avatar_size-96___5SeO2_5-0-3:after{
175
- border-radius:var(--magritte-static-border-radius-600-v18-2-1);
172
+ .magritte-avatar-container_size-96___Up8Hn_5-0-5:after,
173
+ .magritte-avatar-skeleton-96___qYG-Z_5-0-5:after,
174
+ .magritte-avatar_size-96___5SeO2_5-0-5:after{
175
+ border-radius:var(--magritte-static-border-radius-600-v18-3-0);
176
176
  }
177
- .magritte-avatar-container_size-208___k7SkJ_5-0-3,
178
- .magritte-avatar-skeleton-208___ybqJw_5-0-3,
179
- .magritte-avatar_size-208___rzfu3_5-0-3{
177
+ .magritte-avatar-container_size-208___k7SkJ_5-0-5,
178
+ .magritte-avatar-skeleton-208___ybqJw_5-0-5,
179
+ .magritte-avatar_size-208___rzfu3_5-0-5{
180
180
  width:208px;
181
181
  height:208px;
182
- border-radius:var(--magritte-static-border-radius-200-v18-2-1);
182
+ border-radius:var(--magritte-static-border-radius-200-v18-3-0);
183
183
  }
184
- .magritte-avatar-container_size-208___k7SkJ_5-0-3:after,
185
- .magritte-avatar-skeleton-208___ybqJw_5-0-3:after,
186
- .magritte-avatar_size-208___rzfu3_5-0-3:after{
187
- border-radius:var(--magritte-static-border-radius-200-v18-2-1);
184
+ .magritte-avatar-container_size-208___k7SkJ_5-0-5:after,
185
+ .magritte-avatar-skeleton-208___ybqJw_5-0-5:after,
186
+ .magritte-avatar_size-208___rzfu3_5-0-5:after{
187
+ border-radius:var(--magritte-static-border-radius-200-v18-3-0);
188
188
  }
189
- .magritte-avatar_shape-circle___kEbru_5-0-3,
190
- .magritte-avatar-skeleton-circle___rD1E0_5-0-3{
189
+ .magritte-avatar_shape-circle___kEbru_5-0-5,
190
+ .magritte-avatar-skeleton-circle___rD1E0_5-0-5{
191
191
  border-radius:50%;
192
192
  }
193
- .magritte-avatar_shape-circle___kEbru_5-0-3::after,
194
- .magritte-avatar-skeleton-circle___rD1E0_5-0-3::after{
193
+ .magritte-avatar_shape-circle___kEbru_5-0-5::after,
194
+ .magritte-avatar-skeleton-circle___rD1E0_5-0-5::after{
195
195
  border-radius:50%;
196
196
  }
197
- .magritte-avatar_style-color-1___xXtkh_5-0-3{
198
- background-color:var(--magritte-color-component-avatar-background-color-01-v18-2-1);
197
+ .magritte-avatar_style-color-1___xXtkh_5-0-5{
198
+ background-color:var(--magritte-color-component-avatar-background-color-01-v18-3-0);
199
199
  }
200
- .magritte-avatar_style-color-2___JraJd_5-0-3{
201
- background-color:var(--magritte-color-component-avatar-background-color-02-v18-2-1);
200
+ .magritte-avatar_style-color-2___JraJd_5-0-5{
201
+ background-color:var(--magritte-color-component-avatar-background-color-02-v18-3-0);
202
202
  }
203
- .magritte-avatar_style-color-3___g29U3_5-0-3{
204
- background-color:var(--magritte-color-component-avatar-background-color-03-v18-2-1);
203
+ .magritte-avatar_style-color-3___g29U3_5-0-5{
204
+ background-color:var(--magritte-color-component-avatar-background-color-03-v18-3-0);
205
205
  }
206
- .magritte-avatar_style-color-4___pHhmj_5-0-3{
207
- background-color:var(--magritte-color-component-avatar-background-color-04-v18-2-1);
206
+ .magritte-avatar_style-color-4___pHhmj_5-0-5{
207
+ background-color:var(--magritte-color-component-avatar-background-color-04-v18-3-0);
208
208
  }
209
- .magritte-avatar_style-color-5___H9Ie3_5-0-3{
210
- background-color:var(--magritte-color-component-avatar-background-color-05-v18-2-1);
209
+ .magritte-avatar_style-color-5___H9Ie3_5-0-5{
210
+ background-color:var(--magritte-color-component-avatar-background-color-05-v18-3-0);
211
211
  }
212
- .magritte-avatar_style-color-6___oODXO_5-0-3{
213
- background-color:var(--magritte-color-component-avatar-background-color-06-v18-2-1);
212
+ .magritte-avatar_style-color-6___oODXO_5-0-5{
213
+ background-color:var(--magritte-color-component-avatar-background-color-06-v18-3-0);
214
214
  }
215
- .magritte-avatar_style-color-7___SfUBl_5-0-3{
216
- background-color:var(--magritte-color-component-avatar-background-color-07-v18-2-1);
215
+ .magritte-avatar_style-color-7___SfUBl_5-0-5{
216
+ background-color:var(--magritte-color-component-avatar-background-color-07-v18-3-0);
217
217
  }
218
- .magritte-avatar_style-color-8___rlI6h_5-0-3{
219
- background-color:var(--magritte-color-component-avatar-background-color-08-v18-2-1);
218
+ .magritte-avatar_style-color-8___rlI6h_5-0-5{
219
+ background-color:var(--magritte-color-component-avatar-background-color-08-v18-3-0);
220
220
  }
221
- .magritte-avatar_style-color-9___XQO4B_5-0-3{
222
- background-color:var(--magritte-color-component-avatar-background-color-09-v18-2-1);
221
+ .magritte-avatar_style-color-9___XQO4B_5-0-5{
222
+ background-color:var(--magritte-color-component-avatar-background-color-09-v18-3-0);
223
223
  }
224
- .magritte-avatar_style-primary___SvqU1_5-0-3{
225
- background-color:var(--magritte-color-background-primary-v18-2-1);
224
+ .magritte-avatar_style-primary___SvqU1_5-0-5{
225
+ background-color:var(--magritte-color-background-primary-v18-3-0);
226
226
  }
227
- .magritte-avatar_style-secondary___C6MTH_5-0-3{
228
- background-color:var(--magritte-color-background-secondary-v18-2-1);
227
+ .magritte-avatar_style-secondary___C6MTH_5-0-5{
228
+ background-color:var(--magritte-color-background-secondary-v18-3-0);
229
229
  }
230
- .magritte-avatar_style-tertiary___3o-90_5-0-3{
231
- background-color:var(--magritte-color-background-tertiary-v18-2-1);
230
+ .magritte-avatar_style-tertiary___3o-90_5-0-5{
231
+ background-color:var(--magritte-color-background-tertiary-v18-3-0);
232
232
  }
233
- .magritte-avatar_style-accent___LgPSo_5-0-3{
234
- background-color:var(--magritte-color-background-accent-v18-2-1);
233
+ .magritte-avatar_style-accent___LgPSo_5-0-5{
234
+ background-color:var(--magritte-color-background-accent-v18-3-0);
235
235
  }
236
- .magritte-avatar_style-positive___bDzbE_5-0-3{
237
- background-color:var(--magritte-color-background-positive-v18-2-1);
236
+ .magritte-avatar_style-positive___bDzbE_5-0-5{
237
+ background-color:var(--magritte-color-background-positive-v18-3-0);
238
238
  }
239
- .magritte-avatar_style-negative___xHHQb_5-0-3{
240
- background-color:var(--magritte-color-background-negative-v18-2-1);
239
+ .magritte-avatar_style-negative___xHHQb_5-0-5{
240
+ background-color:var(--magritte-color-background-negative-v18-3-0);
241
241
  }
242
- .magritte-avatar_style-warning___7kKRS_5-0-3{
243
- background-color:var(--magritte-color-background-warning-v18-2-1);
242
+ .magritte-avatar_style-warning___7kKRS_5-0-5{
243
+ background-color:var(--magritte-color-background-warning-v18-3-0);
244
244
  }
245
- .magritte-avatar_style-special___gLmS0_5-0-3{
246
- background-color:var(--magritte-color-background-special-v18-2-1);
245
+ .magritte-avatar_style-special___gLmS0_5-0-5{
246
+ background-color:var(--magritte-color-background-special-v18-3-0);
247
247
  }
248
- .magritte-avatar_style-contrast___zHyp-_5-0-3{
249
- background-color:var(--magritte-color-background-contrast-v18-2-1);
248
+ .magritte-avatar_style-contrast___zHyp-_5-0-5{
249
+ background-color:var(--magritte-color-background-contrast-v18-3-0);
250
250
  }
251
- .magritte-avatar_mode-image___02zr1_5-0-3::after{
252
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v18-2-1) var(--magritte-color-component-avatar-stroke-image-v18-2-1);
251
+ .magritte-avatar_mode-image___02zr1_5-0-5::after{
252
+ box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v18-3-0) var(--magritte-color-component-avatar-stroke-image-v18-3-0);
253
253
  }
254
- .magritte-avatar_mode-letters___ot4qB_5-0-3::after{
255
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v18-2-1) var(--magritte-color-component-avatar-stroke-letters-v18-2-1);
254
+ .magritte-avatar_mode-letters___ot4qB_5-0-5::after{
255
+ box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v18-3-0) var(--magritte-color-component-avatar-stroke-letters-v18-3-0);
256
256
  }
257
- .magritte-avatar_mode-icon___MYrlv_5-0-3::after{
258
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v18-2-1) var(--magritte-color-component-avatar-stroke-icon-v18-2-1);
257
+ .magritte-avatar_mode-icon___MYrlv_5-0-5::after{
258
+ box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v18-3-0) var(--magritte-color-component-avatar-stroke-icon-v18-3-0);
259
259
  }
260
- .magritte-avatar_mode-placeholder___6hOu7_5-0-3::after{
261
- box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v18-2-1) var(--magritte-color-component-avatar-stroke-placeholder-v18-2-1);
260
+ .magritte-avatar_mode-placeholder___6hOu7_5-0-5::after{
261
+ box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v18-3-0) var(--magritte-color-component-avatar-stroke-placeholder-v18-3-0);
262
262
  }
263
- .magritte-avatar-image___05p9Z_5-0-3{
263
+ .magritte-avatar-image___05p9Z_5-0-5{
264
264
  object-fit:cover;
265
265
  width:100%;
266
266
  height:100%;
267
267
  }
268
- .magritte-avatar-image_hidden___DPQBK_5-0-3{
268
+ .magritte-avatar-image_hidden___DPQBK_5-0-5{
269
269
  display:none;
270
270
  }
271
- .magritte-avatar_with-online-badge-24___helkM_5-0-3{
271
+ .magritte-avatar_with-online-badge-24___helkM_5-0-5{
272
272
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(6px / 2)) calc(100% - calc(6px / 2)), transparent calc(6px / 2 + 1px), #000 0);
273
273
  -webkit-mask-image:var(--transparent-area-mask);
274
274
  mask-image:var(--transparent-area-mask);
275
275
  }
276
- .magritte-avatar_shape-circle___kEbru_5-0-3.magritte-avatar_with-online-badge-24___helkM_5-0-3{
276
+ .magritte-avatar_shape-circle___kEbru_5-0-5.magritte-avatar_with-online-badge-24___helkM_5-0-5{
277
277
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(6px / 2) + 0px)) calc(100% - calc(calc(6px / 2) + 0px)), transparent calc(6px / 2 + 1px), #000 0);
278
278
  -webkit-mask-image:var(--transparent-area-mask);
279
279
  mask-image:var(--transparent-area-mask);
280
280
  }
281
- .magritte-avatar-online-badge-24___mjPKB_5-0-3{
281
+ .magritte-avatar-online-badge-24___mjPKB_5-0-5{
282
282
  position:absolute;
283
- background-color:var(--magritte-color-component-avatar-online-content-v18-2-1);
283
+ background-color:var(--magritte-color-component-avatar-online-content-v18-3-0);
284
284
  border-radius:50%;
285
285
  width:6px;
286
286
  height:6px;
287
287
  right:0px;
288
288
  bottom:0px;
289
289
  }
290
- .magritte-avatar_shape-circle___kEbru_5-0-3 ~ .magritte-avatar-online-badge-24___mjPKB_5-0-3{
290
+ .magritte-avatar_shape-circle___kEbru_5-0-5 ~ .magritte-avatar-online-badge-24___mjPKB_5-0-5{
291
291
  position:absolute;
292
- background-color:var(--magritte-color-component-avatar-online-content-v18-2-1);
292
+ background-color:var(--magritte-color-component-avatar-online-content-v18-3-0);
293
293
  border-radius:50%;
294
294
  width:6px;
295
295
  height:6px;
296
296
  right:0px;
297
297
  bottom:0px;
298
298
  }
299
- .magritte-avatar___x--BK_5-0-3:focus-visible + .magritte-avatar-focus-border-24___wnJnb_5-0-3{
299
+ .magritte-avatar___x--BK_5-0-5.focus-visible + .magritte-avatar-focus-border-24___wnJnb_5-0-5{
300
300
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(6px / 2) + 4px)) calc(100% - calc(calc(6px / 2) + 4px)), transparent calc(6px / 2 + 1px), #000 0);
301
301
  -webkit-mask-image:var(--transparent-area-mask);
302
302
  mask-image:var(--transparent-area-mask);
@@ -305,10 +305,10 @@
305
305
  height:24px;
306
306
  top:0;
307
307
  margin:-4px;
308
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-2-1);
309
- border-radius:calc(var(--magritte-static-border-radius-200-v18-2-1) + 4px);
308
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-3-0);
309
+ border-radius:calc(var(--magritte-static-border-radius-200-v18-3-0) + 4px);
310
310
  }
311
- .magritte-avatar___x--BK_5-0-3:focus-visible.magritte-avatar_shape-circle___kEbru_5-0-3 + .magritte-avatar-focus-border-24___wnJnb_5-0-3{
311
+ .magritte-avatar___x--BK_5-0-5.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-5 + .magritte-avatar-focus-border-24___wnJnb_5-0-5{
312
312
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(calc(6px / 2) + 0px) + 4px)) calc(100% - calc(calc(calc(6px / 2) + 0px) + 4px)), transparent calc(6px / 2 + 1px), #000 0);
313
313
  -webkit-mask-image:var(--transparent-area-mask);
314
314
  mask-image:var(--transparent-area-mask);
@@ -317,38 +317,38 @@
317
317
  height:24px;
318
318
  top:0;
319
319
  margin:-4px;
320
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-2-1);
320
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-3-0);
321
321
  border-radius:50%;
322
322
  }
323
- .magritte-avatar_with-online-badge-40___Tckho_5-0-3{
323
+ .magritte-avatar_with-online-badge-40___Tckho_5-0-5{
324
324
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(8px / 2)) calc(100% - calc(8px / 2)), transparent calc(8px / 2 + 2px), #000 0);
325
325
  -webkit-mask-image:var(--transparent-area-mask);
326
326
  mask-image:var(--transparent-area-mask);
327
327
  }
328
- .magritte-avatar_shape-circle___kEbru_5-0-3.magritte-avatar_with-online-badge-40___Tckho_5-0-3{
328
+ .magritte-avatar_shape-circle___kEbru_5-0-5.magritte-avatar_with-online-badge-40___Tckho_5-0-5{
329
329
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(8px / 2) + 2px)) calc(100% - calc(calc(8px / 2) + 2px)), transparent calc(8px / 2 + 2px), #000 0);
330
330
  -webkit-mask-image:var(--transparent-area-mask);
331
331
  mask-image:var(--transparent-area-mask);
332
332
  }
333
- .magritte-avatar-online-badge-40___HRNTS_5-0-3{
333
+ .magritte-avatar-online-badge-40___HRNTS_5-0-5{
334
334
  position:absolute;
335
- background-color:var(--magritte-color-component-avatar-online-content-v18-2-1);
335
+ background-color:var(--magritte-color-component-avatar-online-content-v18-3-0);
336
336
  border-radius:50%;
337
337
  width:8px;
338
338
  height:8px;
339
339
  right:0px;
340
340
  bottom:0px;
341
341
  }
342
- .magritte-avatar_shape-circle___kEbru_5-0-3 ~ .magritte-avatar-online-badge-40___HRNTS_5-0-3{
342
+ .magritte-avatar_shape-circle___kEbru_5-0-5 ~ .magritte-avatar-online-badge-40___HRNTS_5-0-5{
343
343
  position:absolute;
344
- background-color:var(--magritte-color-component-avatar-online-content-v18-2-1);
344
+ background-color:var(--magritte-color-component-avatar-online-content-v18-3-0);
345
345
  border-radius:50%;
346
346
  width:8px;
347
347
  height:8px;
348
348
  right:2px;
349
349
  bottom:2px;
350
350
  }
351
- .magritte-avatar___x--BK_5-0-3:focus-visible + .magritte-avatar-focus-border-40___Qn9NL_5-0-3{
351
+ .magritte-avatar___x--BK_5-0-5.focus-visible + .magritte-avatar-focus-border-40___Qn9NL_5-0-5{
352
352
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(8px / 2) + 4px)) calc(100% - calc(calc(8px / 2) + 4px)), transparent calc(8px / 2 + 2px), #000 0);
353
353
  -webkit-mask-image:var(--transparent-area-mask);
354
354
  mask-image:var(--transparent-area-mask);
@@ -357,10 +357,10 @@
357
357
  height:40px;
358
358
  top:0;
359
359
  margin:-4px;
360
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-2-1);
361
- border-radius:calc(var(--magritte-static-border-radius-300-v18-2-1) + 4px);
360
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-3-0);
361
+ border-radius:calc(var(--magritte-static-border-radius-300-v18-3-0) + 4px);
362
362
  }
363
- .magritte-avatar___x--BK_5-0-3:focus-visible.magritte-avatar_shape-circle___kEbru_5-0-3 + .magritte-avatar-focus-border-40___Qn9NL_5-0-3{
363
+ .magritte-avatar___x--BK_5-0-5.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-5 + .magritte-avatar-focus-border-40___Qn9NL_5-0-5{
364
364
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(calc(8px / 2) + 2px) + 4px)) calc(100% - calc(calc(calc(8px / 2) + 2px) + 4px)), transparent calc(8px / 2 + 2px), #000 0);
365
365
  -webkit-mask-image:var(--transparent-area-mask);
366
366
  mask-image:var(--transparent-area-mask);
@@ -369,38 +369,38 @@
369
369
  height:40px;
370
370
  top:0;
371
371
  margin:-4px;
372
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-2-1);
372
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-3-0);
373
373
  border-radius:50%;
374
374
  }
375
- .magritte-avatar_with-online-badge-48___BmWaC_5-0-3{
375
+ .magritte-avatar_with-online-badge-48___BmWaC_5-0-5{
376
376
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(8px / 2)) calc(100% - calc(8px / 2)), transparent calc(8px / 2 + 2px), #000 0);
377
377
  -webkit-mask-image:var(--transparent-area-mask);
378
378
  mask-image:var(--transparent-area-mask);
379
379
  }
380
- .magritte-avatar_shape-circle___kEbru_5-0-3.magritte-avatar_with-online-badge-48___BmWaC_5-0-3{
380
+ .magritte-avatar_shape-circle___kEbru_5-0-5.magritte-avatar_with-online-badge-48___BmWaC_5-0-5{
381
381
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(8px / 2) + 3px)) calc(100% - calc(calc(8px / 2) + 3px)), transparent calc(8px / 2 + 2px), #000 0);
382
382
  -webkit-mask-image:var(--transparent-area-mask);
383
383
  mask-image:var(--transparent-area-mask);
384
384
  }
385
- .magritte-avatar-online-badge-48___qPmD8_5-0-3{
385
+ .magritte-avatar-online-badge-48___qPmD8_5-0-5{
386
386
  position:absolute;
387
- background-color:var(--magritte-color-component-avatar-online-content-v18-2-1);
387
+ background-color:var(--magritte-color-component-avatar-online-content-v18-3-0);
388
388
  border-radius:50%;
389
389
  width:8px;
390
390
  height:8px;
391
391
  right:0px;
392
392
  bottom:0px;
393
393
  }
394
- .magritte-avatar_shape-circle___kEbru_5-0-3 ~ .magritte-avatar-online-badge-48___qPmD8_5-0-3{
394
+ .magritte-avatar_shape-circle___kEbru_5-0-5 ~ .magritte-avatar-online-badge-48___qPmD8_5-0-5{
395
395
  position:absolute;
396
- background-color:var(--magritte-color-component-avatar-online-content-v18-2-1);
396
+ background-color:var(--magritte-color-component-avatar-online-content-v18-3-0);
397
397
  border-radius:50%;
398
398
  width:8px;
399
399
  height:8px;
400
400
  right:3px;
401
401
  bottom:3px;
402
402
  }
403
- .magritte-avatar___x--BK_5-0-3:focus-visible + .magritte-avatar-focus-border-48___Bc-lN_5-0-3{
403
+ .magritte-avatar___x--BK_5-0-5.focus-visible + .magritte-avatar-focus-border-48___Bc-lN_5-0-5{
404
404
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(8px / 2) + 4px)) calc(100% - calc(calc(8px / 2) + 4px)), transparent calc(8px / 2 + 2px), #000 0);
405
405
  -webkit-mask-image:var(--transparent-area-mask);
406
406
  mask-image:var(--transparent-area-mask);
@@ -409,10 +409,10 @@
409
409
  height:48px;
410
410
  top:0;
411
411
  margin:-4px;
412
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-2-1);
413
- border-radius:calc(var(--magritte-static-border-radius-300-v18-2-1) + 4px);
412
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-3-0);
413
+ border-radius:calc(var(--magritte-static-border-radius-300-v18-3-0) + 4px);
414
414
  }
415
- .magritte-avatar___x--BK_5-0-3:focus-visible.magritte-avatar_shape-circle___kEbru_5-0-3 + .magritte-avatar-focus-border-48___Bc-lN_5-0-3{
415
+ .magritte-avatar___x--BK_5-0-5.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-5 + .magritte-avatar-focus-border-48___Bc-lN_5-0-5{
416
416
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(calc(8px / 2) + 3px) + 4px)) calc(100% - calc(calc(calc(8px / 2) + 3px) + 4px)), transparent calc(8px / 2 + 2px), #000 0);
417
417
  -webkit-mask-image:var(--transparent-area-mask);
418
418
  mask-image:var(--transparent-area-mask);
@@ -421,38 +421,38 @@
421
421
  height:48px;
422
422
  top:0;
423
423
  margin:-4px;
424
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-2-1);
424
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-3-0);
425
425
  border-radius:50%;
426
426
  }
427
- .magritte-avatar_with-online-badge-96___r4E42_5-0-3{
427
+ .magritte-avatar_with-online-badge-96___r4E42_5-0-5{
428
428
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(12px / 2)) calc(100% - calc(12px / 2)), transparent calc(12px / 2 + 2px), #000 0);
429
429
  -webkit-mask-image:var(--transparent-area-mask);
430
430
  mask-image:var(--transparent-area-mask);
431
431
  }
432
- .magritte-avatar_shape-circle___kEbru_5-0-3.magritte-avatar_with-online-badge-96___r4E42_5-0-3{
432
+ .magritte-avatar_shape-circle___kEbru_5-0-5.magritte-avatar_with-online-badge-96___r4E42_5-0-5{
433
433
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(12px / 2) + 8px)) calc(100% - calc(calc(12px / 2) + 8px)), transparent calc(12px / 2 + 2px), #000 0);
434
434
  -webkit-mask-image:var(--transparent-area-mask);
435
435
  mask-image:var(--transparent-area-mask);
436
436
  }
437
- .magritte-avatar-online-badge-96___d6bm-_5-0-3{
437
+ .magritte-avatar-online-badge-96___d6bm-_5-0-5{
438
438
  position:absolute;
439
- background-color:var(--magritte-color-component-avatar-online-content-v18-2-1);
439
+ background-color:var(--magritte-color-component-avatar-online-content-v18-3-0);
440
440
  border-radius:50%;
441
441
  width:12px;
442
442
  height:12px;
443
443
  right:0px;
444
444
  bottom:0px;
445
445
  }
446
- .magritte-avatar_shape-circle___kEbru_5-0-3 ~ .magritte-avatar-online-badge-96___d6bm-_5-0-3{
446
+ .magritte-avatar_shape-circle___kEbru_5-0-5 ~ .magritte-avatar-online-badge-96___d6bm-_5-0-5{
447
447
  position:absolute;
448
- background-color:var(--magritte-color-component-avatar-online-content-v18-2-1);
448
+ background-color:var(--magritte-color-component-avatar-online-content-v18-3-0);
449
449
  border-radius:50%;
450
450
  width:12px;
451
451
  height:12px;
452
452
  right:8px;
453
453
  bottom:8px;
454
454
  }
455
- .magritte-avatar___x--BK_5-0-3:focus-visible + .magritte-avatar-focus-border-96___TVpd0_5-0-3{
455
+ .magritte-avatar___x--BK_5-0-5.focus-visible + .magritte-avatar-focus-border-96___TVpd0_5-0-5{
456
456
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(12px / 2) + 4px)) calc(100% - calc(calc(12px / 2) + 4px)), transparent calc(12px / 2 + 2px), #000 0);
457
457
  -webkit-mask-image:var(--transparent-area-mask);
458
458
  mask-image:var(--transparent-area-mask);
@@ -461,10 +461,10 @@
461
461
  height:96px;
462
462
  top:0;
463
463
  margin:-4px;
464
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-2-1);
465
- border-radius:calc(var(--magritte-static-border-radius-600-v18-2-1) + 4px);
464
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-3-0);
465
+ border-radius:calc(var(--magritte-static-border-radius-600-v18-3-0) + 4px);
466
466
  }
467
- .magritte-avatar___x--BK_5-0-3:focus-visible.magritte-avatar_shape-circle___kEbru_5-0-3 + .magritte-avatar-focus-border-96___TVpd0_5-0-3{
467
+ .magritte-avatar___x--BK_5-0-5.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-5 + .magritte-avatar-focus-border-96___TVpd0_5-0-5{
468
468
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(calc(12px / 2) + 8px) + 4px)) calc(100% - calc(calc(calc(12px / 2) + 8px) + 4px)), transparent calc(12px / 2 + 2px), #000 0);
469
469
  -webkit-mask-image:var(--transparent-area-mask);
470
470
  mask-image:var(--transparent-area-mask);
@@ -473,38 +473,38 @@
473
473
  height:96px;
474
474
  top:0;
475
475
  margin:-4px;
476
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-2-1);
476
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-3-0);
477
477
  border-radius:50%;
478
478
  }
479
- .magritte-avatar_with-online-badge-208___AS6Lk_5-0-3{
479
+ .magritte-avatar_with-online-badge-208___AS6Lk_5-0-5{
480
480
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(12px / 2)) calc(100% - calc(12px / 2)), transparent calc(12px / 2 + 2px), #000 0);
481
481
  -webkit-mask-image:var(--transparent-area-mask);
482
482
  mask-image:var(--transparent-area-mask);
483
483
  }
484
- .magritte-avatar_shape-circle___kEbru_5-0-3.magritte-avatar_with-online-badge-208___AS6Lk_5-0-3{
484
+ .magritte-avatar_shape-circle___kEbru_5-0-5.magritte-avatar_with-online-badge-208___AS6Lk_5-0-5{
485
485
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(12px / 2) + 25px)) calc(100% - calc(calc(12px / 2) + 25px)), transparent calc(12px / 2 + 2px), #000 0);
486
486
  -webkit-mask-image:var(--transparent-area-mask);
487
487
  mask-image:var(--transparent-area-mask);
488
488
  }
489
- .magritte-avatar-online-badge-208___m4hXQ_5-0-3{
489
+ .magritte-avatar-online-badge-208___m4hXQ_5-0-5{
490
490
  position:absolute;
491
- background-color:var(--magritte-color-component-avatar-online-content-v18-2-1);
491
+ background-color:var(--magritte-color-component-avatar-online-content-v18-3-0);
492
492
  border-radius:50%;
493
493
  width:12px;
494
494
  height:12px;
495
495
  right:0px;
496
496
  bottom:0px;
497
497
  }
498
- .magritte-avatar_shape-circle___kEbru_5-0-3 ~ .magritte-avatar-online-badge-208___m4hXQ_5-0-3{
498
+ .magritte-avatar_shape-circle___kEbru_5-0-5 ~ .magritte-avatar-online-badge-208___m4hXQ_5-0-5{
499
499
  position:absolute;
500
- background-color:var(--magritte-color-component-avatar-online-content-v18-2-1);
500
+ background-color:var(--magritte-color-component-avatar-online-content-v18-3-0);
501
501
  border-radius:50%;
502
502
  width:12px;
503
503
  height:12px;
504
504
  right:25px;
505
505
  bottom:25px;
506
506
  }
507
- .magritte-avatar___x--BK_5-0-3:focus-visible + .magritte-avatar-focus-border-208___V6We2_5-0-3{
507
+ .magritte-avatar___x--BK_5-0-5.focus-visible + .magritte-avatar-focus-border-208___V6We2_5-0-5{
508
508
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(12px / 2) + 4px)) calc(100% - calc(calc(12px / 2) + 4px)), transparent calc(12px / 2 + 2px), #000 0);
509
509
  -webkit-mask-image:var(--transparent-area-mask);
510
510
  mask-image:var(--transparent-area-mask);
@@ -513,10 +513,10 @@
513
513
  height:208px;
514
514
  top:0;
515
515
  margin:-4px;
516
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-2-1);
517
- border-radius:calc(var(--magritte-static-border-radius-200-v18-2-1) + 4px);
516
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-3-0);
517
+ border-radius:calc(var(--magritte-static-border-radius-200-v18-3-0) + 4px);
518
518
  }
519
- .magritte-avatar___x--BK_5-0-3:focus-visible.magritte-avatar_shape-circle___kEbru_5-0-3 + .magritte-avatar-focus-border-208___V6We2_5-0-3{
519
+ .magritte-avatar___x--BK_5-0-5.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-5 + .magritte-avatar-focus-border-208___V6We2_5-0-5{
520
520
  --transparent-area-mask:radial-gradient(circle at calc(100% - calc(calc(calc(12px / 2) + 25px) + 4px)) calc(100% - calc(calc(calc(12px / 2) + 25px) + 4px)), transparent calc(12px / 2 + 2px), #000 0);
521
521
  -webkit-mask-image:var(--transparent-area-mask);
522
522
  mask-image:var(--transparent-area-mask);
@@ -525,6 +525,6 @@
525
525
  height:208px;
526
526
  top:0;
527
527
  margin:-4px;
528
- border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-2-1);
528
+ border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v18-3-0);
529
529
  border-radius:50%;
530
530
  }
package/index.js CHANGED
@@ -9,7 +9,7 @@ import './Placeholder/Female.js';
9
9
  import './Placeholder/Male.js';
10
10
  import './Placeholder/City.js';
11
11
  import './Placeholder/Undefined.js';
12
- import './Skeleton-yEQaKG9W.js';
12
+ import './Skeleton-yvCt0Z3p.js';
13
13
  import '@hh.ru/magritte-ui-skeleton';
14
14
  import './utils.js';
15
15
  import '@hh.ru/magritte-ui-typography/BaseText';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-avatar",
3
- "version": "5.0.3",
3
+ "version": "5.0.5",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -21,12 +21,12 @@
21
21
  },
22
22
  "dependencies": {
23
23
  "@hh.ru/magritte-common-use-disabled": "1.0.9",
24
- "@hh.ru/magritte-design-tokens": "18.2.1",
24
+ "@hh.ru/magritte-design-tokens": "18.3.0",
25
25
  "@hh.ru/magritte-types": "4.0.2",
26
26
  "@hh.ru/magritte-ui-mock-component": "1.0.11",
27
- "@hh.ru/magritte-ui-skeleton": "2.1.7",
28
- "@hh.ru/magritte-ui-theme-provider": "1.1.25",
29
- "@hh.ru/magritte-ui-typography": "3.0.12"
27
+ "@hh.ru/magritte-ui-skeleton": "2.1.8",
28
+ "@hh.ru/magritte-ui-theme-provider": "1.1.26",
29
+ "@hh.ru/magritte-ui-typography": "3.0.13"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "classnames": ">=2.3.2",
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "bdbcf07ae5f66002ea09633961d0c9c008c70cd6"
38
+ "gitHead": "23a49dd5966b82e16231d34828bf2852ca211dcb"
39
39
  }
package/Skeleton-yEQaKG9W.js DELETED
@@ -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_5-0-3","avatarContainer":"magritte-avatar-container___jBkeI_5-0-3","avatar-container_disabled":"magritte-avatar-container_disabled___EkG4l_5-0-3","avatarContainerDisabled":"magritte-avatar-container_disabled___EkG4l_5-0-3","avatar":"magritte-avatar___x--BK_5-0-3","avatar-container_size-24":"magritte-avatar-container_size-24___f6DH2_5-0-3","avatarContainerSize24":"magritte-avatar-container_size-24___f6DH2_5-0-3","avatar-skeleton-24":"magritte-avatar-skeleton-24___9hUuj_5-0-3","avatarSkeleton24":"magritte-avatar-skeleton-24___9hUuj_5-0-3","avatar_size-24":"magritte-avatar_size-24___0dAId_5-0-3","avatarSize24":"magritte-avatar_size-24___0dAId_5-0-3","avatar-container_size-40":"magritte-avatar-container_size-40___mVeBD_5-0-3","avatarContainerSize40":"magritte-avatar-container_size-40___mVeBD_5-0-3","avatar-skeleton-40":"magritte-avatar-skeleton-40___ZN6a7_5-0-3","avatarSkeleton40":"magritte-avatar-skeleton-40___ZN6a7_5-0-3","avatar_size-40":"magritte-avatar_size-40___zj3fM_5-0-3","avatarSize40":"magritte-avatar_size-40___zj3fM_5-0-3","avatar-container_size-48":"magritte-avatar-container_size-48___pflud_5-0-3","avatarContainerSize48":"magritte-avatar-container_size-48___pflud_5-0-3","avatar-skeleton-48":"magritte-avatar-skeleton-48___CC-af_5-0-3","avatarSkeleton48":"magritte-avatar-skeleton-48___CC-af_5-0-3","avatar_size-48":"magritte-avatar_size-48___JzITc_5-0-3","avatarSize48":"magritte-avatar_size-48___JzITc_5-0-3","avatar-container_size-96":"magritte-avatar-container_size-96___Up8Hn_5-0-3","avatarContainerSize96":"magritte-avatar-container_size-96___Up8Hn_5-0-3","avatar-skeleton-96":"magritte-avatar-skeleton-96___qYG-Z_5-0-3","avatarSkeleton96":"magritte-avatar-skeleton-96___qYG-Z_5-0-3","avatar_size-96":"magritte-avatar_size-96___5SeO2_5-0-3","avatarSize96":"magritte-avatar_size-96___5SeO2_5-0-3","avatar-container_size-208":"magritte-avatar-container_size-208___k7SkJ_5-0-3","avatarContainerSize208":"magritte-avatar-container_size-208___k7SkJ_5-0-3","avatar-skeleton-208":"magritte-avatar-skeleton-208___ybqJw_5-0-3","avatarSkeleton208":"magritte-avatar-skeleton-208___ybqJw_5-0-3","avatar_size-208":"magritte-avatar_size-208___rzfu3_5-0-3","avatarSize208":"magritte-avatar_size-208___rzfu3_5-0-3","avatar_shape-circle":"magritte-avatar_shape-circle___kEbru_5-0-3","avatarShapeCircle":"magritte-avatar_shape-circle___kEbru_5-0-3","avatar-skeleton-circle":"magritte-avatar-skeleton-circle___rD1E0_5-0-3","avatarSkeletonCircle":"magritte-avatar-skeleton-circle___rD1E0_5-0-3","avatar_style-color-1":"magritte-avatar_style-color-1___xXtkh_5-0-3","avatarStyleColor1":"magritte-avatar_style-color-1___xXtkh_5-0-3","avatar_style-color-2":"magritte-avatar_style-color-2___JraJd_5-0-3","avatarStyleColor2":"magritte-avatar_style-color-2___JraJd_5-0-3","avatar_style-color-3":"magritte-avatar_style-color-3___g29U3_5-0-3","avatarStyleColor3":"magritte-avatar_style-color-3___g29U3_5-0-3","avatar_style-color-4":"magritte-avatar_style-color-4___pHhmj_5-0-3","avatarStyleColor4":"magritte-avatar_style-color-4___pHhmj_5-0-3","avatar_style-color-5":"magritte-avatar_style-color-5___H9Ie3_5-0-3","avatarStyleColor5":"magritte-avatar_style-color-5___H9Ie3_5-0-3","avatar_style-color-6":"magritte-avatar_style-color-6___oODXO_5-0-3","avatarStyleColor6":"magritte-avatar_style-color-6___oODXO_5-0-3","avatar_style-color-7":"magritte-avatar_style-color-7___SfUBl_5-0-3","avatarStyleColor7":"magritte-avatar_style-color-7___SfUBl_5-0-3","avatar_style-color-8":"magritte-avatar_style-color-8___rlI6h_5-0-3","avatarStyleColor8":"magritte-avatar_style-color-8___rlI6h_5-0-3","avatar_style-color-9":"magritte-avatar_style-color-9___XQO4B_5-0-3","avatarStyleColor9":"magritte-avatar_style-color-9___XQO4B_5-0-3","avatar_style-primary":"magritte-avatar_style-primary___SvqU1_5-0-3","avatarStylePrimary":"magritte-avatar_style-primary___SvqU1_5-0-3","avatar_style-secondary":"magritte-avatar_style-secondary___C6MTH_5-0-3","avatarStyleSecondary":"magritte-avatar_style-secondary___C6MTH_5-0-3","avatar_style-tertiary":"magritte-avatar_style-tertiary___3o-90_5-0-3","avatarStyleTertiary":"magritte-avatar_style-tertiary___3o-90_5-0-3","avatar_style-accent":"magritte-avatar_style-accent___LgPSo_5-0-3","avatarStyleAccent":"magritte-avatar_style-accent___LgPSo_5-0-3","avatar_style-positive":"magritte-avatar_style-positive___bDzbE_5-0-3","avatarStylePositive":"magritte-avatar_style-positive___bDzbE_5-0-3","avatar_style-negative":"magritte-avatar_style-negative___xHHQb_5-0-3","avatarStyleNegative":"magritte-avatar_style-negative___xHHQb_5-0-3","avatar_style-warning":"magritte-avatar_style-warning___7kKRS_5-0-3","avatarStyleWarning":"magritte-avatar_style-warning___7kKRS_5-0-3","avatar_style-special":"magritte-avatar_style-special___gLmS0_5-0-3","avatarStyleSpecial":"magritte-avatar_style-special___gLmS0_5-0-3","avatar_style-contrast":"magritte-avatar_style-contrast___zHyp-_5-0-3","avatarStyleContrast":"magritte-avatar_style-contrast___zHyp-_5-0-3","avatar_mode-image":"magritte-avatar_mode-image___02zr1_5-0-3","avatarModeImage":"magritte-avatar_mode-image___02zr1_5-0-3","avatar_mode-letters":"magritte-avatar_mode-letters___ot4qB_5-0-3","avatarModeLetters":"magritte-avatar_mode-letters___ot4qB_5-0-3","avatar_mode-icon":"magritte-avatar_mode-icon___MYrlv_5-0-3","avatarModeIcon":"magritte-avatar_mode-icon___MYrlv_5-0-3","avatar_mode-placeholder":"magritte-avatar_mode-placeholder___6hOu7_5-0-3","avatarModePlaceholder":"magritte-avatar_mode-placeholder___6hOu7_5-0-3","avatar-image":"magritte-avatar-image___05p9Z_5-0-3","avatarImage":"magritte-avatar-image___05p9Z_5-0-3","avatar-image_hidden":"magritte-avatar-image_hidden___DPQBK_5-0-3","avatarImageHidden":"magritte-avatar-image_hidden___DPQBK_5-0-3","avatar_with-online-badge-24":"magritte-avatar_with-online-badge-24___helkM_5-0-3","avatarWithOnlineBadge24":"magritte-avatar_with-online-badge-24___helkM_5-0-3","avatar-online-badge-24":"magritte-avatar-online-badge-24___mjPKB_5-0-3","avatarOnlineBadge24":"magritte-avatar-online-badge-24___mjPKB_5-0-3","avatar-focus-border-24":"magritte-avatar-focus-border-24___wnJnb_5-0-3","avatarFocusBorder24":"magritte-avatar-focus-border-24___wnJnb_5-0-3","avatar_with-online-badge-40":"magritte-avatar_with-online-badge-40___Tckho_5-0-3","avatarWithOnlineBadge40":"magritte-avatar_with-online-badge-40___Tckho_5-0-3","avatar-online-badge-40":"magritte-avatar-online-badge-40___HRNTS_5-0-3","avatarOnlineBadge40":"magritte-avatar-online-badge-40___HRNTS_5-0-3","avatar-focus-border-40":"magritte-avatar-focus-border-40___Qn9NL_5-0-3","avatarFocusBorder40":"magritte-avatar-focus-border-40___Qn9NL_5-0-3","avatar_with-online-badge-48":"magritte-avatar_with-online-badge-48___BmWaC_5-0-3","avatarWithOnlineBadge48":"magritte-avatar_with-online-badge-48___BmWaC_5-0-3","avatar-online-badge-48":"magritte-avatar-online-badge-48___qPmD8_5-0-3","avatarOnlineBadge48":"magritte-avatar-online-badge-48___qPmD8_5-0-3","avatar-focus-border-48":"magritte-avatar-focus-border-48___Bc-lN_5-0-3","avatarFocusBorder48":"magritte-avatar-focus-border-48___Bc-lN_5-0-3","avatar_with-online-badge-96":"magritte-avatar_with-online-badge-96___r4E42_5-0-3","avatarWithOnlineBadge96":"magritte-avatar_with-online-badge-96___r4E42_5-0-3","avatar-online-badge-96":"magritte-avatar-online-badge-96___d6bm-_5-0-3","avatarOnlineBadge96":"magritte-avatar-online-badge-96___d6bm-_5-0-3","avatar-focus-border-96":"magritte-avatar-focus-border-96___TVpd0_5-0-3","avatarFocusBorder96":"magritte-avatar-focus-border-96___TVpd0_5-0-3","avatar_with-online-badge-208":"magritte-avatar_with-online-badge-208___AS6Lk_5-0-3","avatarWithOnlineBadge208":"magritte-avatar_with-online-badge-208___AS6Lk_5-0-3","avatar-online-badge-208":"magritte-avatar-online-badge-208___m4hXQ_5-0-3","avatarOnlineBadge208":"magritte-avatar-online-badge-208___m4hXQ_5-0-3","avatar-focus-border-208":"magritte-avatar-focus-border-208___V6We2_5-0-3","avatarFocusBorder208":"magritte-avatar-focus-border-208___V6We2_5-0-3"};
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-yEQaKG9W.js.map