@hh.ru/magritte-ui-avatar 5.0.8 → 5.0.9

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 (9) hide show
  1. package/Avatar.js +5 -4
  2. package/Avatar.js.map +1 -1
  3. package/Skeleton-Z2kODTRo.js +18 -0
  4. package/{Skeleton-CmxyMgGR.js.map → Skeleton-Z2kODTRo.js.map} +1 -1
  5. package/Skeleton.js +1 -1
  6. package/index.css +97 -97
  7. package/index.js +1 -1
  8. package/package.json +2 -2
  9. package/Skeleton-CmxyMgGR.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-CmxyMgGR.js';
10
+ import { A as AvatarSkeleton, s as styles } from './Skeleton-Z2kODTRo.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';
@@ -48,15 +48,16 @@ const AvatarForwardRefRenderFunc = ({ mode, size, 'aria-label': ariaLabel, shape
48
48
  useLayoutEffect(() => {
49
49
  const handleOnLoad = () => setLoaded(true);
50
50
  const handleOnError = () => setLoaded(false);
51
+ const listenOn = imgRef.current;
51
52
  if (imgRef.current && image) {
52
53
  imgRef.current.addEventListener('load', handleOnLoad);
53
54
  imgRef.current.addEventListener('error', handleOnError);
54
55
  imgRef.current.src = image;
55
56
  }
56
57
  return () => {
57
- if (imgRef.current) {
58
- imgRef.current.removeEventListener('load', handleOnLoad);
59
- imgRef.current.removeEventListener('error', handleOnError);
58
+ if (listenOn) {
59
+ listenOn.removeEventListener('load', handleOnLoad);
60
+ listenOn.removeEventListener('error', handleOnError);
60
61
  }
61
62
  };
62
63
  }, [image]);
package/Avatar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sources":["../src/Avatar.tsx"],"sourcesContent":["import { forwardRef, useLayoutEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { City, Female, Male, Undefined } from '@hh.ru/magritte-ui-avatar/Placeholder';\nimport { AvatarSkeleton } from '@hh.ru/magritte-ui-avatar/Skeleton';\nimport { AvatarForwardRefRenderFuncWithCustomElement, AvatarWithSkeleton } from '@hh.ru/magritte-ui-avatar/types';\nimport { AVATAR_TYPOGRAPHY_MAP, formatLetters } from '@hh.ru/magritte-ui-avatar/utils';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\nimport { BaseText } from '@hh.ru/magritte-ui-typography/BaseText';\n\nimport styles from './avatar.less';\n\nconst AvatarForwardRefRenderFunc: AvatarForwardRefRenderFuncWithCustomElement = (\n {\n mode,\n size,\n 'aria-label': ariaLabel,\n shapeCircle = false,\n online = false,\n disabled = false,\n letters,\n style,\n icon,\n image,\n fallbackMode,\n placeholder = 'undefined',\n Element = 'div',\n containerDataQa = '',\n ...avatarProps\n },\n ref\n) => {\n const [isImageLoaded, setLoaded] = useState(false);\n const imgRef = useRef<HTMLImageElement>(null);\n\n const forceDisabled = useDisabled();\n\n const isComponentDisabled = disabled || forceDisabled;\n\n const isModeLetters = mode === 'letters' || (mode === 'image' && fallbackMode === 'letters' && !isImageLoaded);\n const isModeIcon = mode === 'icon';\n const isModePlaceholder =\n mode === 'placeholder' || (mode === 'image' && fallbackMode === 'placeholder' && !isImageLoaded);\n const isModeImage = mode === 'image';\n\n const additionalAttributes: Record<string, unknown> = {};\n\n if (Element === 'button') {\n additionalAttributes.type = 'button';\n }\n\n if (isComponentDisabled && Element === 'a') {\n additionalAttributes['aria-disabled'] = true;\n additionalAttributes.tabIndex = -1;\n }\n\n if (ref) {\n additionalAttributes.ref = ref;\n }\n\n const classNames = {\n [styles.avatar]: true,\n [styles.avatarShapeCircle]: shapeCircle,\n [styles.avatarModeImage]: mode === 'image' && isImageLoaded,\n [styles.avatarModeLetters]: isModeLetters,\n [styles.avatarModeIcon]: isModeIcon,\n [styles.avatarModePlaceholder]: isModePlaceholder,\n [styles[`avatar_size-${size}`]]: !!size,\n [styles[`avatar_with-online-badge-${size}`]]: online,\n };\n\n if ((isModeLetters || isModeIcon) && style) {\n classNames[styles[`avatar_style-${style}`]] = !!style;\n }\n\n useLayoutEffect(() => {\n const handleOnLoad = () => setLoaded(true);\n const handleOnError = () => setLoaded(false);\n\n if (imgRef.current && image) {\n imgRef.current.addEventListener('load', handleOnLoad);\n imgRef.current.addEventListener('error', handleOnError);\n imgRef.current.src = image;\n }\n\n return () => {\n if (imgRef.current) {\n imgRef.current.removeEventListener('load', handleOnLoad);\n imgRef.current.removeEventListener('error', handleOnError);\n }\n };\n }, [image]);\n\n return (\n <div\n {...(online || isComponentDisabled\n ? {\n className: classnames({\n [styles.avatarContainer]: online,\n [styles.avatarContainerDisabled]: isComponentDisabled,\n [styles[`avatar-container_size-${size}`]]: online,\n }),\n }\n : {})}\n {...(containerDataQa ? { 'data-qa': containerDataQa } : {})}\n >\n <Element\n {...additionalAttributes}\n {...avatarProps}\n className={classnames(classNames)}\n disabled={Element === 'button' ? isComponentDisabled : false}\n aria-label={ariaLabel}\n >\n {isModeLetters && (\n <BaseText style=\"primary\" Element=\"span\" typography={AVATAR_TYPOGRAPHY_MAP[size]}>\n {formatLetters(letters || '')}\n </BaseText>\n )}\n {isModeIcon && icon}\n {isModePlaceholder && (\n <>\n {placeholder === 'female' && <Female role=\"img\" width={size} height={size} />}\n {placeholder === 'male' && <Male role=\"img\" width={size} height={size} />}\n {placeholder === 'city' && <City role=\"img\" width={size} height={size} />}\n {placeholder === 'undefined' && <Undefined role=\"img\" width={size} height={size} />}\n </>\n )}\n {isModeImage && (\n <img\n ref={imgRef}\n alt={ariaLabel}\n className={classnames(styles.avatarImage, { [styles.avatarImageHidden]: !isImageLoaded })}\n />\n )}\n </Element>\n {online && (\n <>\n <div className={styles[`avatar-focus-border-${size}`]} />\n <div className={styles[`avatar-online-badge-${size}`]} />\n </>\n )}\n </div>\n );\n};\n\nconst AvatarComponent = forwardRef(AvatarForwardRefRenderFunc);\n\nexport const Avatar = enrichWithSkeleton(AvatarComponent, AvatarSkeleton) as AvatarWithSkeleton;\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,0BAA0B,GAAgD,CAC5E,EACI,IAAI,EACJ,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,GAAG,WAAW,EACzB,OAAO,GAAG,KAAK,EACf,eAAe,GAAG,EAAE,EACpB,GAAG,WAAW,EACjB,EACD,GAAG,KACH;IACA,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AACnD,IAAA,MAAM,MAAM,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;AAE9C,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;AAEpC,IAAA,MAAM,mBAAmB,GAAG,QAAQ,IAAI,aAAa,CAAC;AAEtD,IAAA,MAAM,aAAa,GAAG,IAAI,KAAK,SAAS,KAAK,IAAI,KAAK,OAAO,IAAI,YAAY,KAAK,SAAS,IAAI,CAAC,aAAa,CAAC,CAAC;AAC/G,IAAA,MAAM,UAAU,GAAG,IAAI,KAAK,MAAM,CAAC;AACnC,IAAA,MAAM,iBAAiB,GACnB,IAAI,KAAK,aAAa,KAAK,IAAI,KAAK,OAAO,IAAI,YAAY,KAAK,aAAa,IAAI,CAAC,aAAa,CAAC,CAAC;AACrG,IAAA,MAAM,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC;IAErC,MAAM,oBAAoB,GAA4B,EAAE,CAAC;IAEzD,IAAI,OAAO,KAAK,QAAQ,EAAE;AACtB,QAAA,oBAAoB,CAAC,IAAI,GAAG,QAAQ,CAAC;AACxC,KAAA;AAED,IAAA,IAAI,mBAAmB,IAAI,OAAO,KAAK,GAAG,EAAE;AACxC,QAAA,oBAAoB,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;AAC7C,QAAA,oBAAoB,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;AACtC,KAAA;AAED,IAAA,IAAI,GAAG,EAAE;AACL,QAAA,oBAAoB,CAAC,GAAG,GAAG,GAAG,CAAC;AAClC,KAAA;AAED,IAAA,MAAM,UAAU,GAAG;AACf,QAAA,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI;AACrB,QAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,WAAW;QACvC,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,KAAK,OAAO,IAAI,aAAa;AAC3D,QAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,aAAa;AACzC,QAAA,CAAC,MAAM,CAAC,cAAc,GAAG,UAAU;AACnC,QAAA,CAAC,MAAM,CAAC,qBAAqB,GAAG,iBAAiB;QACjD,CAAC,MAAM,CAAC,CAAA,YAAA,EAAe,IAAI,CAAA,CAAE,CAAC,GAAG,CAAC,CAAC,IAAI;QACvC,CAAC,MAAM,CAAC,CAA4B,yBAAA,EAAA,IAAI,EAAE,CAAC,GAAG,MAAM;KACvD,CAAC;AAEF,IAAA,IAAI,CAAC,aAAa,IAAI,UAAU,KAAK,KAAK,EAAE;AACxC,QAAA,UAAU,CAAC,MAAM,CAAC,CAAA,aAAA,EAAgB,KAAK,CAAA,CAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACzD,KAAA;IAED,eAAe,CAAC,MAAK;QACjB,MAAM,YAAY,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC,CAAC;QAC3C,MAAM,aAAa,GAAG,MAAM,SAAS,CAAC,KAAK,CAAC,CAAC;AAE7C,QAAA,IAAI,MAAM,CAAC,OAAO,IAAI,KAAK,EAAE;YACzB,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;YACtD,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;AACxD,YAAA,MAAM,CAAC,OAAO,CAAC,GAAG,GAAG,KAAK,CAAC;AAC9B,SAAA;AAED,QAAA,OAAO,MAAK;YACR,IAAI,MAAM,CAAC,OAAO,EAAE;gBAChB,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;gBACzD,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;AAC9D,aAAA;AACL,SAAC,CAAC;AACN,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAEZ,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAA,IACS,MAAM,IAAI,mBAAmB;AAC9B,cAAE;gBACI,SAAS,EAAE,UAAU,CAAC;AAClB,oBAAA,CAAC,MAAM,CAAC,eAAe,GAAG,MAAM;AAChC,oBAAA,CAAC,MAAM,CAAC,uBAAuB,GAAG,mBAAmB;oBACrD,CAAC,MAAM,CAAC,CAAyB,sBAAA,EAAA,IAAI,EAAE,CAAC,GAAG,MAAM;iBACpD,CAAC;AACL,aAAA;cACD,EAAE,GACJ,IAAC,eAAe,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,EAAE,GAE1D,QAAA,EAAA,CAAAA,IAAA,CAAC,OAAO,EAAA,EAAA,GACA,oBAAoB,EAAA,GACpB,WAAW,EACf,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,EACjC,QAAQ,EAAE,OAAO,KAAK,QAAQ,GAAG,mBAAmB,GAAG,KAAK,EAChD,YAAA,EAAA,SAAS,EAEpB,QAAA,EAAA,CAAA,aAAa,KACVC,GAAC,CAAA,QAAQ,EAAC,EAAA,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAE,qBAAqB,CAAC,IAAI,CAAC,EAC3E,QAAA,EAAA,aAAa,CAAC,OAAO,IAAI,EAAE,CAAC,EACtB,CAAA,CACd,EACA,UAAU,IAAI,IAAI,EAClB,iBAAiB,KACdD,4BACK,WAAW,KAAK,QAAQ,IAAIC,GAAC,CAAA,MAAM,EAAC,EAAA,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAA,CAAI,EAC5E,WAAW,KAAK,MAAM,IAAIA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAA,CAAI,EACxE,WAAW,KAAK,MAAM,IAAIA,GAAC,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAI,EACxE,WAAW,KAAK,WAAW,IAAIA,GAAA,CAAC,SAAS,EAAA,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAI,CAAA,CAAA,EAAA,CACpF,CACN,EACA,WAAW,KACRA,GAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC,MAAM,CAAC,iBAAiB,GAAG,CAAC,aAAa,EAAE,CAAC,EAAA,CAC3F,CACL,CAAA,EAAA,CACK,EACT,MAAM,KACHD,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACID,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,CAAA,oBAAA,EAAuB,IAAI,CAAA,CAAE,CAAC,EAAA,CAAI,EACzDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,CAAA,oBAAA,EAAuB,IAAI,CAAA,CAAE,CAAC,EAAA,CAAI,CAC1D,EAAA,CAAA,CACN,CACC,EAAA,CAAA,EACR;AACN,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAC;AAElD,MAAA,MAAM,GAAG,kBAAkB,CAAC,eAAe,EAAE,cAAc;;;;"}
1
+ {"version":3,"file":"Avatar.js","sources":["../src/Avatar.tsx"],"sourcesContent":["import { forwardRef, useLayoutEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { City, Female, Male, Undefined } from '@hh.ru/magritte-ui-avatar/Placeholder';\nimport { AvatarSkeleton } from '@hh.ru/magritte-ui-avatar/Skeleton';\nimport { AvatarForwardRefRenderFuncWithCustomElement, AvatarWithSkeleton } from '@hh.ru/magritte-ui-avatar/types';\nimport { AVATAR_TYPOGRAPHY_MAP, formatLetters } from '@hh.ru/magritte-ui-avatar/utils';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\nimport { BaseText } from '@hh.ru/magritte-ui-typography/BaseText';\n\nimport styles from './avatar.less';\n\nconst AvatarForwardRefRenderFunc: AvatarForwardRefRenderFuncWithCustomElement = (\n {\n mode,\n size,\n 'aria-label': ariaLabel,\n shapeCircle = false,\n online = false,\n disabled = false,\n letters,\n style,\n icon,\n image,\n fallbackMode,\n placeholder = 'undefined',\n Element = 'div',\n containerDataQa = '',\n ...avatarProps\n },\n ref\n) => {\n const [isImageLoaded, setLoaded] = useState(false);\n const imgRef = useRef<HTMLImageElement>(null);\n\n const forceDisabled = useDisabled();\n\n const isComponentDisabled = disabled || forceDisabled;\n\n const isModeLetters = mode === 'letters' || (mode === 'image' && fallbackMode === 'letters' && !isImageLoaded);\n const isModeIcon = mode === 'icon';\n const isModePlaceholder =\n mode === 'placeholder' || (mode === 'image' && fallbackMode === 'placeholder' && !isImageLoaded);\n const isModeImage = mode === 'image';\n\n const additionalAttributes: Record<string, unknown> = {};\n\n if (Element === 'button') {\n additionalAttributes.type = 'button';\n }\n\n if (isComponentDisabled && Element === 'a') {\n additionalAttributes['aria-disabled'] = true;\n additionalAttributes.tabIndex = -1;\n }\n\n if (ref) {\n additionalAttributes.ref = ref;\n }\n\n const classNames = {\n [styles.avatar]: true,\n [styles.avatarShapeCircle]: shapeCircle,\n [styles.avatarModeImage]: mode === 'image' && isImageLoaded,\n [styles.avatarModeLetters]: isModeLetters,\n [styles.avatarModeIcon]: isModeIcon,\n [styles.avatarModePlaceholder]: isModePlaceholder,\n [styles[`avatar_size-${size}`]]: !!size,\n [styles[`avatar_with-online-badge-${size}`]]: online,\n };\n\n if ((isModeLetters || isModeIcon) && style) {\n classNames[styles[`avatar_style-${style}`]] = !!style;\n }\n\n useLayoutEffect(() => {\n const handleOnLoad = () => setLoaded(true);\n const handleOnError = () => setLoaded(false);\n\n const listenOn = imgRef.current;\n if (imgRef.current && image) {\n imgRef.current.addEventListener('load', handleOnLoad);\n imgRef.current.addEventListener('error', handleOnError);\n imgRef.current.src = image;\n }\n\n return () => {\n if (listenOn) {\n listenOn.removeEventListener('load', handleOnLoad);\n listenOn.removeEventListener('error', handleOnError);\n }\n };\n }, [image]);\n\n return (\n <div\n {...(online || isComponentDisabled\n ? {\n className: classnames({\n [styles.avatarContainer]: online,\n [styles.avatarContainerDisabled]: isComponentDisabled,\n [styles[`avatar-container_size-${size}`]]: online,\n }),\n }\n : {})}\n {...(containerDataQa ? { 'data-qa': containerDataQa } : {})}\n >\n <Element\n {...additionalAttributes}\n {...avatarProps}\n className={classnames(classNames)}\n disabled={Element === 'button' ? isComponentDisabled : false}\n aria-label={ariaLabel}\n >\n {isModeLetters && (\n <BaseText style=\"primary\" Element=\"span\" typography={AVATAR_TYPOGRAPHY_MAP[size]}>\n {formatLetters(letters || '')}\n </BaseText>\n )}\n {isModeIcon && icon}\n {isModePlaceholder && (\n <>\n {placeholder === 'female' && <Female role=\"img\" width={size} height={size} />}\n {placeholder === 'male' && <Male role=\"img\" width={size} height={size} />}\n {placeholder === 'city' && <City role=\"img\" width={size} height={size} />}\n {placeholder === 'undefined' && <Undefined role=\"img\" width={size} height={size} />}\n </>\n )}\n {isModeImage && (\n <img\n ref={imgRef}\n alt={ariaLabel}\n className={classnames(styles.avatarImage, { [styles.avatarImageHidden]: !isImageLoaded })}\n />\n )}\n </Element>\n {online && (\n <>\n <div className={styles[`avatar-focus-border-${size}`]} />\n <div className={styles[`avatar-online-badge-${size}`]} />\n </>\n )}\n </div>\n );\n};\n\nconst AvatarComponent = forwardRef(AvatarForwardRefRenderFunc);\n\nexport const Avatar = enrichWithSkeleton(AvatarComponent, AvatarSkeleton) as AvatarWithSkeleton;\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
package/Skeleton-Z2kODTRo.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-9","avatarContainer":"magritte-avatar-container___jBkeI_5-0-9","avatar-container_disabled":"magritte-avatar-container_disabled___EkG4l_5-0-9","avatarContainerDisabled":"magritte-avatar-container_disabled___EkG4l_5-0-9","avatar":"magritte-avatar___x--BK_5-0-9","avatar-container_size-24":"magritte-avatar-container_size-24___f6DH2_5-0-9","avatarContainerSize24":"magritte-avatar-container_size-24___f6DH2_5-0-9","avatar-skeleton-24":"magritte-avatar-skeleton-24___9hUuj_5-0-9","avatarSkeleton24":"magritte-avatar-skeleton-24___9hUuj_5-0-9","avatar_size-24":"magritte-avatar_size-24___0dAId_5-0-9","avatarSize24":"magritte-avatar_size-24___0dAId_5-0-9","avatar-container_size-40":"magritte-avatar-container_size-40___mVeBD_5-0-9","avatarContainerSize40":"magritte-avatar-container_size-40___mVeBD_5-0-9","avatar-skeleton-40":"magritte-avatar-skeleton-40___ZN6a7_5-0-9","avatarSkeleton40":"magritte-avatar-skeleton-40___ZN6a7_5-0-9","avatar_size-40":"magritte-avatar_size-40___zj3fM_5-0-9","avatarSize40":"magritte-avatar_size-40___zj3fM_5-0-9","avatar-container_size-48":"magritte-avatar-container_size-48___pflud_5-0-9","avatarContainerSize48":"magritte-avatar-container_size-48___pflud_5-0-9","avatar-skeleton-48":"magritte-avatar-skeleton-48___CC-af_5-0-9","avatarSkeleton48":"magritte-avatar-skeleton-48___CC-af_5-0-9","avatar_size-48":"magritte-avatar_size-48___JzITc_5-0-9","avatarSize48":"magritte-avatar_size-48___JzITc_5-0-9","avatar-container_size-96":"magritte-avatar-container_size-96___Up8Hn_5-0-9","avatarContainerSize96":"magritte-avatar-container_size-96___Up8Hn_5-0-9","avatar-skeleton-96":"magritte-avatar-skeleton-96___qYG-Z_5-0-9","avatarSkeleton96":"magritte-avatar-skeleton-96___qYG-Z_5-0-9","avatar_size-96":"magritte-avatar_size-96___5SeO2_5-0-9","avatarSize96":"magritte-avatar_size-96___5SeO2_5-0-9","avatar-container_size-208":"magritte-avatar-container_size-208___k7SkJ_5-0-9","avatarContainerSize208":"magritte-avatar-container_size-208___k7SkJ_5-0-9","avatar-skeleton-208":"magritte-avatar-skeleton-208___ybqJw_5-0-9","avatarSkeleton208":"magritte-avatar-skeleton-208___ybqJw_5-0-9","avatar_size-208":"magritte-avatar_size-208___rzfu3_5-0-9","avatarSize208":"magritte-avatar_size-208___rzfu3_5-0-9","avatar_shape-circle":"magritte-avatar_shape-circle___kEbru_5-0-9","avatarShapeCircle":"magritte-avatar_shape-circle___kEbru_5-0-9","avatar-skeleton-circle":"magritte-avatar-skeleton-circle___rD1E0_5-0-9","avatarSkeletonCircle":"magritte-avatar-skeleton-circle___rD1E0_5-0-9","avatar_style-color-1":"magritte-avatar_style-color-1___xXtkh_5-0-9","avatarStyleColor1":"magritte-avatar_style-color-1___xXtkh_5-0-9","avatar_style-color-2":"magritte-avatar_style-color-2___JraJd_5-0-9","avatarStyleColor2":"magritte-avatar_style-color-2___JraJd_5-0-9","avatar_style-color-3":"magritte-avatar_style-color-3___g29U3_5-0-9","avatarStyleColor3":"magritte-avatar_style-color-3___g29U3_5-0-9","avatar_style-color-4":"magritte-avatar_style-color-4___pHhmj_5-0-9","avatarStyleColor4":"magritte-avatar_style-color-4___pHhmj_5-0-9","avatar_style-color-5":"magritte-avatar_style-color-5___H9Ie3_5-0-9","avatarStyleColor5":"magritte-avatar_style-color-5___H9Ie3_5-0-9","avatar_style-color-6":"magritte-avatar_style-color-6___oODXO_5-0-9","avatarStyleColor6":"magritte-avatar_style-color-6___oODXO_5-0-9","avatar_style-color-7":"magritte-avatar_style-color-7___SfUBl_5-0-9","avatarStyleColor7":"magritte-avatar_style-color-7___SfUBl_5-0-9","avatar_style-color-8":"magritte-avatar_style-color-8___rlI6h_5-0-9","avatarStyleColor8":"magritte-avatar_style-color-8___rlI6h_5-0-9","avatar_style-color-9":"magritte-avatar_style-color-9___XQO4B_5-0-9","avatarStyleColor9":"magritte-avatar_style-color-9___XQO4B_5-0-9","avatar_style-primary":"magritte-avatar_style-primary___SvqU1_5-0-9","avatarStylePrimary":"magritte-avatar_style-primary___SvqU1_5-0-9","avatar_style-secondary":"magritte-avatar_style-secondary___C6MTH_5-0-9","avatarStyleSecondary":"magritte-avatar_style-secondary___C6MTH_5-0-9","avatar_style-tertiary":"magritte-avatar_style-tertiary___3o-90_5-0-9","avatarStyleTertiary":"magritte-avatar_style-tertiary___3o-90_5-0-9","avatar_style-accent":"magritte-avatar_style-accent___LgPSo_5-0-9","avatarStyleAccent":"magritte-avatar_style-accent___LgPSo_5-0-9","avatar_style-positive":"magritte-avatar_style-positive___bDzbE_5-0-9","avatarStylePositive":"magritte-avatar_style-positive___bDzbE_5-0-9","avatar_style-negative":"magritte-avatar_style-negative___xHHQb_5-0-9","avatarStyleNegative":"magritte-avatar_style-negative___xHHQb_5-0-9","avatar_style-warning":"magritte-avatar_style-warning___7kKRS_5-0-9","avatarStyleWarning":"magritte-avatar_style-warning___7kKRS_5-0-9","avatar_style-special":"magritte-avatar_style-special___gLmS0_5-0-9","avatarStyleSpecial":"magritte-avatar_style-special___gLmS0_5-0-9","avatar_style-contrast":"magritte-avatar_style-contrast___zHyp-_5-0-9","avatarStyleContrast":"magritte-avatar_style-contrast___zHyp-_5-0-9","avatar_mode-image":"magritte-avatar_mode-image___02zr1_5-0-9","avatarModeImage":"magritte-avatar_mode-image___02zr1_5-0-9","avatar_mode-letters":"magritte-avatar_mode-letters___ot4qB_5-0-9","avatarModeLetters":"magritte-avatar_mode-letters___ot4qB_5-0-9","avatar_mode-icon":"magritte-avatar_mode-icon___MYrlv_5-0-9","avatarModeIcon":"magritte-avatar_mode-icon___MYrlv_5-0-9","avatar_mode-placeholder":"magritte-avatar_mode-placeholder___6hOu7_5-0-9","avatarModePlaceholder":"magritte-avatar_mode-placeholder___6hOu7_5-0-9","avatar-image":"magritte-avatar-image___05p9Z_5-0-9","avatarImage":"magritte-avatar-image___05p9Z_5-0-9","avatar-image_hidden":"magritte-avatar-image_hidden___DPQBK_5-0-9","avatarImageHidden":"magritte-avatar-image_hidden___DPQBK_5-0-9","avatar_with-online-badge-24":"magritte-avatar_with-online-badge-24___helkM_5-0-9","avatarWithOnlineBadge24":"magritte-avatar_with-online-badge-24___helkM_5-0-9","avatar-online-badge-24":"magritte-avatar-online-badge-24___mjPKB_5-0-9","avatarOnlineBadge24":"magritte-avatar-online-badge-24___mjPKB_5-0-9","avatar-focus-border-24":"magritte-avatar-focus-border-24___wnJnb_5-0-9","avatarFocusBorder24":"magritte-avatar-focus-border-24___wnJnb_5-0-9","avatar_with-online-badge-40":"magritte-avatar_with-online-badge-40___Tckho_5-0-9","avatarWithOnlineBadge40":"magritte-avatar_with-online-badge-40___Tckho_5-0-9","avatar-online-badge-40":"magritte-avatar-online-badge-40___HRNTS_5-0-9","avatarOnlineBadge40":"magritte-avatar-online-badge-40___HRNTS_5-0-9","avatar-focus-border-40":"magritte-avatar-focus-border-40___Qn9NL_5-0-9","avatarFocusBorder40":"magritte-avatar-focus-border-40___Qn9NL_5-0-9","avatar_with-online-badge-48":"magritte-avatar_with-online-badge-48___BmWaC_5-0-9","avatarWithOnlineBadge48":"magritte-avatar_with-online-badge-48___BmWaC_5-0-9","avatar-online-badge-48":"magritte-avatar-online-badge-48___qPmD8_5-0-9","avatarOnlineBadge48":"magritte-avatar-online-badge-48___qPmD8_5-0-9","avatar-focus-border-48":"magritte-avatar-focus-border-48___Bc-lN_5-0-9","avatarFocusBorder48":"magritte-avatar-focus-border-48___Bc-lN_5-0-9","avatar_with-online-badge-96":"magritte-avatar_with-online-badge-96___r4E42_5-0-9","avatarWithOnlineBadge96":"magritte-avatar_with-online-badge-96___r4E42_5-0-9","avatar-online-badge-96":"magritte-avatar-online-badge-96___d6bm-_5-0-9","avatarOnlineBadge96":"magritte-avatar-online-badge-96___d6bm-_5-0-9","avatar-focus-border-96":"magritte-avatar-focus-border-96___TVpd0_5-0-9","avatarFocusBorder96":"magritte-avatar-focus-border-96___TVpd0_5-0-9","avatar_with-online-badge-208":"magritte-avatar_with-online-badge-208___AS6Lk_5-0-9","avatarWithOnlineBadge208":"magritte-avatar_with-online-badge-208___AS6Lk_5-0-9","avatar-online-badge-208":"magritte-avatar-online-badge-208___m4hXQ_5-0-9","avatarOnlineBadge208":"magritte-avatar-online-badge-208___m4hXQ_5-0-9","avatar-focus-border-208":"magritte-avatar-focus-border-208___V6We2_5-0-9","avatarFocusBorder208":"magritte-avatar-focus-border-208___V6We2_5-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-Z2kODTRo.js.map
package/{Skeleton-CmxyMgGR.js.map → Skeleton-Z2kODTRo.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton-CmxyMgGR.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-Z2kODTRo.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-CmxyMgGR.js';
5
+ export { A as AvatarSkeleton } from './Skeleton-Z2kODTRo.js';
6
6
  //# sourceMappingURL=Skeleton.js.map
package/index.css CHANGED
@@ -71,14 +71,14 @@
71
71
  --magritte-color-component-avatar-stroke-icon-v19-0-0:#ffffff1f;
72
72
  --magritte-color-component-avatar-stroke-state-focused-accessible-v19-0-0:#0070ff7a;
73
73
  }
74
- .magritte-avatar-container___jBkeI_5-0-8{
74
+ .magritte-avatar-container___jBkeI_5-0-9{
75
75
  position:relative;
76
76
  }
77
- .magritte-avatar-container_disabled___EkG4l_5-0-8{
77
+ .magritte-avatar-container_disabled___EkG4l_5-0-9{
78
78
  pointer-events:none;
79
79
  opacity:var(--magritte-semantic-opacity-disabled-v19-0-0);
80
80
  }
81
- .magritte-avatar___x--BK_5-0-8{
81
+ .magritte-avatar___x--BK_5-0-9{
82
82
  display:flex;
83
83
  align-items:center;
84
84
  justify-content:center;
@@ -94,21 +94,21 @@
94
94
  --magritte-ui-avatar-placeholder-city:var(--magritte-color-base-white-v19-0-0);
95
95
  --magritte-ui-avatar-placeholder-shadow-city:var(--magritte-color-base-graphite-90-v19-0-0);
96
96
  }
97
- .magritte-avatar___x--BK_5-0-8:not(div){
97
+ .magritte-avatar___x--BK_5-0-9:not(div){
98
98
  cursor:pointer;
99
99
  }
100
- .magritte-avatar___x--BK_5-0-8:focus{
100
+ .magritte-avatar___x--BK_5-0-9:focus{
101
101
  outline:none;
102
102
  }
103
- .magritte-avatar___x--BK_5-0-8.focus-visible{
103
+ .magritte-avatar___x--BK_5-0-9.focus-visible{
104
104
  outline:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v19-0-0);
105
105
  }
106
- .magritte-avatar___x--BK_5-0-8:not(div):active{
106
+ .magritte-avatar___x--BK_5-0-9:not(div):active{
107
107
  transform:scale(var(--magritte-semantic-scale-pressed-v19-0-0));
108
108
  transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v19-0-0);
109
109
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v19-0-0);
110
110
  }
111
- .magritte-avatar___x--BK_5-0-8::after{
111
+ .magritte-avatar___x--BK_5-0-9::after{
112
112
  content:'';
113
113
  top:0;
114
114
  left:0;
@@ -116,7 +116,7 @@
116
116
  width:100%;
117
117
  height:100%;
118
118
  }
119
- .magritte-night-theme .magritte-avatar___x--BK_5-0-8{
119
+ .magritte-night-theme .magritte-avatar___x--BK_5-0-9{
120
120
  --magritte-ui-avatar-placeholder-background:var(--magritte-color-base-gray-10-v19-0-0);
121
121
  --magritte-ui-avatar-placeholder-body:var(--magritte-color-base-gray-50-v19-0-0);
122
122
  --magritte-ui-avatar-placeholder-clothes:var(--magritte-color-base-gray-40-v19-0-0);
@@ -126,159 +126,159 @@
126
126
  --magritte-ui-avatar-placeholder-city:var(--magritte-color-base-gray-50-v19-0-0);
127
127
  --magritte-ui-avatar-placeholder-shadow-city:var(--magritte-color-base-gray-30-v19-0-0);
128
128
  }
129
- .magritte-avatar-container_size-24___f6DH2_5-0-8,
130
- .magritte-avatar-skeleton-24___9hUuj_5-0-8,
131
- .magritte-avatar_size-24___0dAId_5-0-8{
129
+ .magritte-avatar-container_size-24___f6DH2_5-0-9,
130
+ .magritte-avatar-skeleton-24___9hUuj_5-0-9,
131
+ .magritte-avatar_size-24___0dAId_5-0-9{
132
132
  width:24px;
133
133
  height:24px;
134
134
  border-radius:var(--magritte-static-border-radius-200-v19-0-0);
135
135
  }
136
- .magritte-avatar-container_size-24___f6DH2_5-0-8:after,
137
- .magritte-avatar-skeleton-24___9hUuj_5-0-8:after,
138
- .magritte-avatar_size-24___0dAId_5-0-8:after{
136
+ .magritte-avatar-container_size-24___f6DH2_5-0-9:after,
137
+ .magritte-avatar-skeleton-24___9hUuj_5-0-9:after,
138
+ .magritte-avatar_size-24___0dAId_5-0-9:after{
139
139
  border-radius:var(--magritte-static-border-radius-200-v19-0-0);
140
140
  }
141
- .magritte-avatar-container_size-40___mVeBD_5-0-8,
142
- .magritte-avatar-skeleton-40___ZN6a7_5-0-8,
143
- .magritte-avatar_size-40___zj3fM_5-0-8{
141
+ .magritte-avatar-container_size-40___mVeBD_5-0-9,
142
+ .magritte-avatar-skeleton-40___ZN6a7_5-0-9,
143
+ .magritte-avatar_size-40___zj3fM_5-0-9{
144
144
  width:40px;
145
145
  height:40px;
146
146
  border-radius:var(--magritte-static-border-radius-300-v19-0-0);
147
147
  }
148
- .magritte-avatar-container_size-40___mVeBD_5-0-8:after,
149
- .magritte-avatar-skeleton-40___ZN6a7_5-0-8:after,
150
- .magritte-avatar_size-40___zj3fM_5-0-8:after{
148
+ .magritte-avatar-container_size-40___mVeBD_5-0-9:after,
149
+ .magritte-avatar-skeleton-40___ZN6a7_5-0-9:after,
150
+ .magritte-avatar_size-40___zj3fM_5-0-9:after{
151
151
  border-radius:var(--magritte-static-border-radius-300-v19-0-0);
152
152
  }
153
- .magritte-avatar-container_size-48___pflud_5-0-8,
154
- .magritte-avatar-skeleton-48___CC-af_5-0-8,
155
- .magritte-avatar_size-48___JzITc_5-0-8{
153
+ .magritte-avatar-container_size-48___pflud_5-0-9,
154
+ .magritte-avatar-skeleton-48___CC-af_5-0-9,
155
+ .magritte-avatar_size-48___JzITc_5-0-9{
156
156
  width:48px;
157
157
  height:48px;
158
158
  border-radius:var(--magritte-static-border-radius-300-v19-0-0);
159
159
  }
160
- .magritte-avatar-container_size-48___pflud_5-0-8:after,
161
- .magritte-avatar-skeleton-48___CC-af_5-0-8:after,
162
- .magritte-avatar_size-48___JzITc_5-0-8:after{
160
+ .magritte-avatar-container_size-48___pflud_5-0-9:after,
161
+ .magritte-avatar-skeleton-48___CC-af_5-0-9:after,
162
+ .magritte-avatar_size-48___JzITc_5-0-9:after{
163
163
  border-radius:var(--magritte-static-border-radius-300-v19-0-0);
164
164
  }
165
- .magritte-avatar-container_size-96___Up8Hn_5-0-8,
166
- .magritte-avatar-skeleton-96___qYG-Z_5-0-8,
167
- .magritte-avatar_size-96___5SeO2_5-0-8{
165
+ .magritte-avatar-container_size-96___Up8Hn_5-0-9,
166
+ .magritte-avatar-skeleton-96___qYG-Z_5-0-9,
167
+ .magritte-avatar_size-96___5SeO2_5-0-9{
168
168
  width:96px;
169
169
  height:96px;
170
170
  border-radius:var(--magritte-static-border-radius-600-v19-0-0);
171
171
  }
172
- .magritte-avatar-container_size-96___Up8Hn_5-0-8:after,
173
- .magritte-avatar-skeleton-96___qYG-Z_5-0-8:after,
174
- .magritte-avatar_size-96___5SeO2_5-0-8:after{
172
+ .magritte-avatar-container_size-96___Up8Hn_5-0-9:after,
173
+ .magritte-avatar-skeleton-96___qYG-Z_5-0-9:after,
174
+ .magritte-avatar_size-96___5SeO2_5-0-9:after{
175
175
  border-radius:var(--magritte-static-border-radius-600-v19-0-0);
176
176
  }
177
- .magritte-avatar-container_size-208___k7SkJ_5-0-8,
178
- .magritte-avatar-skeleton-208___ybqJw_5-0-8,
179
- .magritte-avatar_size-208___rzfu3_5-0-8{
177
+ .magritte-avatar-container_size-208___k7SkJ_5-0-9,
178
+ .magritte-avatar-skeleton-208___ybqJw_5-0-9,
179
+ .magritte-avatar_size-208___rzfu3_5-0-9{
180
180
  width:208px;
181
181
  height:208px;
182
182
  border-radius:var(--magritte-static-border-radius-200-v19-0-0);
183
183
  }
184
- .magritte-avatar-container_size-208___k7SkJ_5-0-8:after,
185
- .magritte-avatar-skeleton-208___ybqJw_5-0-8:after,
186
- .magritte-avatar_size-208___rzfu3_5-0-8:after{
184
+ .magritte-avatar-container_size-208___k7SkJ_5-0-9:after,
185
+ .magritte-avatar-skeleton-208___ybqJw_5-0-9:after,
186
+ .magritte-avatar_size-208___rzfu3_5-0-9:after{
187
187
  border-radius:var(--magritte-static-border-radius-200-v19-0-0);
188
188
  }
189
- .magritte-avatar_shape-circle___kEbru_5-0-8,
190
- .magritte-avatar-skeleton-circle___rD1E0_5-0-8{
189
+ .magritte-avatar_shape-circle___kEbru_5-0-9,
190
+ .magritte-avatar-skeleton-circle___rD1E0_5-0-9{
191
191
  border-radius:50%;
192
192
  }
193
- .magritte-avatar_shape-circle___kEbru_5-0-8::after,
194
- .magritte-avatar-skeleton-circle___rD1E0_5-0-8::after{
193
+ .magritte-avatar_shape-circle___kEbru_5-0-9::after,
194
+ .magritte-avatar-skeleton-circle___rD1E0_5-0-9::after{
195
195
  border-radius:50%;
196
196
  }
197
- .magritte-avatar_style-color-1___xXtkh_5-0-8{
197
+ .magritte-avatar_style-color-1___xXtkh_5-0-9{
198
198
  background-color:var(--magritte-color-component-avatar-background-color-01-v19-0-0);
199
199
  }
200
- .magritte-avatar_style-color-2___JraJd_5-0-8{
200
+ .magritte-avatar_style-color-2___JraJd_5-0-9{
201
201
  background-color:var(--magritte-color-component-avatar-background-color-02-v19-0-0);
202
202
  }
203
- .magritte-avatar_style-color-3___g29U3_5-0-8{
203
+ .magritte-avatar_style-color-3___g29U3_5-0-9{
204
204
  background-color:var(--magritte-color-component-avatar-background-color-03-v19-0-0);
205
205
  }
206
- .magritte-avatar_style-color-4___pHhmj_5-0-8{
206
+ .magritte-avatar_style-color-4___pHhmj_5-0-9{
207
207
  background-color:var(--magritte-color-component-avatar-background-color-04-v19-0-0);
208
208
  }
209
- .magritte-avatar_style-color-5___H9Ie3_5-0-8{
209
+ .magritte-avatar_style-color-5___H9Ie3_5-0-9{
210
210
  background-color:var(--magritte-color-component-avatar-background-color-05-v19-0-0);
211
211
  }
212
- .magritte-avatar_style-color-6___oODXO_5-0-8{
212
+ .magritte-avatar_style-color-6___oODXO_5-0-9{
213
213
  background-color:var(--magritte-color-component-avatar-background-color-06-v19-0-0);
214
214
  }
215
- .magritte-avatar_style-color-7___SfUBl_5-0-8{
215
+ .magritte-avatar_style-color-7___SfUBl_5-0-9{
216
216
  background-color:var(--magritte-color-component-avatar-background-color-07-v19-0-0);
217
217
  }
218
- .magritte-avatar_style-color-8___rlI6h_5-0-8{
218
+ .magritte-avatar_style-color-8___rlI6h_5-0-9{
219
219
  background-color:var(--magritte-color-component-avatar-background-color-08-v19-0-0);
220
220
  }
221
- .magritte-avatar_style-color-9___XQO4B_5-0-8{
221
+ .magritte-avatar_style-color-9___XQO4B_5-0-9{
222
222
  background-color:var(--magritte-color-component-avatar-background-color-09-v19-0-0);
223
223
  }
224
- .magritte-avatar_style-primary___SvqU1_5-0-8{
224
+ .magritte-avatar_style-primary___SvqU1_5-0-9{
225
225
  background-color:var(--magritte-color-background-primary-v19-0-0);
226
226
  }
227
- .magritte-avatar_style-secondary___C6MTH_5-0-8{
227
+ .magritte-avatar_style-secondary___C6MTH_5-0-9{
228
228
  background-color:var(--magritte-color-background-secondary-v19-0-0);
229
229
  }
230
- .magritte-avatar_style-tertiary___3o-90_5-0-8{
230
+ .magritte-avatar_style-tertiary___3o-90_5-0-9{
231
231
  background-color:var(--magritte-color-background-tertiary-v19-0-0);
232
232
  }
233
- .magritte-avatar_style-accent___LgPSo_5-0-8{
233
+ .magritte-avatar_style-accent___LgPSo_5-0-9{
234
234
  background-color:var(--magritte-color-background-accent-secondary-v19-0-0);
235
235
  }
236
- .magritte-avatar_style-positive___bDzbE_5-0-8{
236
+ .magritte-avatar_style-positive___bDzbE_5-0-9{
237
237
  background-color:var(--magritte-color-background-positive-secondary-v19-0-0);
238
238
  }
239
- .magritte-avatar_style-negative___xHHQb_5-0-8{
239
+ .magritte-avatar_style-negative___xHHQb_5-0-9{
240
240
  background-color:var(--magritte-color-background-negative-secondary-v19-0-0);
241
241
  }
242
- .magritte-avatar_style-warning___7kKRS_5-0-8{
242
+ .magritte-avatar_style-warning___7kKRS_5-0-9{
243
243
  background-color:var(--magritte-color-background-warning-secondary-v19-0-0);
244
244
  }
245
- .magritte-avatar_style-special___gLmS0_5-0-8{
245
+ .magritte-avatar_style-special___gLmS0_5-0-9{
246
246
  background-color:var(--magritte-color-background-special-secondary-v19-0-0);
247
247
  }
248
- .magritte-avatar_style-contrast___zHyp-_5-0-8{
248
+ .magritte-avatar_style-contrast___zHyp-_5-0-9{
249
249
  background-color:var(--magritte-color-background-constant-v19-0-0);
250
250
  }
251
- .magritte-avatar_mode-image___02zr1_5-0-8::after{
251
+ .magritte-avatar_mode-image___02zr1_5-0-9::after{
252
252
  box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v19-0-0) var(--magritte-color-component-avatar-stroke-image-v19-0-0);
253
253
  }
254
- .magritte-avatar_mode-letters___ot4qB_5-0-8::after{
254
+ .magritte-avatar_mode-letters___ot4qB_5-0-9::after{
255
255
  box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v19-0-0) var(--magritte-color-component-avatar-stroke-letters-v19-0-0);
256
256
  }
257
- .magritte-avatar_mode-icon___MYrlv_5-0-8::after{
257
+ .magritte-avatar_mode-icon___MYrlv_5-0-9::after{
258
258
  box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v19-0-0) var(--magritte-color-component-avatar-stroke-icon-v19-0-0);
259
259
  }
260
- .magritte-avatar_mode-placeholder___6hOu7_5-0-8::after{
260
+ .magritte-avatar_mode-placeholder___6hOu7_5-0-9::after{
261
261
  box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v19-0-0) var(--magritte-color-component-avatar-stroke-placeholder-v19-0-0);
262
262
  }
263
- .magritte-avatar-image___05p9Z_5-0-8{
263
+ .magritte-avatar-image___05p9Z_5-0-9{
264
264
  object-fit:cover;
265
265
  width:100%;
266
266
  height:100%;
267
267
  }
268
- .magritte-avatar-image_hidden___DPQBK_5-0-8{
268
+ .magritte-avatar-image_hidden___DPQBK_5-0-9{
269
269
  display:none;
270
270
  }
271
- .magritte-avatar_with-online-badge-24___helkM_5-0-8{
271
+ .magritte-avatar_with-online-badge-24___helkM_5-0-9{
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-8.magritte-avatar_with-online-badge-24___helkM_5-0-8{
276
+ .magritte-avatar_shape-circle___kEbru_5-0-9.magritte-avatar_with-online-badge-24___helkM_5-0-9{
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-8{
281
+ .magritte-avatar-online-badge-24___mjPKB_5-0-9{
282
282
  position:absolute;
283
283
  background-color:var(--magritte-color-component-avatar-online-content-v19-0-0);
284
284
  border-radius:50%;
@@ -287,7 +287,7 @@
287
287
  right:0px;
288
288
  bottom:0px;
289
289
  }
290
- .magritte-avatar_shape-circle___kEbru_5-0-8 ~ .magritte-avatar-online-badge-24___mjPKB_5-0-8{
290
+ .magritte-avatar_shape-circle___kEbru_5-0-9 ~ .magritte-avatar-online-badge-24___mjPKB_5-0-9{
291
291
  position:absolute;
292
292
  background-color:var(--magritte-color-component-avatar-online-content-v19-0-0);
293
293
  border-radius:50%;
@@ -296,7 +296,7 @@
296
296
  right:0px;
297
297
  bottom:0px;
298
298
  }
299
- .magritte-avatar___x--BK_5-0-8.focus-visible + .magritte-avatar-focus-border-24___wnJnb_5-0-8{
299
+ .magritte-avatar___x--BK_5-0-9.focus-visible + .magritte-avatar-focus-border-24___wnJnb_5-0-9{
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);
@@ -308,7 +308,7 @@
308
308
  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v19-0-0);
309
309
  border-radius:calc(var(--magritte-static-border-radius-200-v19-0-0) + 4px);
310
310
  }
311
- .magritte-avatar___x--BK_5-0-8.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-8 + .magritte-avatar-focus-border-24___wnJnb_5-0-8{
311
+ .magritte-avatar___x--BK_5-0-9.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-9 + .magritte-avatar-focus-border-24___wnJnb_5-0-9{
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);
@@ -320,17 +320,17 @@
320
320
  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v19-0-0);
321
321
  border-radius:50%;
322
322
  }
323
- .magritte-avatar_with-online-badge-40___Tckho_5-0-8{
323
+ .magritte-avatar_with-online-badge-40___Tckho_5-0-9{
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-8.magritte-avatar_with-online-badge-40___Tckho_5-0-8{
328
+ .magritte-avatar_shape-circle___kEbru_5-0-9.magritte-avatar_with-online-badge-40___Tckho_5-0-9{
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-8{
333
+ .magritte-avatar-online-badge-40___HRNTS_5-0-9{
334
334
  position:absolute;
335
335
  background-color:var(--magritte-color-component-avatar-online-content-v19-0-0);
336
336
  border-radius:50%;
@@ -339,7 +339,7 @@
339
339
  right:0px;
340
340
  bottom:0px;
341
341
  }
342
- .magritte-avatar_shape-circle___kEbru_5-0-8 ~ .magritte-avatar-online-badge-40___HRNTS_5-0-8{
342
+ .magritte-avatar_shape-circle___kEbru_5-0-9 ~ .magritte-avatar-online-badge-40___HRNTS_5-0-9{
343
343
  position:absolute;
344
344
  background-color:var(--magritte-color-component-avatar-online-content-v19-0-0);
345
345
  border-radius:50%;
@@ -348,7 +348,7 @@
348
348
  right:2px;
349
349
  bottom:2px;
350
350
  }
351
- .magritte-avatar___x--BK_5-0-8.focus-visible + .magritte-avatar-focus-border-40___Qn9NL_5-0-8{
351
+ .magritte-avatar___x--BK_5-0-9.focus-visible + .magritte-avatar-focus-border-40___Qn9NL_5-0-9{
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);
@@ -360,7 +360,7 @@
360
360
  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v19-0-0);
361
361
  border-radius:calc(var(--magritte-static-border-radius-300-v19-0-0) + 4px);
362
362
  }
363
- .magritte-avatar___x--BK_5-0-8.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-8 + .magritte-avatar-focus-border-40___Qn9NL_5-0-8{
363
+ .magritte-avatar___x--BK_5-0-9.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-9 + .magritte-avatar-focus-border-40___Qn9NL_5-0-9{
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);
@@ -372,17 +372,17 @@
372
372
  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v19-0-0);
373
373
  border-radius:50%;
374
374
  }
375
- .magritte-avatar_with-online-badge-48___BmWaC_5-0-8{
375
+ .magritte-avatar_with-online-badge-48___BmWaC_5-0-9{
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-8.magritte-avatar_with-online-badge-48___BmWaC_5-0-8{
380
+ .magritte-avatar_shape-circle___kEbru_5-0-9.magritte-avatar_with-online-badge-48___BmWaC_5-0-9{
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-8{
385
+ .magritte-avatar-online-badge-48___qPmD8_5-0-9{
386
386
  position:absolute;
387
387
  background-color:var(--magritte-color-component-avatar-online-content-v19-0-0);
388
388
  border-radius:50%;
@@ -391,7 +391,7 @@
391
391
  right:0px;
392
392
  bottom:0px;
393
393
  }
394
- .magritte-avatar_shape-circle___kEbru_5-0-8 ~ .magritte-avatar-online-badge-48___qPmD8_5-0-8{
394
+ .magritte-avatar_shape-circle___kEbru_5-0-9 ~ .magritte-avatar-online-badge-48___qPmD8_5-0-9{
395
395
  position:absolute;
396
396
  background-color:var(--magritte-color-component-avatar-online-content-v19-0-0);
397
397
  border-radius:50%;
@@ -400,7 +400,7 @@
400
400
  right:3px;
401
401
  bottom:3px;
402
402
  }
403
- .magritte-avatar___x--BK_5-0-8.focus-visible + .magritte-avatar-focus-border-48___Bc-lN_5-0-8{
403
+ .magritte-avatar___x--BK_5-0-9.focus-visible + .magritte-avatar-focus-border-48___Bc-lN_5-0-9{
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);
@@ -412,7 +412,7 @@
412
412
  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v19-0-0);
413
413
  border-radius:calc(var(--magritte-static-border-radius-300-v19-0-0) + 4px);
414
414
  }
415
- .magritte-avatar___x--BK_5-0-8.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-8 + .magritte-avatar-focus-border-48___Bc-lN_5-0-8{
415
+ .magritte-avatar___x--BK_5-0-9.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-9 + .magritte-avatar-focus-border-48___Bc-lN_5-0-9{
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);
@@ -424,17 +424,17 @@
424
424
  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v19-0-0);
425
425
  border-radius:50%;
426
426
  }
427
- .magritte-avatar_with-online-badge-96___r4E42_5-0-8{
427
+ .magritte-avatar_with-online-badge-96___r4E42_5-0-9{
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-8.magritte-avatar_with-online-badge-96___r4E42_5-0-8{
432
+ .magritte-avatar_shape-circle___kEbru_5-0-9.magritte-avatar_with-online-badge-96___r4E42_5-0-9{
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-8{
437
+ .magritte-avatar-online-badge-96___d6bm-_5-0-9{
438
438
  position:absolute;
439
439
  background-color:var(--magritte-color-component-avatar-online-content-v19-0-0);
440
440
  border-radius:50%;
@@ -443,7 +443,7 @@
443
443
  right:0px;
444
444
  bottom:0px;
445
445
  }
446
- .magritte-avatar_shape-circle___kEbru_5-0-8 ~ .magritte-avatar-online-badge-96___d6bm-_5-0-8{
446
+ .magritte-avatar_shape-circle___kEbru_5-0-9 ~ .magritte-avatar-online-badge-96___d6bm-_5-0-9{
447
447
  position:absolute;
448
448
  background-color:var(--magritte-color-component-avatar-online-content-v19-0-0);
449
449
  border-radius:50%;
@@ -452,7 +452,7 @@
452
452
  right:8px;
453
453
  bottom:8px;
454
454
  }
455
- .magritte-avatar___x--BK_5-0-8.focus-visible + .magritte-avatar-focus-border-96___TVpd0_5-0-8{
455
+ .magritte-avatar___x--BK_5-0-9.focus-visible + .magritte-avatar-focus-border-96___TVpd0_5-0-9{
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);
@@ -464,7 +464,7 @@
464
464
  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v19-0-0);
465
465
  border-radius:calc(var(--magritte-static-border-radius-600-v19-0-0) + 4px);
466
466
  }
467
- .magritte-avatar___x--BK_5-0-8.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-8 + .magritte-avatar-focus-border-96___TVpd0_5-0-8{
467
+ .magritte-avatar___x--BK_5-0-9.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-9 + .magritte-avatar-focus-border-96___TVpd0_5-0-9{
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);
@@ -476,17 +476,17 @@
476
476
  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v19-0-0);
477
477
  border-radius:50%;
478
478
  }
479
- .magritte-avatar_with-online-badge-208___AS6Lk_5-0-8{
479
+ .magritte-avatar_with-online-badge-208___AS6Lk_5-0-9{
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-8.magritte-avatar_with-online-badge-208___AS6Lk_5-0-8{
484
+ .magritte-avatar_shape-circle___kEbru_5-0-9.magritte-avatar_with-online-badge-208___AS6Lk_5-0-9{
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-8{
489
+ .magritte-avatar-online-badge-208___m4hXQ_5-0-9{
490
490
  position:absolute;
491
491
  background-color:var(--magritte-color-component-avatar-online-content-v19-0-0);
492
492
  border-radius:50%;
@@ -495,7 +495,7 @@
495
495
  right:0px;
496
496
  bottom:0px;
497
497
  }
498
- .magritte-avatar_shape-circle___kEbru_5-0-8 ~ .magritte-avatar-online-badge-208___m4hXQ_5-0-8{
498
+ .magritte-avatar_shape-circle___kEbru_5-0-9 ~ .magritte-avatar-online-badge-208___m4hXQ_5-0-9{
499
499
  position:absolute;
500
500
  background-color:var(--magritte-color-component-avatar-online-content-v19-0-0);
501
501
  border-radius:50%;
@@ -504,7 +504,7 @@
504
504
  right:25px;
505
505
  bottom:25px;
506
506
  }
507
- .magritte-avatar___x--BK_5-0-8.focus-visible + .magritte-avatar-focus-border-208___V6We2_5-0-8{
507
+ .magritte-avatar___x--BK_5-0-9.focus-visible + .magritte-avatar-focus-border-208___V6We2_5-0-9{
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);
@@ -516,7 +516,7 @@
516
516
  border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v19-0-0);
517
517
  border-radius:calc(var(--magritte-static-border-radius-200-v19-0-0) + 4px);
518
518
  }
519
- .magritte-avatar___x--BK_5-0-8.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-8 + .magritte-avatar-focus-border-208___V6We2_5-0-8{
519
+ .magritte-avatar___x--BK_5-0-9.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-9 + .magritte-avatar-focus-border-208___V6We2_5-0-9{
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);
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-CmxyMgGR.js';
12
+ import './Skeleton-Z2kODTRo.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.8",
3
+ "version": "5.0.9",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "221bc5bb48b75a7d399b5db083a3da598e543f9f"
38
+ "gitHead": "90e0f59e27d32f6666c5b5a8053386166b41aca1"
39
39
  }
package/Skeleton-CmxyMgGR.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-8","avatarContainer":"magritte-avatar-container___jBkeI_5-0-8","avatar-container_disabled":"magritte-avatar-container_disabled___EkG4l_5-0-8","avatarContainerDisabled":"magritte-avatar-container_disabled___EkG4l_5-0-8","avatar":"magritte-avatar___x--BK_5-0-8","avatar-container_size-24":"magritte-avatar-container_size-24___f6DH2_5-0-8","avatarContainerSize24":"magritte-avatar-container_size-24___f6DH2_5-0-8","avatar-skeleton-24":"magritte-avatar-skeleton-24___9hUuj_5-0-8","avatarSkeleton24":"magritte-avatar-skeleton-24___9hUuj_5-0-8","avatar_size-24":"magritte-avatar_size-24___0dAId_5-0-8","avatarSize24":"magritte-avatar_size-24___0dAId_5-0-8","avatar-container_size-40":"magritte-avatar-container_size-40___mVeBD_5-0-8","avatarContainerSize40":"magritte-avatar-container_size-40___mVeBD_5-0-8","avatar-skeleton-40":"magritte-avatar-skeleton-40___ZN6a7_5-0-8","avatarSkeleton40":"magritte-avatar-skeleton-40___ZN6a7_5-0-8","avatar_size-40":"magritte-avatar_size-40___zj3fM_5-0-8","avatarSize40":"magritte-avatar_size-40___zj3fM_5-0-8","avatar-container_size-48":"magritte-avatar-container_size-48___pflud_5-0-8","avatarContainerSize48":"magritte-avatar-container_size-48___pflud_5-0-8","avatar-skeleton-48":"magritte-avatar-skeleton-48___CC-af_5-0-8","avatarSkeleton48":"magritte-avatar-skeleton-48___CC-af_5-0-8","avatar_size-48":"magritte-avatar_size-48___JzITc_5-0-8","avatarSize48":"magritte-avatar_size-48___JzITc_5-0-8","avatar-container_size-96":"magritte-avatar-container_size-96___Up8Hn_5-0-8","avatarContainerSize96":"magritte-avatar-container_size-96___Up8Hn_5-0-8","avatar-skeleton-96":"magritte-avatar-skeleton-96___qYG-Z_5-0-8","avatarSkeleton96":"magritte-avatar-skeleton-96___qYG-Z_5-0-8","avatar_size-96":"magritte-avatar_size-96___5SeO2_5-0-8","avatarSize96":"magritte-avatar_size-96___5SeO2_5-0-8","avatar-container_size-208":"magritte-avatar-container_size-208___k7SkJ_5-0-8","avatarContainerSize208":"magritte-avatar-container_size-208___k7SkJ_5-0-8","avatar-skeleton-208":"magritte-avatar-skeleton-208___ybqJw_5-0-8","avatarSkeleton208":"magritte-avatar-skeleton-208___ybqJw_5-0-8","avatar_size-208":"magritte-avatar_size-208___rzfu3_5-0-8","avatarSize208":"magritte-avatar_size-208___rzfu3_5-0-8","avatar_shape-circle":"magritte-avatar_shape-circle___kEbru_5-0-8","avatarShapeCircle":"magritte-avatar_shape-circle___kEbru_5-0-8","avatar-skeleton-circle":"magritte-avatar-skeleton-circle___rD1E0_5-0-8","avatarSkeletonCircle":"magritte-avatar-skeleton-circle___rD1E0_5-0-8","avatar_style-color-1":"magritte-avatar_style-color-1___xXtkh_5-0-8","avatarStyleColor1":"magritte-avatar_style-color-1___xXtkh_5-0-8","avatar_style-color-2":"magritte-avatar_style-color-2___JraJd_5-0-8","avatarStyleColor2":"magritte-avatar_style-color-2___JraJd_5-0-8","avatar_style-color-3":"magritte-avatar_style-color-3___g29U3_5-0-8","avatarStyleColor3":"magritte-avatar_style-color-3___g29U3_5-0-8","avatar_style-color-4":"magritte-avatar_style-color-4___pHhmj_5-0-8","avatarStyleColor4":"magritte-avatar_style-color-4___pHhmj_5-0-8","avatar_style-color-5":"magritte-avatar_style-color-5___H9Ie3_5-0-8","avatarStyleColor5":"magritte-avatar_style-color-5___H9Ie3_5-0-8","avatar_style-color-6":"magritte-avatar_style-color-6___oODXO_5-0-8","avatarStyleColor6":"magritte-avatar_style-color-6___oODXO_5-0-8","avatar_style-color-7":"magritte-avatar_style-color-7___SfUBl_5-0-8","avatarStyleColor7":"magritte-avatar_style-color-7___SfUBl_5-0-8","avatar_style-color-8":"magritte-avatar_style-color-8___rlI6h_5-0-8","avatarStyleColor8":"magritte-avatar_style-color-8___rlI6h_5-0-8","avatar_style-color-9":"magritte-avatar_style-color-9___XQO4B_5-0-8","avatarStyleColor9":"magritte-avatar_style-color-9___XQO4B_5-0-8","avatar_style-primary":"magritte-avatar_style-primary___SvqU1_5-0-8","avatarStylePrimary":"magritte-avatar_style-primary___SvqU1_5-0-8","avatar_style-secondary":"magritte-avatar_style-secondary___C6MTH_5-0-8","avatarStyleSecondary":"magritte-avatar_style-secondary___C6MTH_5-0-8","avatar_style-tertiary":"magritte-avatar_style-tertiary___3o-90_5-0-8","avatarStyleTertiary":"magritte-avatar_style-tertiary___3o-90_5-0-8","avatar_style-accent":"magritte-avatar_style-accent___LgPSo_5-0-8","avatarStyleAccent":"magritte-avatar_style-accent___LgPSo_5-0-8","avatar_style-positive":"magritte-avatar_style-positive___bDzbE_5-0-8","avatarStylePositive":"magritte-avatar_style-positive___bDzbE_5-0-8","avatar_style-negative":"magritte-avatar_style-negative___xHHQb_5-0-8","avatarStyleNegative":"magritte-avatar_style-negative___xHHQb_5-0-8","avatar_style-warning":"magritte-avatar_style-warning___7kKRS_5-0-8","avatarStyleWarning":"magritte-avatar_style-warning___7kKRS_5-0-8","avatar_style-special":"magritte-avatar_style-special___gLmS0_5-0-8","avatarStyleSpecial":"magritte-avatar_style-special___gLmS0_5-0-8","avatar_style-contrast":"magritte-avatar_style-contrast___zHyp-_5-0-8","avatarStyleContrast":"magritte-avatar_style-contrast___zHyp-_5-0-8","avatar_mode-image":"magritte-avatar_mode-image___02zr1_5-0-8","avatarModeImage":"magritte-avatar_mode-image___02zr1_5-0-8","avatar_mode-letters":"magritte-avatar_mode-letters___ot4qB_5-0-8","avatarModeLetters":"magritte-avatar_mode-letters___ot4qB_5-0-8","avatar_mode-icon":"magritte-avatar_mode-icon___MYrlv_5-0-8","avatarModeIcon":"magritte-avatar_mode-icon___MYrlv_5-0-8","avatar_mode-placeholder":"magritte-avatar_mode-placeholder___6hOu7_5-0-8","avatarModePlaceholder":"magritte-avatar_mode-placeholder___6hOu7_5-0-8","avatar-image":"magritte-avatar-image___05p9Z_5-0-8","avatarImage":"magritte-avatar-image___05p9Z_5-0-8","avatar-image_hidden":"magritte-avatar-image_hidden___DPQBK_5-0-8","avatarImageHidden":"magritte-avatar-image_hidden___DPQBK_5-0-8","avatar_with-online-badge-24":"magritte-avatar_with-online-badge-24___helkM_5-0-8","avatarWithOnlineBadge24":"magritte-avatar_with-online-badge-24___helkM_5-0-8","avatar-online-badge-24":"magritte-avatar-online-badge-24___mjPKB_5-0-8","avatarOnlineBadge24":"magritte-avatar-online-badge-24___mjPKB_5-0-8","avatar-focus-border-24":"magritte-avatar-focus-border-24___wnJnb_5-0-8","avatarFocusBorder24":"magritte-avatar-focus-border-24___wnJnb_5-0-8","avatar_with-online-badge-40":"magritte-avatar_with-online-badge-40___Tckho_5-0-8","avatarWithOnlineBadge40":"magritte-avatar_with-online-badge-40___Tckho_5-0-8","avatar-online-badge-40":"magritte-avatar-online-badge-40___HRNTS_5-0-8","avatarOnlineBadge40":"magritte-avatar-online-badge-40___HRNTS_5-0-8","avatar-focus-border-40":"magritte-avatar-focus-border-40___Qn9NL_5-0-8","avatarFocusBorder40":"magritte-avatar-focus-border-40___Qn9NL_5-0-8","avatar_with-online-badge-48":"magritte-avatar_with-online-badge-48___BmWaC_5-0-8","avatarWithOnlineBadge48":"magritte-avatar_with-online-badge-48___BmWaC_5-0-8","avatar-online-badge-48":"magritte-avatar-online-badge-48___qPmD8_5-0-8","avatarOnlineBadge48":"magritte-avatar-online-badge-48___qPmD8_5-0-8","avatar-focus-border-48":"magritte-avatar-focus-border-48___Bc-lN_5-0-8","avatarFocusBorder48":"magritte-avatar-focus-border-48___Bc-lN_5-0-8","avatar_with-online-badge-96":"magritte-avatar_with-online-badge-96___r4E42_5-0-8","avatarWithOnlineBadge96":"magritte-avatar_with-online-badge-96___r4E42_5-0-8","avatar-online-badge-96":"magritte-avatar-online-badge-96___d6bm-_5-0-8","avatarOnlineBadge96":"magritte-avatar-online-badge-96___d6bm-_5-0-8","avatar-focus-border-96":"magritte-avatar-focus-border-96___TVpd0_5-0-8","avatarFocusBorder96":"magritte-avatar-focus-border-96___TVpd0_5-0-8","avatar_with-online-badge-208":"magritte-avatar_with-online-badge-208___AS6Lk_5-0-8","avatarWithOnlineBadge208":"magritte-avatar_with-online-badge-208___AS6Lk_5-0-8","avatar-online-badge-208":"magritte-avatar-online-badge-208___m4hXQ_5-0-8","avatarOnlineBadge208":"magritte-avatar-online-badge-208___m4hXQ_5-0-8","avatar-focus-border-208":"magritte-avatar-focus-border-208___V6We2_5-0-8","avatarFocusBorder208":"magritte-avatar-focus-border-208___V6We2_5-0-8"};
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-CmxyMgGR.js.map