@hh.ru/magritte-ui-avatar 5.0.18 → 5.0.19
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/Skeleton-U-xqNx9I.js +18 -0
- package/{Skeleton-D7TuOmCZ.js.map → Skeleton-U-xqNx9I.js.map} +1 -1
- package/Skeleton.js +1 -1
- package/index.css +97 -97
- package/index.js +1 -1
- package/package.json +5 -5
- package/Skeleton-D7TuOmCZ.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-U-xqNx9I.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';
|
|
@@ -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-19","avatarContainer":"magritte-avatar-container___jBkeI_5-0-19","avatar-container_disabled":"magritte-avatar-container_disabled___EkG4l_5-0-19","avatarContainerDisabled":"magritte-avatar-container_disabled___EkG4l_5-0-19","avatar":"magritte-avatar___x--BK_5-0-19","avatar-container_size-24":"magritte-avatar-container_size-24___f6DH2_5-0-19","avatarContainerSize24":"magritte-avatar-container_size-24___f6DH2_5-0-19","avatar-skeleton-24":"magritte-avatar-skeleton-24___9hUuj_5-0-19","avatarSkeleton24":"magritte-avatar-skeleton-24___9hUuj_5-0-19","avatar_size-24":"magritte-avatar_size-24___0dAId_5-0-19","avatarSize24":"magritte-avatar_size-24___0dAId_5-0-19","avatar-container_size-40":"magritte-avatar-container_size-40___mVeBD_5-0-19","avatarContainerSize40":"magritte-avatar-container_size-40___mVeBD_5-0-19","avatar-skeleton-40":"magritte-avatar-skeleton-40___ZN6a7_5-0-19","avatarSkeleton40":"magritte-avatar-skeleton-40___ZN6a7_5-0-19","avatar_size-40":"magritte-avatar_size-40___zj3fM_5-0-19","avatarSize40":"magritte-avatar_size-40___zj3fM_5-0-19","avatar-container_size-48":"magritte-avatar-container_size-48___pflud_5-0-19","avatarContainerSize48":"magritte-avatar-container_size-48___pflud_5-0-19","avatar-skeleton-48":"magritte-avatar-skeleton-48___CC-af_5-0-19","avatarSkeleton48":"magritte-avatar-skeleton-48___CC-af_5-0-19","avatar_size-48":"magritte-avatar_size-48___JzITc_5-0-19","avatarSize48":"magritte-avatar_size-48___JzITc_5-0-19","avatar-container_size-96":"magritte-avatar-container_size-96___Up8Hn_5-0-19","avatarContainerSize96":"magritte-avatar-container_size-96___Up8Hn_5-0-19","avatar-skeleton-96":"magritte-avatar-skeleton-96___qYG-Z_5-0-19","avatarSkeleton96":"magritte-avatar-skeleton-96___qYG-Z_5-0-19","avatar_size-96":"magritte-avatar_size-96___5SeO2_5-0-19","avatarSize96":"magritte-avatar_size-96___5SeO2_5-0-19","avatar-container_size-208":"magritte-avatar-container_size-208___k7SkJ_5-0-19","avatarContainerSize208":"magritte-avatar-container_size-208___k7SkJ_5-0-19","avatar-skeleton-208":"magritte-avatar-skeleton-208___ybqJw_5-0-19","avatarSkeleton208":"magritte-avatar-skeleton-208___ybqJw_5-0-19","avatar_size-208":"magritte-avatar_size-208___rzfu3_5-0-19","avatarSize208":"magritte-avatar_size-208___rzfu3_5-0-19","avatar_shape-circle":"magritte-avatar_shape-circle___kEbru_5-0-19","avatarShapeCircle":"magritte-avatar_shape-circle___kEbru_5-0-19","avatar-skeleton-circle":"magritte-avatar-skeleton-circle___rD1E0_5-0-19","avatarSkeletonCircle":"magritte-avatar-skeleton-circle___rD1E0_5-0-19","avatar_style-color-1":"magritte-avatar_style-color-1___xXtkh_5-0-19","avatarStyleColor1":"magritte-avatar_style-color-1___xXtkh_5-0-19","avatar_style-color-2":"magritte-avatar_style-color-2___JraJd_5-0-19","avatarStyleColor2":"magritte-avatar_style-color-2___JraJd_5-0-19","avatar_style-color-3":"magritte-avatar_style-color-3___g29U3_5-0-19","avatarStyleColor3":"magritte-avatar_style-color-3___g29U3_5-0-19","avatar_style-color-4":"magritte-avatar_style-color-4___pHhmj_5-0-19","avatarStyleColor4":"magritte-avatar_style-color-4___pHhmj_5-0-19","avatar_style-color-5":"magritte-avatar_style-color-5___H9Ie3_5-0-19","avatarStyleColor5":"magritte-avatar_style-color-5___H9Ie3_5-0-19","avatar_style-color-6":"magritte-avatar_style-color-6___oODXO_5-0-19","avatarStyleColor6":"magritte-avatar_style-color-6___oODXO_5-0-19","avatar_style-color-7":"magritte-avatar_style-color-7___SfUBl_5-0-19","avatarStyleColor7":"magritte-avatar_style-color-7___SfUBl_5-0-19","avatar_style-color-8":"magritte-avatar_style-color-8___rlI6h_5-0-19","avatarStyleColor8":"magritte-avatar_style-color-8___rlI6h_5-0-19","avatar_style-color-9":"magritte-avatar_style-color-9___XQO4B_5-0-19","avatarStyleColor9":"magritte-avatar_style-color-9___XQO4B_5-0-19","avatar_style-primary":"magritte-avatar_style-primary___SvqU1_5-0-19","avatarStylePrimary":"magritte-avatar_style-primary___SvqU1_5-0-19","avatar_style-secondary":"magritte-avatar_style-secondary___C6MTH_5-0-19","avatarStyleSecondary":"magritte-avatar_style-secondary___C6MTH_5-0-19","avatar_style-tertiary":"magritte-avatar_style-tertiary___3o-90_5-0-19","avatarStyleTertiary":"magritte-avatar_style-tertiary___3o-90_5-0-19","avatar_style-accent":"magritte-avatar_style-accent___LgPSo_5-0-19","avatarStyleAccent":"magritte-avatar_style-accent___LgPSo_5-0-19","avatar_style-positive":"magritte-avatar_style-positive___bDzbE_5-0-19","avatarStylePositive":"magritte-avatar_style-positive___bDzbE_5-0-19","avatar_style-negative":"magritte-avatar_style-negative___xHHQb_5-0-19","avatarStyleNegative":"magritte-avatar_style-negative___xHHQb_5-0-19","avatar_style-warning":"magritte-avatar_style-warning___7kKRS_5-0-19","avatarStyleWarning":"magritte-avatar_style-warning___7kKRS_5-0-19","avatar_style-special":"magritte-avatar_style-special___gLmS0_5-0-19","avatarStyleSpecial":"magritte-avatar_style-special___gLmS0_5-0-19","avatar_style-contrast":"magritte-avatar_style-contrast___zHyp-_5-0-19","avatarStyleContrast":"magritte-avatar_style-contrast___zHyp-_5-0-19","avatar_mode-image":"magritte-avatar_mode-image___02zr1_5-0-19","avatarModeImage":"magritte-avatar_mode-image___02zr1_5-0-19","avatar_mode-letters":"magritte-avatar_mode-letters___ot4qB_5-0-19","avatarModeLetters":"magritte-avatar_mode-letters___ot4qB_5-0-19","avatar_mode-icon":"magritte-avatar_mode-icon___MYrlv_5-0-19","avatarModeIcon":"magritte-avatar_mode-icon___MYrlv_5-0-19","avatar_mode-placeholder":"magritte-avatar_mode-placeholder___6hOu7_5-0-19","avatarModePlaceholder":"magritte-avatar_mode-placeholder___6hOu7_5-0-19","avatar-image":"magritte-avatar-image___05p9Z_5-0-19","avatarImage":"magritte-avatar-image___05p9Z_5-0-19","avatar-image_hidden":"magritte-avatar-image_hidden___DPQBK_5-0-19","avatarImageHidden":"magritte-avatar-image_hidden___DPQBK_5-0-19","avatar_with-online-badge-24":"magritte-avatar_with-online-badge-24___helkM_5-0-19","avatarWithOnlineBadge24":"magritte-avatar_with-online-badge-24___helkM_5-0-19","avatar-online-badge-24":"magritte-avatar-online-badge-24___mjPKB_5-0-19","avatarOnlineBadge24":"magritte-avatar-online-badge-24___mjPKB_5-0-19","avatar-focus-border-24":"magritte-avatar-focus-border-24___wnJnb_5-0-19","avatarFocusBorder24":"magritte-avatar-focus-border-24___wnJnb_5-0-19","avatar_with-online-badge-40":"magritte-avatar_with-online-badge-40___Tckho_5-0-19","avatarWithOnlineBadge40":"magritte-avatar_with-online-badge-40___Tckho_5-0-19","avatar-online-badge-40":"magritte-avatar-online-badge-40___HRNTS_5-0-19","avatarOnlineBadge40":"magritte-avatar-online-badge-40___HRNTS_5-0-19","avatar-focus-border-40":"magritte-avatar-focus-border-40___Qn9NL_5-0-19","avatarFocusBorder40":"magritte-avatar-focus-border-40___Qn9NL_5-0-19","avatar_with-online-badge-48":"magritte-avatar_with-online-badge-48___BmWaC_5-0-19","avatarWithOnlineBadge48":"magritte-avatar_with-online-badge-48___BmWaC_5-0-19","avatar-online-badge-48":"magritte-avatar-online-badge-48___qPmD8_5-0-19","avatarOnlineBadge48":"magritte-avatar-online-badge-48___qPmD8_5-0-19","avatar-focus-border-48":"magritte-avatar-focus-border-48___Bc-lN_5-0-19","avatarFocusBorder48":"magritte-avatar-focus-border-48___Bc-lN_5-0-19","avatar_with-online-badge-96":"magritte-avatar_with-online-badge-96___r4E42_5-0-19","avatarWithOnlineBadge96":"magritte-avatar_with-online-badge-96___r4E42_5-0-19","avatar-online-badge-96":"magritte-avatar-online-badge-96___d6bm-_5-0-19","avatarOnlineBadge96":"magritte-avatar-online-badge-96___d6bm-_5-0-19","avatar-focus-border-96":"magritte-avatar-focus-border-96___TVpd0_5-0-19","avatarFocusBorder96":"magritte-avatar-focus-border-96___TVpd0_5-0-19","avatar_with-online-badge-208":"magritte-avatar_with-online-badge-208___AS6Lk_5-0-19","avatarWithOnlineBadge208":"magritte-avatar_with-online-badge-208___AS6Lk_5-0-19","avatar-online-badge-208":"magritte-avatar-online-badge-208___m4hXQ_5-0-19","avatarOnlineBadge208":"magritte-avatar-online-badge-208___m4hXQ_5-0-19","avatar-focus-border-208":"magritte-avatar-focus-border-208___V6We2_5-0-19","avatarFocusBorder208":"magritte-avatar-focus-border-208___V6We2_5-0-19"};
|
|
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-U-xqNx9I.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton-
|
|
1
|
+
{"version":3,"file":"Skeleton-U-xqNx9I.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-U-xqNx9I.js';
|
|
6
6
|
//# sourceMappingURL=Skeleton.js.map
|
package/index.css
CHANGED
|
@@ -601,14 +601,14 @@
|
|
|
601
601
|
--magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
|
|
602
602
|
--magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
|
|
603
603
|
}
|
|
604
|
-
.magritte-avatar-container___jBkeI_5-0-
|
|
604
|
+
.magritte-avatar-container___jBkeI_5-0-19{
|
|
605
605
|
position:relative;
|
|
606
606
|
}
|
|
607
|
-
.magritte-avatar-container_disabled___EkG4l_5-0-
|
|
607
|
+
.magritte-avatar-container_disabled___EkG4l_5-0-19{
|
|
608
608
|
pointer-events:none;
|
|
609
609
|
opacity:var(--magritte-semantic-opacity-disabled-v20-1-0);
|
|
610
610
|
}
|
|
611
|
-
.magritte-avatar___x--BK_5-0-
|
|
611
|
+
.magritte-avatar___x--BK_5-0-19{
|
|
612
612
|
display:flex;
|
|
613
613
|
align-items:center;
|
|
614
614
|
justify-content:center;
|
|
@@ -624,21 +624,21 @@
|
|
|
624
624
|
--magritte-ui-avatar-placeholder-city:var(--magritte-color-base-white-v20-1-0);
|
|
625
625
|
--magritte-ui-avatar-placeholder-shadow-city:var(--magritte-color-base-graphite-90-v20-1-0);
|
|
626
626
|
}
|
|
627
|
-
.magritte-avatar___x--BK_5-0-
|
|
627
|
+
.magritte-avatar___x--BK_5-0-19:not(div){
|
|
628
628
|
cursor:pointer;
|
|
629
629
|
}
|
|
630
|
-
.magritte-avatar___x--BK_5-0-
|
|
630
|
+
.magritte-avatar___x--BK_5-0-19:focus{
|
|
631
631
|
outline:none;
|
|
632
632
|
}
|
|
633
|
-
.magritte-avatar___x--BK_5-0-
|
|
633
|
+
.magritte-avatar___x--BK_5-0-19.focus-visible{
|
|
634
634
|
outline:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
|
|
635
635
|
}
|
|
636
|
-
.magritte-avatar___x--BK_5-0-
|
|
636
|
+
.magritte-avatar___x--BK_5-0-19:not(div):active{
|
|
637
637
|
transform:scale(var(--magritte-semantic-scale-pressed-v20-1-0));
|
|
638
638
|
transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v20-1-0);
|
|
639
639
|
transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v20-1-0);
|
|
640
640
|
}
|
|
641
|
-
.magritte-avatar___x--BK_5-0-
|
|
641
|
+
.magritte-avatar___x--BK_5-0-19::after{
|
|
642
642
|
content:'';
|
|
643
643
|
top:0;
|
|
644
644
|
left:0;
|
|
@@ -646,7 +646,7 @@
|
|
|
646
646
|
width:100%;
|
|
647
647
|
height:100%;
|
|
648
648
|
}
|
|
649
|
-
.magritte-night-theme .magritte-avatar___x--BK_5-0-
|
|
649
|
+
.magritte-night-theme .magritte-avatar___x--BK_5-0-19{
|
|
650
650
|
--magritte-ui-avatar-placeholder-background:var(--magritte-color-base-gray-10-v20-1-0);
|
|
651
651
|
--magritte-ui-avatar-placeholder-body:var(--magritte-color-base-gray-50-v20-1-0);
|
|
652
652
|
--magritte-ui-avatar-placeholder-clothes:var(--magritte-color-base-gray-40-v20-1-0);
|
|
@@ -656,159 +656,159 @@
|
|
|
656
656
|
--magritte-ui-avatar-placeholder-city:var(--magritte-color-base-gray-50-v20-1-0);
|
|
657
657
|
--magritte-ui-avatar-placeholder-shadow-city:var(--magritte-color-base-gray-30-v20-1-0);
|
|
658
658
|
}
|
|
659
|
-
.magritte-avatar-container_size-24___f6DH2_5-0-
|
|
660
|
-
.magritte-avatar-skeleton-24___9hUuj_5-0-
|
|
661
|
-
.magritte-avatar_size-24___0dAId_5-0-
|
|
659
|
+
.magritte-avatar-container_size-24___f6DH2_5-0-19,
|
|
660
|
+
.magritte-avatar-skeleton-24___9hUuj_5-0-19,
|
|
661
|
+
.magritte-avatar_size-24___0dAId_5-0-19{
|
|
662
662
|
width:24px;
|
|
663
663
|
height:24px;
|
|
664
664
|
border-radius:var(--magritte-static-border-radius-200-v20-1-0);
|
|
665
665
|
}
|
|
666
|
-
.magritte-avatar-container_size-24___f6DH2_5-0-
|
|
667
|
-
.magritte-avatar-skeleton-24___9hUuj_5-0-
|
|
668
|
-
.magritte-avatar_size-24___0dAId_5-0-
|
|
666
|
+
.magritte-avatar-container_size-24___f6DH2_5-0-19:after,
|
|
667
|
+
.magritte-avatar-skeleton-24___9hUuj_5-0-19:after,
|
|
668
|
+
.magritte-avatar_size-24___0dAId_5-0-19:after{
|
|
669
669
|
border-radius:var(--magritte-static-border-radius-200-v20-1-0);
|
|
670
670
|
}
|
|
671
|
-
.magritte-avatar-container_size-40___mVeBD_5-0-
|
|
672
|
-
.magritte-avatar-skeleton-40___ZN6a7_5-0-
|
|
673
|
-
.magritte-avatar_size-40___zj3fM_5-0-
|
|
671
|
+
.magritte-avatar-container_size-40___mVeBD_5-0-19,
|
|
672
|
+
.magritte-avatar-skeleton-40___ZN6a7_5-0-19,
|
|
673
|
+
.magritte-avatar_size-40___zj3fM_5-0-19{
|
|
674
674
|
width:40px;
|
|
675
675
|
height:40px;
|
|
676
676
|
border-radius:var(--magritte-static-border-radius-300-v20-1-0);
|
|
677
677
|
}
|
|
678
|
-
.magritte-avatar-container_size-40___mVeBD_5-0-
|
|
679
|
-
.magritte-avatar-skeleton-40___ZN6a7_5-0-
|
|
680
|
-
.magritte-avatar_size-40___zj3fM_5-0-
|
|
678
|
+
.magritte-avatar-container_size-40___mVeBD_5-0-19:after,
|
|
679
|
+
.magritte-avatar-skeleton-40___ZN6a7_5-0-19:after,
|
|
680
|
+
.magritte-avatar_size-40___zj3fM_5-0-19:after{
|
|
681
681
|
border-radius:var(--magritte-static-border-radius-300-v20-1-0);
|
|
682
682
|
}
|
|
683
|
-
.magritte-avatar-container_size-48___pflud_5-0-
|
|
684
|
-
.magritte-avatar-skeleton-48___CC-af_5-0-
|
|
685
|
-
.magritte-avatar_size-48___JzITc_5-0-
|
|
683
|
+
.magritte-avatar-container_size-48___pflud_5-0-19,
|
|
684
|
+
.magritte-avatar-skeleton-48___CC-af_5-0-19,
|
|
685
|
+
.magritte-avatar_size-48___JzITc_5-0-19{
|
|
686
686
|
width:48px;
|
|
687
687
|
height:48px;
|
|
688
688
|
border-radius:var(--magritte-static-border-radius-300-v20-1-0);
|
|
689
689
|
}
|
|
690
|
-
.magritte-avatar-container_size-48___pflud_5-0-
|
|
691
|
-
.magritte-avatar-skeleton-48___CC-af_5-0-
|
|
692
|
-
.magritte-avatar_size-48___JzITc_5-0-
|
|
690
|
+
.magritte-avatar-container_size-48___pflud_5-0-19:after,
|
|
691
|
+
.magritte-avatar-skeleton-48___CC-af_5-0-19:after,
|
|
692
|
+
.magritte-avatar_size-48___JzITc_5-0-19:after{
|
|
693
693
|
border-radius:var(--magritte-static-border-radius-300-v20-1-0);
|
|
694
694
|
}
|
|
695
|
-
.magritte-avatar-container_size-96___Up8Hn_5-0-
|
|
696
|
-
.magritte-avatar-skeleton-96___qYG-Z_5-0-
|
|
697
|
-
.magritte-avatar_size-96___5SeO2_5-0-
|
|
695
|
+
.magritte-avatar-container_size-96___Up8Hn_5-0-19,
|
|
696
|
+
.magritte-avatar-skeleton-96___qYG-Z_5-0-19,
|
|
697
|
+
.magritte-avatar_size-96___5SeO2_5-0-19{
|
|
698
698
|
width:96px;
|
|
699
699
|
height:96px;
|
|
700
700
|
border-radius:var(--magritte-static-border-radius-600-v20-1-0);
|
|
701
701
|
}
|
|
702
|
-
.magritte-avatar-container_size-96___Up8Hn_5-0-
|
|
703
|
-
.magritte-avatar-skeleton-96___qYG-Z_5-0-
|
|
704
|
-
.magritte-avatar_size-96___5SeO2_5-0-
|
|
702
|
+
.magritte-avatar-container_size-96___Up8Hn_5-0-19:after,
|
|
703
|
+
.magritte-avatar-skeleton-96___qYG-Z_5-0-19:after,
|
|
704
|
+
.magritte-avatar_size-96___5SeO2_5-0-19:after{
|
|
705
705
|
border-radius:var(--magritte-static-border-radius-600-v20-1-0);
|
|
706
706
|
}
|
|
707
|
-
.magritte-avatar-container_size-208___k7SkJ_5-0-
|
|
708
|
-
.magritte-avatar-skeleton-208___ybqJw_5-0-
|
|
709
|
-
.magritte-avatar_size-208___rzfu3_5-0-
|
|
707
|
+
.magritte-avatar-container_size-208___k7SkJ_5-0-19,
|
|
708
|
+
.magritte-avatar-skeleton-208___ybqJw_5-0-19,
|
|
709
|
+
.magritte-avatar_size-208___rzfu3_5-0-19{
|
|
710
710
|
width:208px;
|
|
711
711
|
height:208px;
|
|
712
712
|
border-radius:var(--magritte-static-border-radius-200-v20-1-0);
|
|
713
713
|
}
|
|
714
|
-
.magritte-avatar-container_size-208___k7SkJ_5-0-
|
|
715
|
-
.magritte-avatar-skeleton-208___ybqJw_5-0-
|
|
716
|
-
.magritte-avatar_size-208___rzfu3_5-0-
|
|
714
|
+
.magritte-avatar-container_size-208___k7SkJ_5-0-19:after,
|
|
715
|
+
.magritte-avatar-skeleton-208___ybqJw_5-0-19:after,
|
|
716
|
+
.magritte-avatar_size-208___rzfu3_5-0-19:after{
|
|
717
717
|
border-radius:var(--magritte-static-border-radius-200-v20-1-0);
|
|
718
718
|
}
|
|
719
|
-
.magritte-avatar_shape-circle___kEbru_5-0-
|
|
720
|
-
.magritte-avatar-skeleton-circle___rD1E0_5-0-
|
|
719
|
+
.magritte-avatar_shape-circle___kEbru_5-0-19,
|
|
720
|
+
.magritte-avatar-skeleton-circle___rD1E0_5-0-19{
|
|
721
721
|
border-radius:50%;
|
|
722
722
|
}
|
|
723
|
-
.magritte-avatar_shape-circle___kEbru_5-0-
|
|
724
|
-
.magritte-avatar-skeleton-circle___rD1E0_5-0-
|
|
723
|
+
.magritte-avatar_shape-circle___kEbru_5-0-19::after,
|
|
724
|
+
.magritte-avatar-skeleton-circle___rD1E0_5-0-19::after{
|
|
725
725
|
border-radius:50%;
|
|
726
726
|
}
|
|
727
|
-
.magritte-avatar_style-color-1___xXtkh_5-0-
|
|
727
|
+
.magritte-avatar_style-color-1___xXtkh_5-0-19{
|
|
728
728
|
background-color:var(--magritte-color-component-avatar-background-color-01-v20-1-0);
|
|
729
729
|
}
|
|
730
|
-
.magritte-avatar_style-color-2___JraJd_5-0-
|
|
730
|
+
.magritte-avatar_style-color-2___JraJd_5-0-19{
|
|
731
731
|
background-color:var(--magritte-color-component-avatar-background-color-02-v20-1-0);
|
|
732
732
|
}
|
|
733
|
-
.magritte-avatar_style-color-3___g29U3_5-0-
|
|
733
|
+
.magritte-avatar_style-color-3___g29U3_5-0-19{
|
|
734
734
|
background-color:var(--magritte-color-component-avatar-background-color-03-v20-1-0);
|
|
735
735
|
}
|
|
736
|
-
.magritte-avatar_style-color-4___pHhmj_5-0-
|
|
736
|
+
.magritte-avatar_style-color-4___pHhmj_5-0-19{
|
|
737
737
|
background-color:var(--magritte-color-component-avatar-background-color-04-v20-1-0);
|
|
738
738
|
}
|
|
739
|
-
.magritte-avatar_style-color-5___H9Ie3_5-0-
|
|
739
|
+
.magritte-avatar_style-color-5___H9Ie3_5-0-19{
|
|
740
740
|
background-color:var(--magritte-color-component-avatar-background-color-05-v20-1-0);
|
|
741
741
|
}
|
|
742
|
-
.magritte-avatar_style-color-6___oODXO_5-0-
|
|
742
|
+
.magritte-avatar_style-color-6___oODXO_5-0-19{
|
|
743
743
|
background-color:var(--magritte-color-component-avatar-background-color-06-v20-1-0);
|
|
744
744
|
}
|
|
745
|
-
.magritte-avatar_style-color-7___SfUBl_5-0-
|
|
745
|
+
.magritte-avatar_style-color-7___SfUBl_5-0-19{
|
|
746
746
|
background-color:var(--magritte-color-component-avatar-background-color-07-v20-1-0);
|
|
747
747
|
}
|
|
748
|
-
.magritte-avatar_style-color-8___rlI6h_5-0-
|
|
748
|
+
.magritte-avatar_style-color-8___rlI6h_5-0-19{
|
|
749
749
|
background-color:var(--magritte-color-component-avatar-background-color-08-v20-1-0);
|
|
750
750
|
}
|
|
751
|
-
.magritte-avatar_style-color-9___XQO4B_5-0-
|
|
751
|
+
.magritte-avatar_style-color-9___XQO4B_5-0-19{
|
|
752
752
|
background-color:var(--magritte-color-component-avatar-background-color-09-v20-1-0);
|
|
753
753
|
}
|
|
754
|
-
.magritte-avatar_style-primary___SvqU1_5-0-
|
|
754
|
+
.magritte-avatar_style-primary___SvqU1_5-0-19{
|
|
755
755
|
background-color:var(--magritte-color-background-primary-v20-1-0);
|
|
756
756
|
}
|
|
757
|
-
.magritte-avatar_style-secondary___C6MTH_5-0-
|
|
757
|
+
.magritte-avatar_style-secondary___C6MTH_5-0-19{
|
|
758
758
|
background-color:var(--magritte-color-background-secondary-v20-1-0);
|
|
759
759
|
}
|
|
760
|
-
.magritte-avatar_style-tertiary___3o-90_5-0-
|
|
760
|
+
.magritte-avatar_style-tertiary___3o-90_5-0-19{
|
|
761
761
|
background-color:var(--magritte-color-background-tertiary-v20-1-0);
|
|
762
762
|
}
|
|
763
|
-
.magritte-avatar_style-accent___LgPSo_5-0-
|
|
763
|
+
.magritte-avatar_style-accent___LgPSo_5-0-19{
|
|
764
764
|
background-color:var(--magritte-color-background-accent-secondary-v20-1-0);
|
|
765
765
|
}
|
|
766
|
-
.magritte-avatar_style-positive___bDzbE_5-0-
|
|
766
|
+
.magritte-avatar_style-positive___bDzbE_5-0-19{
|
|
767
767
|
background-color:var(--magritte-color-background-positive-secondary-v20-1-0);
|
|
768
768
|
}
|
|
769
|
-
.magritte-avatar_style-negative___xHHQb_5-0-
|
|
769
|
+
.magritte-avatar_style-negative___xHHQb_5-0-19{
|
|
770
770
|
background-color:var(--magritte-color-background-negative-secondary-v20-1-0);
|
|
771
771
|
}
|
|
772
|
-
.magritte-avatar_style-warning___7kKRS_5-0-
|
|
772
|
+
.magritte-avatar_style-warning___7kKRS_5-0-19{
|
|
773
773
|
background-color:var(--magritte-color-background-warning-secondary-v20-1-0);
|
|
774
774
|
}
|
|
775
|
-
.magritte-avatar_style-special___gLmS0_5-0-
|
|
775
|
+
.magritte-avatar_style-special___gLmS0_5-0-19{
|
|
776
776
|
background-color:var(--magritte-color-background-special-secondary-v20-1-0);
|
|
777
777
|
}
|
|
778
|
-
.magritte-avatar_style-contrast___zHyp-_5-0-
|
|
778
|
+
.magritte-avatar_style-contrast___zHyp-_5-0-19{
|
|
779
779
|
background-color:var(--magritte-color-background-constant-v20-1-0);
|
|
780
780
|
}
|
|
781
|
-
.magritte-avatar_mode-image___02zr1_5-0-
|
|
781
|
+
.magritte-avatar_mode-image___02zr1_5-0-19::after{
|
|
782
782
|
box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v20-1-0) var(--magritte-color-component-avatar-stroke-image-v20-1-0);
|
|
783
783
|
}
|
|
784
|
-
.magritte-avatar_mode-letters___ot4qB_5-0-
|
|
784
|
+
.magritte-avatar_mode-letters___ot4qB_5-0-19::after{
|
|
785
785
|
box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v20-1-0) var(--magritte-color-component-avatar-stroke-letters-v20-1-0);
|
|
786
786
|
}
|
|
787
|
-
.magritte-avatar_mode-icon___MYrlv_5-0-
|
|
787
|
+
.magritte-avatar_mode-icon___MYrlv_5-0-19::after{
|
|
788
788
|
box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v20-1-0) var(--magritte-color-component-avatar-stroke-icon-v20-1-0);
|
|
789
789
|
}
|
|
790
|
-
.magritte-avatar_mode-placeholder___6hOu7_5-0-
|
|
790
|
+
.magritte-avatar_mode-placeholder___6hOu7_5-0-19::after{
|
|
791
791
|
box-shadow:inset 0 0 0 var(--magritte-semantic-border-width-default-v20-1-0) var(--magritte-color-component-avatar-stroke-placeholder-v20-1-0);
|
|
792
792
|
}
|
|
793
|
-
.magritte-avatar-image___05p9Z_5-0-
|
|
793
|
+
.magritte-avatar-image___05p9Z_5-0-19{
|
|
794
794
|
object-fit:cover;
|
|
795
795
|
width:100%;
|
|
796
796
|
height:100%;
|
|
797
797
|
}
|
|
798
|
-
.magritte-avatar-image_hidden___DPQBK_5-0-
|
|
798
|
+
.magritte-avatar-image_hidden___DPQBK_5-0-19{
|
|
799
799
|
display:none;
|
|
800
800
|
}
|
|
801
|
-
.magritte-avatar_with-online-badge-24___helkM_5-0-
|
|
801
|
+
.magritte-avatar_with-online-badge-24___helkM_5-0-19{
|
|
802
802
|
--transparent-area-mask:radial-gradient(circle at calc(100% - calc(6px / 2)) calc(100% - calc(6px / 2)), transparent calc(6px / 2 + 1px), #000 0);
|
|
803
803
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
804
804
|
mask-image:var(--transparent-area-mask);
|
|
805
805
|
}
|
|
806
|
-
.magritte-avatar_shape-circle___kEbru_5-0-
|
|
806
|
+
.magritte-avatar_shape-circle___kEbru_5-0-19.magritte-avatar_with-online-badge-24___helkM_5-0-19{
|
|
807
807
|
--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);
|
|
808
808
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
809
809
|
mask-image:var(--transparent-area-mask);
|
|
810
810
|
}
|
|
811
|
-
.magritte-avatar-online-badge-24___mjPKB_5-0-
|
|
811
|
+
.magritte-avatar-online-badge-24___mjPKB_5-0-19{
|
|
812
812
|
position:absolute;
|
|
813
813
|
background-color:var(--magritte-color-component-avatar-online-content-v20-1-0);
|
|
814
814
|
border-radius:50%;
|
|
@@ -817,7 +817,7 @@
|
|
|
817
817
|
right:0px;
|
|
818
818
|
bottom:0px;
|
|
819
819
|
}
|
|
820
|
-
.magritte-avatar_shape-circle___kEbru_5-0-
|
|
820
|
+
.magritte-avatar_shape-circle___kEbru_5-0-19 ~ .magritte-avatar-online-badge-24___mjPKB_5-0-19{
|
|
821
821
|
position:absolute;
|
|
822
822
|
background-color:var(--magritte-color-component-avatar-online-content-v20-1-0);
|
|
823
823
|
border-radius:50%;
|
|
@@ -826,7 +826,7 @@
|
|
|
826
826
|
right:0px;
|
|
827
827
|
bottom:0px;
|
|
828
828
|
}
|
|
829
|
-
.magritte-avatar___x--BK_5-0-
|
|
829
|
+
.magritte-avatar___x--BK_5-0-19.focus-visible + .magritte-avatar-focus-border-24___wnJnb_5-0-19{
|
|
830
830
|
--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);
|
|
831
831
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
832
832
|
mask-image:var(--transparent-area-mask);
|
|
@@ -838,7 +838,7 @@
|
|
|
838
838
|
border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
|
|
839
839
|
border-radius:calc(var(--magritte-static-border-radius-200-v20-1-0) + 4px);
|
|
840
840
|
}
|
|
841
|
-
.magritte-avatar___x--BK_5-0-
|
|
841
|
+
.magritte-avatar___x--BK_5-0-19.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-19 + .magritte-avatar-focus-border-24___wnJnb_5-0-19{
|
|
842
842
|
--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);
|
|
843
843
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
844
844
|
mask-image:var(--transparent-area-mask);
|
|
@@ -850,17 +850,17 @@
|
|
|
850
850
|
border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
|
|
851
851
|
border-radius:50%;
|
|
852
852
|
}
|
|
853
|
-
.magritte-avatar_with-online-badge-40___Tckho_5-0-
|
|
853
|
+
.magritte-avatar_with-online-badge-40___Tckho_5-0-19{
|
|
854
854
|
--transparent-area-mask:radial-gradient(circle at calc(100% - calc(8px / 2)) calc(100% - calc(8px / 2)), transparent calc(8px / 2 + 2px), #000 0);
|
|
855
855
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
856
856
|
mask-image:var(--transparent-area-mask);
|
|
857
857
|
}
|
|
858
|
-
.magritte-avatar_shape-circle___kEbru_5-0-
|
|
858
|
+
.magritte-avatar_shape-circle___kEbru_5-0-19.magritte-avatar_with-online-badge-40___Tckho_5-0-19{
|
|
859
859
|
--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);
|
|
860
860
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
861
861
|
mask-image:var(--transparent-area-mask);
|
|
862
862
|
}
|
|
863
|
-
.magritte-avatar-online-badge-40___HRNTS_5-0-
|
|
863
|
+
.magritte-avatar-online-badge-40___HRNTS_5-0-19{
|
|
864
864
|
position:absolute;
|
|
865
865
|
background-color:var(--magritte-color-component-avatar-online-content-v20-1-0);
|
|
866
866
|
border-radius:50%;
|
|
@@ -869,7 +869,7 @@
|
|
|
869
869
|
right:0px;
|
|
870
870
|
bottom:0px;
|
|
871
871
|
}
|
|
872
|
-
.magritte-avatar_shape-circle___kEbru_5-0-
|
|
872
|
+
.magritte-avatar_shape-circle___kEbru_5-0-19 ~ .magritte-avatar-online-badge-40___HRNTS_5-0-19{
|
|
873
873
|
position:absolute;
|
|
874
874
|
background-color:var(--magritte-color-component-avatar-online-content-v20-1-0);
|
|
875
875
|
border-radius:50%;
|
|
@@ -878,7 +878,7 @@
|
|
|
878
878
|
right:2px;
|
|
879
879
|
bottom:2px;
|
|
880
880
|
}
|
|
881
|
-
.magritte-avatar___x--BK_5-0-
|
|
881
|
+
.magritte-avatar___x--BK_5-0-19.focus-visible + .magritte-avatar-focus-border-40___Qn9NL_5-0-19{
|
|
882
882
|
--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);
|
|
883
883
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
884
884
|
mask-image:var(--transparent-area-mask);
|
|
@@ -890,7 +890,7 @@
|
|
|
890
890
|
border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
|
|
891
891
|
border-radius:calc(var(--magritte-static-border-radius-300-v20-1-0) + 4px);
|
|
892
892
|
}
|
|
893
|
-
.magritte-avatar___x--BK_5-0-
|
|
893
|
+
.magritte-avatar___x--BK_5-0-19.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-19 + .magritte-avatar-focus-border-40___Qn9NL_5-0-19{
|
|
894
894
|
--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);
|
|
895
895
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
896
896
|
mask-image:var(--transparent-area-mask);
|
|
@@ -902,17 +902,17 @@
|
|
|
902
902
|
border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
|
|
903
903
|
border-radius:50%;
|
|
904
904
|
}
|
|
905
|
-
.magritte-avatar_with-online-badge-48___BmWaC_5-0-
|
|
905
|
+
.magritte-avatar_with-online-badge-48___BmWaC_5-0-19{
|
|
906
906
|
--transparent-area-mask:radial-gradient(circle at calc(100% - calc(8px / 2)) calc(100% - calc(8px / 2)), transparent calc(8px / 2 + 2px), #000 0);
|
|
907
907
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
908
908
|
mask-image:var(--transparent-area-mask);
|
|
909
909
|
}
|
|
910
|
-
.magritte-avatar_shape-circle___kEbru_5-0-
|
|
910
|
+
.magritte-avatar_shape-circle___kEbru_5-0-19.magritte-avatar_with-online-badge-48___BmWaC_5-0-19{
|
|
911
911
|
--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);
|
|
912
912
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
913
913
|
mask-image:var(--transparent-area-mask);
|
|
914
914
|
}
|
|
915
|
-
.magritte-avatar-online-badge-48___qPmD8_5-0-
|
|
915
|
+
.magritte-avatar-online-badge-48___qPmD8_5-0-19{
|
|
916
916
|
position:absolute;
|
|
917
917
|
background-color:var(--magritte-color-component-avatar-online-content-v20-1-0);
|
|
918
918
|
border-radius:50%;
|
|
@@ -921,7 +921,7 @@
|
|
|
921
921
|
right:0px;
|
|
922
922
|
bottom:0px;
|
|
923
923
|
}
|
|
924
|
-
.magritte-avatar_shape-circle___kEbru_5-0-
|
|
924
|
+
.magritte-avatar_shape-circle___kEbru_5-0-19 ~ .magritte-avatar-online-badge-48___qPmD8_5-0-19{
|
|
925
925
|
position:absolute;
|
|
926
926
|
background-color:var(--magritte-color-component-avatar-online-content-v20-1-0);
|
|
927
927
|
border-radius:50%;
|
|
@@ -930,7 +930,7 @@
|
|
|
930
930
|
right:3px;
|
|
931
931
|
bottom:3px;
|
|
932
932
|
}
|
|
933
|
-
.magritte-avatar___x--BK_5-0-
|
|
933
|
+
.magritte-avatar___x--BK_5-0-19.focus-visible + .magritte-avatar-focus-border-48___Bc-lN_5-0-19{
|
|
934
934
|
--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);
|
|
935
935
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
936
936
|
mask-image:var(--transparent-area-mask);
|
|
@@ -942,7 +942,7 @@
|
|
|
942
942
|
border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
|
|
943
943
|
border-radius:calc(var(--magritte-static-border-radius-300-v20-1-0) + 4px);
|
|
944
944
|
}
|
|
945
|
-
.magritte-avatar___x--BK_5-0-
|
|
945
|
+
.magritte-avatar___x--BK_5-0-19.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-19 + .magritte-avatar-focus-border-48___Bc-lN_5-0-19{
|
|
946
946
|
--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);
|
|
947
947
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
948
948
|
mask-image:var(--transparent-area-mask);
|
|
@@ -954,17 +954,17 @@
|
|
|
954
954
|
border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
|
|
955
955
|
border-radius:50%;
|
|
956
956
|
}
|
|
957
|
-
.magritte-avatar_with-online-badge-96___r4E42_5-0-
|
|
957
|
+
.magritte-avatar_with-online-badge-96___r4E42_5-0-19{
|
|
958
958
|
--transparent-area-mask:radial-gradient(circle at calc(100% - calc(12px / 2)) calc(100% - calc(12px / 2)), transparent calc(12px / 2 + 2px), #000 0);
|
|
959
959
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
960
960
|
mask-image:var(--transparent-area-mask);
|
|
961
961
|
}
|
|
962
|
-
.magritte-avatar_shape-circle___kEbru_5-0-
|
|
962
|
+
.magritte-avatar_shape-circle___kEbru_5-0-19.magritte-avatar_with-online-badge-96___r4E42_5-0-19{
|
|
963
963
|
--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);
|
|
964
964
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
965
965
|
mask-image:var(--transparent-area-mask);
|
|
966
966
|
}
|
|
967
|
-
.magritte-avatar-online-badge-96___d6bm-_5-0-
|
|
967
|
+
.magritte-avatar-online-badge-96___d6bm-_5-0-19{
|
|
968
968
|
position:absolute;
|
|
969
969
|
background-color:var(--magritte-color-component-avatar-online-content-v20-1-0);
|
|
970
970
|
border-radius:50%;
|
|
@@ -973,7 +973,7 @@
|
|
|
973
973
|
right:0px;
|
|
974
974
|
bottom:0px;
|
|
975
975
|
}
|
|
976
|
-
.magritte-avatar_shape-circle___kEbru_5-0-
|
|
976
|
+
.magritte-avatar_shape-circle___kEbru_5-0-19 ~ .magritte-avatar-online-badge-96___d6bm-_5-0-19{
|
|
977
977
|
position:absolute;
|
|
978
978
|
background-color:var(--magritte-color-component-avatar-online-content-v20-1-0);
|
|
979
979
|
border-radius:50%;
|
|
@@ -982,7 +982,7 @@
|
|
|
982
982
|
right:8px;
|
|
983
983
|
bottom:8px;
|
|
984
984
|
}
|
|
985
|
-
.magritte-avatar___x--BK_5-0-
|
|
985
|
+
.magritte-avatar___x--BK_5-0-19.focus-visible + .magritte-avatar-focus-border-96___TVpd0_5-0-19{
|
|
986
986
|
--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);
|
|
987
987
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
988
988
|
mask-image:var(--transparent-area-mask);
|
|
@@ -994,7 +994,7 @@
|
|
|
994
994
|
border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
|
|
995
995
|
border-radius:calc(var(--magritte-static-border-radius-600-v20-1-0) + 4px);
|
|
996
996
|
}
|
|
997
|
-
.magritte-avatar___x--BK_5-0-
|
|
997
|
+
.magritte-avatar___x--BK_5-0-19.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-19 + .magritte-avatar-focus-border-96___TVpd0_5-0-19{
|
|
998
998
|
--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);
|
|
999
999
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
1000
1000
|
mask-image:var(--transparent-area-mask);
|
|
@@ -1006,17 +1006,17 @@
|
|
|
1006
1006
|
border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
|
|
1007
1007
|
border-radius:50%;
|
|
1008
1008
|
}
|
|
1009
|
-
.magritte-avatar_with-online-badge-208___AS6Lk_5-0-
|
|
1009
|
+
.magritte-avatar_with-online-badge-208___AS6Lk_5-0-19{
|
|
1010
1010
|
--transparent-area-mask:radial-gradient(circle at calc(100% - calc(12px / 2)) calc(100% - calc(12px / 2)), transparent calc(12px / 2 + 2px), #000 0);
|
|
1011
1011
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
1012
1012
|
mask-image:var(--transparent-area-mask);
|
|
1013
1013
|
}
|
|
1014
|
-
.magritte-avatar_shape-circle___kEbru_5-0-
|
|
1014
|
+
.magritte-avatar_shape-circle___kEbru_5-0-19.magritte-avatar_with-online-badge-208___AS6Lk_5-0-19{
|
|
1015
1015
|
--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);
|
|
1016
1016
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
1017
1017
|
mask-image:var(--transparent-area-mask);
|
|
1018
1018
|
}
|
|
1019
|
-
.magritte-avatar-online-badge-208___m4hXQ_5-0-
|
|
1019
|
+
.magritte-avatar-online-badge-208___m4hXQ_5-0-19{
|
|
1020
1020
|
position:absolute;
|
|
1021
1021
|
background-color:var(--magritte-color-component-avatar-online-content-v20-1-0);
|
|
1022
1022
|
border-radius:50%;
|
|
@@ -1025,7 +1025,7 @@
|
|
|
1025
1025
|
right:0px;
|
|
1026
1026
|
bottom:0px;
|
|
1027
1027
|
}
|
|
1028
|
-
.magritte-avatar_shape-circle___kEbru_5-0-
|
|
1028
|
+
.magritte-avatar_shape-circle___kEbru_5-0-19 ~ .magritte-avatar-online-badge-208___m4hXQ_5-0-19{
|
|
1029
1029
|
position:absolute;
|
|
1030
1030
|
background-color:var(--magritte-color-component-avatar-online-content-v20-1-0);
|
|
1031
1031
|
border-radius:50%;
|
|
@@ -1034,7 +1034,7 @@
|
|
|
1034
1034
|
right:25px;
|
|
1035
1035
|
bottom:25px;
|
|
1036
1036
|
}
|
|
1037
|
-
.magritte-avatar___x--BK_5-0-
|
|
1037
|
+
.magritte-avatar___x--BK_5-0-19.focus-visible + .magritte-avatar-focus-border-208___V6We2_5-0-19{
|
|
1038
1038
|
--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);
|
|
1039
1039
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
1040
1040
|
mask-image:var(--transparent-area-mask);
|
|
@@ -1046,7 +1046,7 @@
|
|
|
1046
1046
|
border:4px solid var(--magritte-color-component-avatar-stroke-state-focused-accessible-v20-1-0);
|
|
1047
1047
|
border-radius:calc(var(--magritte-static-border-radius-200-v20-1-0) + 4px);
|
|
1048
1048
|
}
|
|
1049
|
-
.magritte-avatar___x--BK_5-0-
|
|
1049
|
+
.magritte-avatar___x--BK_5-0-19.focus-visible.magritte-avatar_shape-circle___kEbru_5-0-19 + .magritte-avatar-focus-border-208___V6We2_5-0-19{
|
|
1050
1050
|
--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);
|
|
1051
1051
|
-webkit-mask-image:var(--transparent-area-mask);
|
|
1052
1052
|
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-
|
|
12
|
+
import './Skeleton-U-xqNx9I.js';
|
|
13
13
|
import '@hh.ru/magritte-ui-skeleton';
|
|
14
14
|
import './utils.js';
|
|
15
15
|
import '@hh.ru/magritte-ui-typography/BaseText';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hh.ru/magritte-ui-avatar",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.19",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -22,11 +22,11 @@
|
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@hh.ru/magritte-common-use-disabled": "1.0.10",
|
|
24
24
|
"@hh.ru/magritte-design-tokens": "20.1.0",
|
|
25
|
-
"@hh.ru/magritte-types": "5.0.
|
|
25
|
+
"@hh.ru/magritte-types": "5.0.1",
|
|
26
26
|
"@hh.ru/magritte-ui-mock-component": "1.0.12",
|
|
27
|
-
"@hh.ru/magritte-ui-skeleton": "2.1.
|
|
27
|
+
"@hh.ru/magritte-ui-skeleton": "2.1.20",
|
|
28
28
|
"@hh.ru/magritte-ui-theme-provider": "1.1.35",
|
|
29
|
-
"@hh.ru/magritte-ui-typography": "3.0.
|
|
29
|
+
"@hh.ru/magritte-ui-typography": "3.0.25"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"classnames": ">=2.3.2",
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"publishConfig": {
|
|
36
36
|
"access": "public"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "57867dfe289f03cc69932c1de56a3eba0e25a9b4"
|
|
39
39
|
}
|
package/Skeleton-D7TuOmCZ.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-18","avatarContainer":"magritte-avatar-container___jBkeI_5-0-18","avatar-container_disabled":"magritte-avatar-container_disabled___EkG4l_5-0-18","avatarContainerDisabled":"magritte-avatar-container_disabled___EkG4l_5-0-18","avatar":"magritte-avatar___x--BK_5-0-18","avatar-container_size-24":"magritte-avatar-container_size-24___f6DH2_5-0-18","avatarContainerSize24":"magritte-avatar-container_size-24___f6DH2_5-0-18","avatar-skeleton-24":"magritte-avatar-skeleton-24___9hUuj_5-0-18","avatarSkeleton24":"magritte-avatar-skeleton-24___9hUuj_5-0-18","avatar_size-24":"magritte-avatar_size-24___0dAId_5-0-18","avatarSize24":"magritte-avatar_size-24___0dAId_5-0-18","avatar-container_size-40":"magritte-avatar-container_size-40___mVeBD_5-0-18","avatarContainerSize40":"magritte-avatar-container_size-40___mVeBD_5-0-18","avatar-skeleton-40":"magritte-avatar-skeleton-40___ZN6a7_5-0-18","avatarSkeleton40":"magritte-avatar-skeleton-40___ZN6a7_5-0-18","avatar_size-40":"magritte-avatar_size-40___zj3fM_5-0-18","avatarSize40":"magritte-avatar_size-40___zj3fM_5-0-18","avatar-container_size-48":"magritte-avatar-container_size-48___pflud_5-0-18","avatarContainerSize48":"magritte-avatar-container_size-48___pflud_5-0-18","avatar-skeleton-48":"magritte-avatar-skeleton-48___CC-af_5-0-18","avatarSkeleton48":"magritte-avatar-skeleton-48___CC-af_5-0-18","avatar_size-48":"magritte-avatar_size-48___JzITc_5-0-18","avatarSize48":"magritte-avatar_size-48___JzITc_5-0-18","avatar-container_size-96":"magritte-avatar-container_size-96___Up8Hn_5-0-18","avatarContainerSize96":"magritte-avatar-container_size-96___Up8Hn_5-0-18","avatar-skeleton-96":"magritte-avatar-skeleton-96___qYG-Z_5-0-18","avatarSkeleton96":"magritte-avatar-skeleton-96___qYG-Z_5-0-18","avatar_size-96":"magritte-avatar_size-96___5SeO2_5-0-18","avatarSize96":"magritte-avatar_size-96___5SeO2_5-0-18","avatar-container_size-208":"magritte-avatar-container_size-208___k7SkJ_5-0-18","avatarContainerSize208":"magritte-avatar-container_size-208___k7SkJ_5-0-18","avatar-skeleton-208":"magritte-avatar-skeleton-208___ybqJw_5-0-18","avatarSkeleton208":"magritte-avatar-skeleton-208___ybqJw_5-0-18","avatar_size-208":"magritte-avatar_size-208___rzfu3_5-0-18","avatarSize208":"magritte-avatar_size-208___rzfu3_5-0-18","avatar_shape-circle":"magritte-avatar_shape-circle___kEbru_5-0-18","avatarShapeCircle":"magritte-avatar_shape-circle___kEbru_5-0-18","avatar-skeleton-circle":"magritte-avatar-skeleton-circle___rD1E0_5-0-18","avatarSkeletonCircle":"magritte-avatar-skeleton-circle___rD1E0_5-0-18","avatar_style-color-1":"magritte-avatar_style-color-1___xXtkh_5-0-18","avatarStyleColor1":"magritte-avatar_style-color-1___xXtkh_5-0-18","avatar_style-color-2":"magritte-avatar_style-color-2___JraJd_5-0-18","avatarStyleColor2":"magritte-avatar_style-color-2___JraJd_5-0-18","avatar_style-color-3":"magritte-avatar_style-color-3___g29U3_5-0-18","avatarStyleColor3":"magritte-avatar_style-color-3___g29U3_5-0-18","avatar_style-color-4":"magritte-avatar_style-color-4___pHhmj_5-0-18","avatarStyleColor4":"magritte-avatar_style-color-4___pHhmj_5-0-18","avatar_style-color-5":"magritte-avatar_style-color-5___H9Ie3_5-0-18","avatarStyleColor5":"magritte-avatar_style-color-5___H9Ie3_5-0-18","avatar_style-color-6":"magritte-avatar_style-color-6___oODXO_5-0-18","avatarStyleColor6":"magritte-avatar_style-color-6___oODXO_5-0-18","avatar_style-color-7":"magritte-avatar_style-color-7___SfUBl_5-0-18","avatarStyleColor7":"magritte-avatar_style-color-7___SfUBl_5-0-18","avatar_style-color-8":"magritte-avatar_style-color-8___rlI6h_5-0-18","avatarStyleColor8":"magritte-avatar_style-color-8___rlI6h_5-0-18","avatar_style-color-9":"magritte-avatar_style-color-9___XQO4B_5-0-18","avatarStyleColor9":"magritte-avatar_style-color-9___XQO4B_5-0-18","avatar_style-primary":"magritte-avatar_style-primary___SvqU1_5-0-18","avatarStylePrimary":"magritte-avatar_style-primary___SvqU1_5-0-18","avatar_style-secondary":"magritte-avatar_style-secondary___C6MTH_5-0-18","avatarStyleSecondary":"magritte-avatar_style-secondary___C6MTH_5-0-18","avatar_style-tertiary":"magritte-avatar_style-tertiary___3o-90_5-0-18","avatarStyleTertiary":"magritte-avatar_style-tertiary___3o-90_5-0-18","avatar_style-accent":"magritte-avatar_style-accent___LgPSo_5-0-18","avatarStyleAccent":"magritte-avatar_style-accent___LgPSo_5-0-18","avatar_style-positive":"magritte-avatar_style-positive___bDzbE_5-0-18","avatarStylePositive":"magritte-avatar_style-positive___bDzbE_5-0-18","avatar_style-negative":"magritte-avatar_style-negative___xHHQb_5-0-18","avatarStyleNegative":"magritte-avatar_style-negative___xHHQb_5-0-18","avatar_style-warning":"magritte-avatar_style-warning___7kKRS_5-0-18","avatarStyleWarning":"magritte-avatar_style-warning___7kKRS_5-0-18","avatar_style-special":"magritte-avatar_style-special___gLmS0_5-0-18","avatarStyleSpecial":"magritte-avatar_style-special___gLmS0_5-0-18","avatar_style-contrast":"magritte-avatar_style-contrast___zHyp-_5-0-18","avatarStyleContrast":"magritte-avatar_style-contrast___zHyp-_5-0-18","avatar_mode-image":"magritte-avatar_mode-image___02zr1_5-0-18","avatarModeImage":"magritte-avatar_mode-image___02zr1_5-0-18","avatar_mode-letters":"magritte-avatar_mode-letters___ot4qB_5-0-18","avatarModeLetters":"magritte-avatar_mode-letters___ot4qB_5-0-18","avatar_mode-icon":"magritte-avatar_mode-icon___MYrlv_5-0-18","avatarModeIcon":"magritte-avatar_mode-icon___MYrlv_5-0-18","avatar_mode-placeholder":"magritte-avatar_mode-placeholder___6hOu7_5-0-18","avatarModePlaceholder":"magritte-avatar_mode-placeholder___6hOu7_5-0-18","avatar-image":"magritte-avatar-image___05p9Z_5-0-18","avatarImage":"magritte-avatar-image___05p9Z_5-0-18","avatar-image_hidden":"magritte-avatar-image_hidden___DPQBK_5-0-18","avatarImageHidden":"magritte-avatar-image_hidden___DPQBK_5-0-18","avatar_with-online-badge-24":"magritte-avatar_with-online-badge-24___helkM_5-0-18","avatarWithOnlineBadge24":"magritte-avatar_with-online-badge-24___helkM_5-0-18","avatar-online-badge-24":"magritte-avatar-online-badge-24___mjPKB_5-0-18","avatarOnlineBadge24":"magritte-avatar-online-badge-24___mjPKB_5-0-18","avatar-focus-border-24":"magritte-avatar-focus-border-24___wnJnb_5-0-18","avatarFocusBorder24":"magritte-avatar-focus-border-24___wnJnb_5-0-18","avatar_with-online-badge-40":"magritte-avatar_with-online-badge-40___Tckho_5-0-18","avatarWithOnlineBadge40":"magritte-avatar_with-online-badge-40___Tckho_5-0-18","avatar-online-badge-40":"magritte-avatar-online-badge-40___HRNTS_5-0-18","avatarOnlineBadge40":"magritte-avatar-online-badge-40___HRNTS_5-0-18","avatar-focus-border-40":"magritte-avatar-focus-border-40___Qn9NL_5-0-18","avatarFocusBorder40":"magritte-avatar-focus-border-40___Qn9NL_5-0-18","avatar_with-online-badge-48":"magritte-avatar_with-online-badge-48___BmWaC_5-0-18","avatarWithOnlineBadge48":"magritte-avatar_with-online-badge-48___BmWaC_5-0-18","avatar-online-badge-48":"magritte-avatar-online-badge-48___qPmD8_5-0-18","avatarOnlineBadge48":"magritte-avatar-online-badge-48___qPmD8_5-0-18","avatar-focus-border-48":"magritte-avatar-focus-border-48___Bc-lN_5-0-18","avatarFocusBorder48":"magritte-avatar-focus-border-48___Bc-lN_5-0-18","avatar_with-online-badge-96":"magritte-avatar_with-online-badge-96___r4E42_5-0-18","avatarWithOnlineBadge96":"magritte-avatar_with-online-badge-96___r4E42_5-0-18","avatar-online-badge-96":"magritte-avatar-online-badge-96___d6bm-_5-0-18","avatarOnlineBadge96":"magritte-avatar-online-badge-96___d6bm-_5-0-18","avatar-focus-border-96":"magritte-avatar-focus-border-96___TVpd0_5-0-18","avatarFocusBorder96":"magritte-avatar-focus-border-96___TVpd0_5-0-18","avatar_with-online-badge-208":"magritte-avatar_with-online-badge-208___AS6Lk_5-0-18","avatarWithOnlineBadge208":"magritte-avatar_with-online-badge-208___AS6Lk_5-0-18","avatar-online-badge-208":"magritte-avatar-online-badge-208___m4hXQ_5-0-18","avatarOnlineBadge208":"magritte-avatar-online-badge-208___m4hXQ_5-0-18","avatar-focus-border-208":"magritte-avatar-focus-border-208___V6We2_5-0-18","avatarFocusBorder208":"magritte-avatar-focus-border-208___V6We2_5-0-18"};
|
|
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-D7TuOmCZ.js.map
|