@hh.ru/magritte-ui-avatar 7.0.3 → 7.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.
- package/Avatar.js +1 -1
- package/AvatarStack.js +1 -1
- package/Skeleton-Oip-BhE5.js +18 -0
- package/{Skeleton-DZzaCN_1.js.map → Skeleton-Oip-BhE5.js.map} +1 -1
- package/Skeleton.js +1 -1
- package/index.css +399 -399
- package/index.js +1 -1
- package/package.json +5 -5
- package/Skeleton-DZzaCN_1.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-Oip-BhE5.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-5","avatarStack":"magritte-avatar-stack___yEcSg_7-0-5","avatar-stack-inline":"magritte-avatar-stack-inline___jLtu7_7-0-5","avatarStackInline":"magritte-avatar-stack-inline___jLtu7_7-0-5","avatar-stack-item":"magritte-avatar-stack-item___XGFoG_7-0-5","avatarStackItem":"magritte-avatar-stack-item___XGFoG_7-0-5","avatar-stack-size-24":"magritte-avatar-stack-size-24___Sfn0C_7-0-5","avatarStackSize24":"magritte-avatar-stack-size-24___Sfn0C_7-0-5","avatar-stack-circle":"magritte-avatar-stack-circle___nDRDS_7-0-5","avatarStackCircle":"magritte-avatar-stack-circle___nDRDS_7-0-5","avatar-stack-rect":"magritte-avatar-stack-rect___33hV1_7-0-5","avatarStackRect":"magritte-avatar-stack-rect___33hV1_7-0-5","avatar-stack-size-40":"magritte-avatar-stack-size-40___6d6Xo_7-0-5","avatarStackSize40":"magritte-avatar-stack-size-40___6d6Xo_7-0-5","avatar-stack-size-48":"magritte-avatar-stack-size-48___OjxbX_7-0-5","avatarStackSize48":"magritte-avatar-stack-size-48___OjxbX_7-0-5","avatar-stack-size-96":"magritte-avatar-stack-size-96___7k1Fh_7-0-5","avatarStackSize96":"magritte-avatar-stack-size-96___7k1Fh_7-0-5"};
|
|
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-5","avatarContainer":"magritte-avatar-container___jBkeI_7-0-5","avatar-container_disabled":"magritte-avatar-container_disabled___EkG4l_7-0-5","avatarContainerDisabled":"magritte-avatar-container_disabled___EkG4l_7-0-5","avatar":"magritte-avatar___x--BK_7-0-5","avatar-container_size-24":"magritte-avatar-container_size-24___f6DH2_7-0-5","avatarContainerSize24":"magritte-avatar-container_size-24___f6DH2_7-0-5","avatar-skeleton-24":"magritte-avatar-skeleton-24___9hUuj_7-0-5","avatarSkeleton24":"magritte-avatar-skeleton-24___9hUuj_7-0-5","avatar_size-24":"magritte-avatar_size-24___0dAId_7-0-5","avatarSize24":"magritte-avatar_size-24___0dAId_7-0-5","avatar-container_size-40":"magritte-avatar-container_size-40___mVeBD_7-0-5","avatarContainerSize40":"magritte-avatar-container_size-40___mVeBD_7-0-5","avatar-skeleton-40":"magritte-avatar-skeleton-40___ZN6a7_7-0-5","avatarSkeleton40":"magritte-avatar-skeleton-40___ZN6a7_7-0-5","avatar_size-40":"magritte-avatar_size-40___zj3fM_7-0-5","avatarSize40":"magritte-avatar_size-40___zj3fM_7-0-5","avatar-container_size-48":"magritte-avatar-container_size-48___pflud_7-0-5","avatarContainerSize48":"magritte-avatar-container_size-48___pflud_7-0-5","avatar-skeleton-48":"magritte-avatar-skeleton-48___CC-af_7-0-5","avatarSkeleton48":"magritte-avatar-skeleton-48___CC-af_7-0-5","avatar_size-48":"magritte-avatar_size-48___JzITc_7-0-5","avatarSize48":"magritte-avatar_size-48___JzITc_7-0-5","avatar-container_size-96":"magritte-avatar-container_size-96___Up8Hn_7-0-5","avatarContainerSize96":"magritte-avatar-container_size-96___Up8Hn_7-0-5","avatar-skeleton-96":"magritte-avatar-skeleton-96___qYG-Z_7-0-5","avatarSkeleton96":"magritte-avatar-skeleton-96___qYG-Z_7-0-5","avatar_size-96":"magritte-avatar_size-96___5SeO2_7-0-5","avatarSize96":"magritte-avatar_size-96___5SeO2_7-0-5","avatar-container_size-208":"magritte-avatar-container_size-208___k7SkJ_7-0-5","avatarContainerSize208":"magritte-avatar-container_size-208___k7SkJ_7-0-5","avatar-skeleton-208":"magritte-avatar-skeleton-208___ybqJw_7-0-5","avatarSkeleton208":"magritte-avatar-skeleton-208___ybqJw_7-0-5","avatar_size-208":"magritte-avatar_size-208___rzfu3_7-0-5","avatarSize208":"magritte-avatar_size-208___rzfu3_7-0-5","avatar_shape-circle":"magritte-avatar_shape-circle___kEbru_7-0-5","avatarShapeCircle":"magritte-avatar_shape-circle___kEbru_7-0-5","avatar-skeleton-circle":"magritte-avatar-skeleton-circle___rD1E0_7-0-5","avatarSkeletonCircle":"magritte-avatar-skeleton-circle___rD1E0_7-0-5","avatar_style-color-1":"magritte-avatar_style-color-1___xXtkh_7-0-5","avatarStyleColor1":"magritte-avatar_style-color-1___xXtkh_7-0-5","avatar_style-color-2":"magritte-avatar_style-color-2___JraJd_7-0-5","avatarStyleColor2":"magritte-avatar_style-color-2___JraJd_7-0-5","avatar_style-color-3":"magritte-avatar_style-color-3___g29U3_7-0-5","avatarStyleColor3":"magritte-avatar_style-color-3___g29U3_7-0-5","avatar_style-color-4":"magritte-avatar_style-color-4___pHhmj_7-0-5","avatarStyleColor4":"magritte-avatar_style-color-4___pHhmj_7-0-5","avatar_style-color-5":"magritte-avatar_style-color-5___H9Ie3_7-0-5","avatarStyleColor5":"magritte-avatar_style-color-5___H9Ie3_7-0-5","avatar_style-color-6":"magritte-avatar_style-color-6___oODXO_7-0-5","avatarStyleColor6":"magritte-avatar_style-color-6___oODXO_7-0-5","avatar_style-color-7":"magritte-avatar_style-color-7___SfUBl_7-0-5","avatarStyleColor7":"magritte-avatar_style-color-7___SfUBl_7-0-5","avatar_style-color-8":"magritte-avatar_style-color-8___rlI6h_7-0-5","avatarStyleColor8":"magritte-avatar_style-color-8___rlI6h_7-0-5","avatar_style-color-9":"magritte-avatar_style-color-9___XQO4B_7-0-5","avatarStyleColor9":"magritte-avatar_style-color-9___XQO4B_7-0-5","avatar_style-primary":"magritte-avatar_style-primary___SvqU1_7-0-5","avatarStylePrimary":"magritte-avatar_style-primary___SvqU1_7-0-5","avatar_style-secondary":"magritte-avatar_style-secondary___C6MTH_7-0-5","avatarStyleSecondary":"magritte-avatar_style-secondary___C6MTH_7-0-5","avatar_style-tertiary":"magritte-avatar_style-tertiary___3o-90_7-0-5","avatarStyleTertiary":"magritte-avatar_style-tertiary___3o-90_7-0-5","avatar_style-accent-secondary":"magritte-avatar_style-accent-secondary___vc7Lb_7-0-5","avatarStyleAccentSecondary":"magritte-avatar_style-accent-secondary___vc7Lb_7-0-5","avatar_style-accent":"magritte-avatar_style-accent___LgPSo_7-0-5","avatarStyleAccent":"magritte-avatar_style-accent___LgPSo_7-0-5","avatar_style-positive-secondary":"magritte-avatar_style-positive-secondary___aQrkm_7-0-5","avatarStylePositiveSecondary":"magritte-avatar_style-positive-secondary___aQrkm_7-0-5","avatar_style-positive":"magritte-avatar_style-positive___bDzbE_7-0-5","avatarStylePositive":"magritte-avatar_style-positive___bDzbE_7-0-5","avatar_style-negative-secondary":"magritte-avatar_style-negative-secondary___GW7rc_7-0-5","avatarStyleNegativeSecondary":"magritte-avatar_style-negative-secondary___GW7rc_7-0-5","avatar_style-negative":"magritte-avatar_style-negative___xHHQb_7-0-5","avatarStyleNegative":"magritte-avatar_style-negative___xHHQb_7-0-5","avatar_style-warning-secondary":"magritte-avatar_style-warning-secondary___LKwiW_7-0-5","avatarStyleWarningSecondary":"magritte-avatar_style-warning-secondary___LKwiW_7-0-5","avatar_style-warning":"magritte-avatar_style-warning___7kKRS_7-0-5","avatarStyleWarning":"magritte-avatar_style-warning___7kKRS_7-0-5","avatar_style-special-secondary":"magritte-avatar_style-special-secondary___J2CwS_7-0-5","avatarStyleSpecialSecondary":"magritte-avatar_style-special-secondary___J2CwS_7-0-5","avatar_style-special":"magritte-avatar_style-special___gLmS0_7-0-5","avatarStyleSpecial":"magritte-avatar_style-special___gLmS0_7-0-5","avatar_style-dreamy-secondary":"magritte-avatar_style-dreamy-secondary___WoWcK_7-0-5","avatarStyleDreamySecondary":"magritte-avatar_style-dreamy-secondary___WoWcK_7-0-5","avatar_style-dreamy":"magritte-avatar_style-dreamy___-zjx5_7-0-5","avatarStyleDreamy":"magritte-avatar_style-dreamy___-zjx5_7-0-5","avatar_style-lovely-secondary":"magritte-avatar_style-lovely-secondary___YhzZk_7-0-5","avatarStyleLovelySecondary":"magritte-avatar_style-lovely-secondary___YhzZk_7-0-5","avatar_style-lovely":"magritte-avatar_style-lovely___wy3Zg_7-0-5","avatarStyleLovely":"magritte-avatar_style-lovely___wy3Zg_7-0-5","avatar_style-vivid-secondary":"magritte-avatar_style-vivid-secondary___EcBn1_7-0-5","avatarStyleVividSecondary":"magritte-avatar_style-vivid-secondary___EcBn1_7-0-5","avatar_style-vivid":"magritte-avatar_style-vivid___pkKc5_7-0-5","avatarStyleVivid":"magritte-avatar_style-vivid___pkKc5_7-0-5","avatar_style-body":"magritte-avatar_style-body___xmokY_7-0-5","avatarStyleBody":"magritte-avatar_style-body___xmokY_7-0-5","avatar_style-overlay":"magritte-avatar_style-overlay___0yWkS_7-0-5","avatarStyleOverlay":"magritte-avatar_style-overlay___0yWkS_7-0-5","avatar_style-overlay-action":"magritte-avatar_style-overlay-action___MMxS7_7-0-5","avatarStyleOverlayAction":"magritte-avatar_style-overlay-action___MMxS7_7-0-5","avatar_style-overlay-viewer":"magritte-avatar_style-overlay-viewer___4gNO7_7-0-5","avatarStyleOverlayViewer":"magritte-avatar_style-overlay-viewer___4gNO7_7-0-5","avatar_style-overlay-toolbar":"magritte-avatar_style-overlay-toolbar___0Lvuf_7-0-5","avatarStyleOverlayToolbar":"magritte-avatar_style-overlay-toolbar___0Lvuf_7-0-5","avatar_style-transparent":"magritte-avatar_style-transparent___KtjP8_7-0-5","avatarStyleTransparent":"magritte-avatar_style-transparent___KtjP8_7-0-5","avatar_style-constant":"magritte-avatar_style-constant___HVes8_7-0-5","avatarStyleConstant":"magritte-avatar_style-constant___HVes8_7-0-5","avatar_style-constant-secondary":"magritte-avatar_style-constant-secondary___tfuOw_7-0-5","avatarStyleConstantSecondary":"magritte-avatar_style-constant-secondary___tfuOw_7-0-5","avatar_style-inverse":"magritte-avatar_style-inverse___yupyU_7-0-5","avatarStyleInverse":"magritte-avatar_style-inverse___yupyU_7-0-5","avatar_style-inverse-secondary":"magritte-avatar_style-inverse-secondary___NdawN_7-0-5","avatarStyleInverseSecondary":"magritte-avatar_style-inverse-secondary___NdawN_7-0-5","avatar_mode-image":"magritte-avatar_mode-image___02zr1_7-0-5","avatarModeImage":"magritte-avatar_mode-image___02zr1_7-0-5","avatar_mode-letters":"magritte-avatar_mode-letters___ot4qB_7-0-5","avatarModeLetters":"magritte-avatar_mode-letters___ot4qB_7-0-5","avatar_mode-icon":"magritte-avatar_mode-icon___MYrlv_7-0-5","avatarModeIcon":"magritte-avatar_mode-icon___MYrlv_7-0-5","avatar_mode-placeholder":"magritte-avatar_mode-placeholder___6hOu7_7-0-5","avatarModePlaceholder":"magritte-avatar_mode-placeholder___6hOu7_7-0-5","avatar-image":"magritte-avatar-image___05p9Z_7-0-5","avatarImage":"magritte-avatar-image___05p9Z_7-0-5","avatar-image_hidden":"magritte-avatar-image_hidden___DPQBK_7-0-5","avatarImageHidden":"magritte-avatar-image_hidden___DPQBK_7-0-5","avatar_with-online-badge-24":"magritte-avatar_with-online-badge-24___helkM_7-0-5","avatarWithOnlineBadge24":"magritte-avatar_with-online-badge-24___helkM_7-0-5","avatar-online-badge-24":"magritte-avatar-online-badge-24___mjPKB_7-0-5","avatarOnlineBadge24":"magritte-avatar-online-badge-24___mjPKB_7-0-5","avatar-online-badge_style_positive":"magritte-avatar-online-badge_style_positive___jHyv3_7-0-5","avatarOnlineBadgeStylePositive":"magritte-avatar-online-badge_style_positive___jHyv3_7-0-5","avatar-online-badge_style_contrast":"magritte-avatar-online-badge_style_contrast___GZFCO_7-0-5","avatarOnlineBadgeStyleContrast":"magritte-avatar-online-badge_style_contrast___GZFCO_7-0-5","avatar-focus-border-24":"magritte-avatar-focus-border-24___wnJnb_7-0-5","avatarFocusBorder24":"magritte-avatar-focus-border-24___wnJnb_7-0-5","avatar_with-online-badge-40":"magritte-avatar_with-online-badge-40___Tckho_7-0-5","avatarWithOnlineBadge40":"magritte-avatar_with-online-badge-40___Tckho_7-0-5","avatar-online-badge-40":"magritte-avatar-online-badge-40___HRNTS_7-0-5","avatarOnlineBadge40":"magritte-avatar-online-badge-40___HRNTS_7-0-5","avatar-focus-border-40":"magritte-avatar-focus-border-40___Qn9NL_7-0-5","avatarFocusBorder40":"magritte-avatar-focus-border-40___Qn9NL_7-0-5","avatar_with-online-badge-48":"magritte-avatar_with-online-badge-48___BmWaC_7-0-5","avatarWithOnlineBadge48":"magritte-avatar_with-online-badge-48___BmWaC_7-0-5","avatar-online-badge-48":"magritte-avatar-online-badge-48___qPmD8_7-0-5","avatarOnlineBadge48":"magritte-avatar-online-badge-48___qPmD8_7-0-5","avatar-focus-border-48":"magritte-avatar-focus-border-48___Bc-lN_7-0-5","avatarFocusBorder48":"magritte-avatar-focus-border-48___Bc-lN_7-0-5","avatar_with-online-badge-96":"magritte-avatar_with-online-badge-96___r4E42_7-0-5","avatarWithOnlineBadge96":"magritte-avatar_with-online-badge-96___r4E42_7-0-5","avatar-online-badge-96":"magritte-avatar-online-badge-96___d6bm-_7-0-5","avatarOnlineBadge96":"magritte-avatar-online-badge-96___d6bm-_7-0-5","avatar-focus-border-96":"magritte-avatar-focus-border-96___TVpd0_7-0-5","avatarFocusBorder96":"magritte-avatar-focus-border-96___TVpd0_7-0-5","avatar_with-online-badge-208":"magritte-avatar_with-online-badge-208___AS6Lk_7-0-5","avatarWithOnlineBadge208":"magritte-avatar_with-online-badge-208___AS6Lk_7-0-5","avatar-online-badge-208":"magritte-avatar-online-badge-208___m4hXQ_7-0-5","avatarOnlineBadge208":"magritte-avatar-online-badge-208___m4hXQ_7-0-5","avatar-focus-border-208":"magritte-avatar-focus-border-208___V6We2_7-0-5","avatarFocusBorder208":"magritte-avatar-focus-border-208___V6We2_7-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-Oip-BhE5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton-
|
|
1
|
+
{"version":3,"file":"Skeleton-Oip-BhE5.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-Oip-BhE5.js';
|
|
6
6
|
//# sourceMappingURL=Skeleton.js.map
|