@hh.ru/magritte-ui-avatar 7.0.1 → 7.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Avatar.js +1 -1
- package/AvatarStack.js +1 -1
- package/Skeleton-L8DQRyWr.js +18 -0
- package/{Skeleton-CbwZ0GWf.js.map → Skeleton-L8DQRyWr.js.map} +1 -1
- package/Skeleton.js +1 -1
- package/index.css +387 -384
- package/index.js +1 -1
- package/package.json +5 -5
- package/Skeleton-CbwZ0GWf.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-
|
|
10
|
+
import { A as AvatarSkeleton, s as styles } from './Skeleton-L8DQRyWr.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/AvatarStack.js
CHANGED
|
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { forwardRef, Children, cloneElement } from 'react';
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
|
|
6
|
-
var styles = {"avatar-stack":"magritte-avatar-stack___yEcSg_7-0-
|
|
6
|
+
var styles = {"avatar-stack":"magritte-avatar-stack___yEcSg_7-0-2","avatarStack":"magritte-avatar-stack___yEcSg_7-0-2","avatar-stack-inline":"magritte-avatar-stack-inline___jLtu7_7-0-2","avatarStackInline":"magritte-avatar-stack-inline___jLtu7_7-0-2","avatar-stack-item":"magritte-avatar-stack-item___XGFoG_7-0-2","avatarStackItem":"magritte-avatar-stack-item___XGFoG_7-0-2","avatar-stack-size-24":"magritte-avatar-stack-size-24___Sfn0C_7-0-2","avatarStackSize24":"magritte-avatar-stack-size-24___Sfn0C_7-0-2","avatar-stack-circle":"magritte-avatar-stack-circle___nDRDS_7-0-2","avatarStackCircle":"magritte-avatar-stack-circle___nDRDS_7-0-2","avatar-stack-rect":"magritte-avatar-stack-rect___33hV1_7-0-2","avatarStackRect":"magritte-avatar-stack-rect___33hV1_7-0-2","avatar-stack-size-40":"magritte-avatar-stack-size-40___6d6Xo_7-0-2","avatarStackSize40":"magritte-avatar-stack-size-40___6d6Xo_7-0-2","avatar-stack-size-48":"magritte-avatar-stack-size-48___OjxbX_7-0-2","avatarStackSize48":"magritte-avatar-stack-size-48___OjxbX_7-0-2","avatar-stack-size-96":"magritte-avatar-stack-size-96___7k1Fh_7-0-2","avatarStackSize96":"magritte-avatar-stack-size-96___7k1Fh_7-0-2"};
|
|
7
7
|
|
|
8
8
|
const AvatarStack = forwardRef(({ size = 24, shape = 'rectangle', inline = false, 'data-qa': dataQa = 'avatar-stack', children }, ref) => {
|
|
9
9
|
return (jsx("ul", { ref: ref, className: classnames(styles.avatarStack, styles[`avatarStackSize${size}`], {
|
|
@@ -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_7-0-2","avatarContainer":"magritte-avatar-container___jBkeI_7-0-2","avatar-container_disabled":"magritte-avatar-container_disabled___EkG4l_7-0-2","avatarContainerDisabled":"magritte-avatar-container_disabled___EkG4l_7-0-2","avatar":"magritte-avatar___x--BK_7-0-2","avatar-container_size-24":"magritte-avatar-container_size-24___f6DH2_7-0-2","avatarContainerSize24":"magritte-avatar-container_size-24___f6DH2_7-0-2","avatar-skeleton-24":"magritte-avatar-skeleton-24___9hUuj_7-0-2","avatarSkeleton24":"magritte-avatar-skeleton-24___9hUuj_7-0-2","avatar_size-24":"magritte-avatar_size-24___0dAId_7-0-2","avatarSize24":"magritte-avatar_size-24___0dAId_7-0-2","avatar-container_size-40":"magritte-avatar-container_size-40___mVeBD_7-0-2","avatarContainerSize40":"magritte-avatar-container_size-40___mVeBD_7-0-2","avatar-skeleton-40":"magritte-avatar-skeleton-40___ZN6a7_7-0-2","avatarSkeleton40":"magritte-avatar-skeleton-40___ZN6a7_7-0-2","avatar_size-40":"magritte-avatar_size-40___zj3fM_7-0-2","avatarSize40":"magritte-avatar_size-40___zj3fM_7-0-2","avatar-container_size-48":"magritte-avatar-container_size-48___pflud_7-0-2","avatarContainerSize48":"magritte-avatar-container_size-48___pflud_7-0-2","avatar-skeleton-48":"magritte-avatar-skeleton-48___CC-af_7-0-2","avatarSkeleton48":"magritte-avatar-skeleton-48___CC-af_7-0-2","avatar_size-48":"magritte-avatar_size-48___JzITc_7-0-2","avatarSize48":"magritte-avatar_size-48___JzITc_7-0-2","avatar-container_size-96":"magritte-avatar-container_size-96___Up8Hn_7-0-2","avatarContainerSize96":"magritte-avatar-container_size-96___Up8Hn_7-0-2","avatar-skeleton-96":"magritte-avatar-skeleton-96___qYG-Z_7-0-2","avatarSkeleton96":"magritte-avatar-skeleton-96___qYG-Z_7-0-2","avatar_size-96":"magritte-avatar_size-96___5SeO2_7-0-2","avatarSize96":"magritte-avatar_size-96___5SeO2_7-0-2","avatar-container_size-208":"magritte-avatar-container_size-208___k7SkJ_7-0-2","avatarContainerSize208":"magritte-avatar-container_size-208___k7SkJ_7-0-2","avatar-skeleton-208":"magritte-avatar-skeleton-208___ybqJw_7-0-2","avatarSkeleton208":"magritte-avatar-skeleton-208___ybqJw_7-0-2","avatar_size-208":"magritte-avatar_size-208___rzfu3_7-0-2","avatarSize208":"magritte-avatar_size-208___rzfu3_7-0-2","avatar_shape-circle":"magritte-avatar_shape-circle___kEbru_7-0-2","avatarShapeCircle":"magritte-avatar_shape-circle___kEbru_7-0-2","avatar-skeleton-circle":"magritte-avatar-skeleton-circle___rD1E0_7-0-2","avatarSkeletonCircle":"magritte-avatar-skeleton-circle___rD1E0_7-0-2","avatar_style-color-1":"magritte-avatar_style-color-1___xXtkh_7-0-2","avatarStyleColor1":"magritte-avatar_style-color-1___xXtkh_7-0-2","avatar_style-color-2":"magritte-avatar_style-color-2___JraJd_7-0-2","avatarStyleColor2":"magritte-avatar_style-color-2___JraJd_7-0-2","avatar_style-color-3":"magritte-avatar_style-color-3___g29U3_7-0-2","avatarStyleColor3":"magritte-avatar_style-color-3___g29U3_7-0-2","avatar_style-color-4":"magritte-avatar_style-color-4___pHhmj_7-0-2","avatarStyleColor4":"magritte-avatar_style-color-4___pHhmj_7-0-2","avatar_style-color-5":"magritte-avatar_style-color-5___H9Ie3_7-0-2","avatarStyleColor5":"magritte-avatar_style-color-5___H9Ie3_7-0-2","avatar_style-color-6":"magritte-avatar_style-color-6___oODXO_7-0-2","avatarStyleColor6":"magritte-avatar_style-color-6___oODXO_7-0-2","avatar_style-color-7":"magritte-avatar_style-color-7___SfUBl_7-0-2","avatarStyleColor7":"magritte-avatar_style-color-7___SfUBl_7-0-2","avatar_style-color-8":"magritte-avatar_style-color-8___rlI6h_7-0-2","avatarStyleColor8":"magritte-avatar_style-color-8___rlI6h_7-0-2","avatar_style-color-9":"magritte-avatar_style-color-9___XQO4B_7-0-2","avatarStyleColor9":"magritte-avatar_style-color-9___XQO4B_7-0-2","avatar_style-primary":"magritte-avatar_style-primary___SvqU1_7-0-2","avatarStylePrimary":"magritte-avatar_style-primary___SvqU1_7-0-2","avatar_style-secondary":"magritte-avatar_style-secondary___C6MTH_7-0-2","avatarStyleSecondary":"magritte-avatar_style-secondary___C6MTH_7-0-2","avatar_style-tertiary":"magritte-avatar_style-tertiary___3o-90_7-0-2","avatarStyleTertiary":"magritte-avatar_style-tertiary___3o-90_7-0-2","avatar_style-accent-secondary":"magritte-avatar_style-accent-secondary___vc7Lb_7-0-2","avatarStyleAccentSecondary":"magritte-avatar_style-accent-secondary___vc7Lb_7-0-2","avatar_style-accent":"magritte-avatar_style-accent___LgPSo_7-0-2","avatarStyleAccent":"magritte-avatar_style-accent___LgPSo_7-0-2","avatar_style-positive-secondary":"magritte-avatar_style-positive-secondary___aQrkm_7-0-2","avatarStylePositiveSecondary":"magritte-avatar_style-positive-secondary___aQrkm_7-0-2","avatar_style-positive":"magritte-avatar_style-positive___bDzbE_7-0-2","avatarStylePositive":"magritte-avatar_style-positive___bDzbE_7-0-2","avatar_style-negative-secondary":"magritte-avatar_style-negative-secondary___GW7rc_7-0-2","avatarStyleNegativeSecondary":"magritte-avatar_style-negative-secondary___GW7rc_7-0-2","avatar_style-negative":"magritte-avatar_style-negative___xHHQb_7-0-2","avatarStyleNegative":"magritte-avatar_style-negative___xHHQb_7-0-2","avatar_style-warning-secondary":"magritte-avatar_style-warning-secondary___LKwiW_7-0-2","avatarStyleWarningSecondary":"magritte-avatar_style-warning-secondary___LKwiW_7-0-2","avatar_style-warning":"magritte-avatar_style-warning___7kKRS_7-0-2","avatarStyleWarning":"magritte-avatar_style-warning___7kKRS_7-0-2","avatar_style-special-secondary":"magritte-avatar_style-special-secondary___J2CwS_7-0-2","avatarStyleSpecialSecondary":"magritte-avatar_style-special-secondary___J2CwS_7-0-2","avatar_style-special":"magritte-avatar_style-special___gLmS0_7-0-2","avatarStyleSpecial":"magritte-avatar_style-special___gLmS0_7-0-2","avatar_style-dreamy-secondary":"magritte-avatar_style-dreamy-secondary___WoWcK_7-0-2","avatarStyleDreamySecondary":"magritte-avatar_style-dreamy-secondary___WoWcK_7-0-2","avatar_style-dreamy":"magritte-avatar_style-dreamy___-zjx5_7-0-2","avatarStyleDreamy":"magritte-avatar_style-dreamy___-zjx5_7-0-2","avatar_style-lovely-secondary":"magritte-avatar_style-lovely-secondary___YhzZk_7-0-2","avatarStyleLovelySecondary":"magritte-avatar_style-lovely-secondary___YhzZk_7-0-2","avatar_style-lovely":"magritte-avatar_style-lovely___wy3Zg_7-0-2","avatarStyleLovely":"magritte-avatar_style-lovely___wy3Zg_7-0-2","avatar_style-vivid-secondary":"magritte-avatar_style-vivid-secondary___EcBn1_7-0-2","avatarStyleVividSecondary":"magritte-avatar_style-vivid-secondary___EcBn1_7-0-2","avatar_style-vivid":"magritte-avatar_style-vivid___pkKc5_7-0-2","avatarStyleVivid":"magritte-avatar_style-vivid___pkKc5_7-0-2","avatar_style-body":"magritte-avatar_style-body___xmokY_7-0-2","avatarStyleBody":"magritte-avatar_style-body___xmokY_7-0-2","avatar_style-overlay":"magritte-avatar_style-overlay___0yWkS_7-0-2","avatarStyleOverlay":"magritte-avatar_style-overlay___0yWkS_7-0-2","avatar_style-transparent":"magritte-avatar_style-transparent___KtjP8_7-0-2","avatarStyleTransparent":"magritte-avatar_style-transparent___KtjP8_7-0-2","avatar_style-constant":"magritte-avatar_style-constant___HVes8_7-0-2","avatarStyleConstant":"magritte-avatar_style-constant___HVes8_7-0-2","avatar_style-constant-secondary":"magritte-avatar_style-constant-secondary___tfuOw_7-0-2","avatarStyleConstantSecondary":"magritte-avatar_style-constant-secondary___tfuOw_7-0-2","avatar_style-inverse":"magritte-avatar_style-inverse___yupyU_7-0-2","avatarStyleInverse":"magritte-avatar_style-inverse___yupyU_7-0-2","avatar_style-inverse-secondary":"magritte-avatar_style-inverse-secondary___NdawN_7-0-2","avatarStyleInverseSecondary":"magritte-avatar_style-inverse-secondary___NdawN_7-0-2","avatar_mode-image":"magritte-avatar_mode-image___02zr1_7-0-2","avatarModeImage":"magritte-avatar_mode-image___02zr1_7-0-2","avatar_mode-letters":"magritte-avatar_mode-letters___ot4qB_7-0-2","avatarModeLetters":"magritte-avatar_mode-letters___ot4qB_7-0-2","avatar_mode-icon":"magritte-avatar_mode-icon___MYrlv_7-0-2","avatarModeIcon":"magritte-avatar_mode-icon___MYrlv_7-0-2","avatar_mode-placeholder":"magritte-avatar_mode-placeholder___6hOu7_7-0-2","avatarModePlaceholder":"magritte-avatar_mode-placeholder___6hOu7_7-0-2","avatar-image":"magritte-avatar-image___05p9Z_7-0-2","avatarImage":"magritte-avatar-image___05p9Z_7-0-2","avatar-image_hidden":"magritte-avatar-image_hidden___DPQBK_7-0-2","avatarImageHidden":"magritte-avatar-image_hidden___DPQBK_7-0-2","avatar_with-online-badge-24":"magritte-avatar_with-online-badge-24___helkM_7-0-2","avatarWithOnlineBadge24":"magritte-avatar_with-online-badge-24___helkM_7-0-2","avatar-online-badge-24":"magritte-avatar-online-badge-24___mjPKB_7-0-2","avatarOnlineBadge24":"magritte-avatar-online-badge-24___mjPKB_7-0-2","avatar-online-badge_style_positive":"magritte-avatar-online-badge_style_positive___jHyv3_7-0-2","avatarOnlineBadgeStylePositive":"magritte-avatar-online-badge_style_positive___jHyv3_7-0-2","avatar-online-badge_style_contrast":"magritte-avatar-online-badge_style_contrast___GZFCO_7-0-2","avatarOnlineBadgeStyleContrast":"magritte-avatar-online-badge_style_contrast___GZFCO_7-0-2","avatar-focus-border-24":"magritte-avatar-focus-border-24___wnJnb_7-0-2","avatarFocusBorder24":"magritte-avatar-focus-border-24___wnJnb_7-0-2","avatar_with-online-badge-40":"magritte-avatar_with-online-badge-40___Tckho_7-0-2","avatarWithOnlineBadge40":"magritte-avatar_with-online-badge-40___Tckho_7-0-2","avatar-online-badge-40":"magritte-avatar-online-badge-40___HRNTS_7-0-2","avatarOnlineBadge40":"magritte-avatar-online-badge-40___HRNTS_7-0-2","avatar-focus-border-40":"magritte-avatar-focus-border-40___Qn9NL_7-0-2","avatarFocusBorder40":"magritte-avatar-focus-border-40___Qn9NL_7-0-2","avatar_with-online-badge-48":"magritte-avatar_with-online-badge-48___BmWaC_7-0-2","avatarWithOnlineBadge48":"magritte-avatar_with-online-badge-48___BmWaC_7-0-2","avatar-online-badge-48":"magritte-avatar-online-badge-48___qPmD8_7-0-2","avatarOnlineBadge48":"magritte-avatar-online-badge-48___qPmD8_7-0-2","avatar-focus-border-48":"magritte-avatar-focus-border-48___Bc-lN_7-0-2","avatarFocusBorder48":"magritte-avatar-focus-border-48___Bc-lN_7-0-2","avatar_with-online-badge-96":"magritte-avatar_with-online-badge-96___r4E42_7-0-2","avatarWithOnlineBadge96":"magritte-avatar_with-online-badge-96___r4E42_7-0-2","avatar-online-badge-96":"magritte-avatar-online-badge-96___d6bm-_7-0-2","avatarOnlineBadge96":"magritte-avatar-online-badge-96___d6bm-_7-0-2","avatar-focus-border-96":"magritte-avatar-focus-border-96___TVpd0_7-0-2","avatarFocusBorder96":"magritte-avatar-focus-border-96___TVpd0_7-0-2","avatar_with-online-badge-208":"magritte-avatar_with-online-badge-208___AS6Lk_7-0-2","avatarWithOnlineBadge208":"magritte-avatar_with-online-badge-208___AS6Lk_7-0-2","avatar-online-badge-208":"magritte-avatar-online-badge-208___m4hXQ_7-0-2","avatarOnlineBadge208":"magritte-avatar-online-badge-208___m4hXQ_7-0-2","avatar-focus-border-208":"magritte-avatar-focus-border-208___V6We2_7-0-2","avatarFocusBorder208":"magritte-avatar-focus-border-208___V6We2_7-0-2"};
|
|
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-L8DQRyWr.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton-
|
|
1
|
+
{"version":3,"file":"Skeleton-L8DQRyWr.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-
|
|
5
|
+
export { A as AvatarSkeleton } from './Skeleton-L8DQRyWr.js';
|
|
6
6
|
//# sourceMappingURL=Skeleton.js.map
|