@fluentui/react-avatar 9.4.4 → 9.4.6
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/.swcrc +30 -0
- package/CHANGELOG.json +121 -1
- package/CHANGELOG.md +35 -2
- package/lib/Avatar.js.map +1 -1
- package/lib/AvatarGroup.js.map +1 -1
- package/lib/AvatarGroupItem.js.map +1 -1
- package/lib/AvatarGroupPopover.js.map +1 -1
- package/lib/components/Avatar/Avatar.js.map +1 -1
- package/lib/components/Avatar/Avatar.types.js.map +1 -1
- package/lib/components/Avatar/index.js.map +1 -1
- package/lib/components/Avatar/renderAvatar.js +1 -11
- package/lib/components/Avatar/renderAvatar.js.map +1 -1
- package/lib/components/Avatar/useAvatar.js +2 -2
- package/lib/components/Avatar/useAvatar.js.map +1 -1
- package/lib/components/Avatar/useAvatarStyles.js.map +1 -1
- package/lib/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/lib/components/AvatarGroup/AvatarGroup.types.js.map +1 -1
- package/lib/components/AvatarGroup/index.js.map +1 -1
- package/lib/components/AvatarGroup/renderAvatarGroup.js +1 -3
- package/lib/components/AvatarGroup/renderAvatarGroup.js.map +1 -1
- package/lib/components/AvatarGroup/useAvatarGroup.js +1 -0
- package/lib/components/AvatarGroup/useAvatarGroup.js.map +1 -1
- package/lib/components/AvatarGroup/useAvatarGroupContextValues.js.map +1 -1
- package/lib/components/AvatarGroup/useAvatarGroupStyles.js.map +1 -1
- package/lib/components/AvatarGroupItem/AvatarGroupItem.js.map +1 -1
- package/lib/components/AvatarGroupItem/AvatarGroupItem.types.js.map +1 -1
- package/lib/components/AvatarGroupItem/index.js.map +1 -1
- package/lib/components/AvatarGroupItem/renderAvatarGroupItem.js +1 -7
- package/lib/components/AvatarGroupItem/renderAvatarGroupItem.js.map +1 -1
- package/lib/components/AvatarGroupItem/useAvatarGroupItem.js +1 -0
- package/lib/components/AvatarGroupItem/useAvatarGroupItem.js.map +1 -1
- package/lib/components/AvatarGroupItem/useAvatarGroupItemStyles.js.map +1 -1
- package/lib/components/AvatarGroupPopover/AvatarGroupPopover.js +1 -0
- package/lib/components/AvatarGroupPopover/AvatarGroupPopover.js.map +1 -1
- package/lib/components/AvatarGroupPopover/AvatarGroupPopover.types.js +1 -1
- package/lib/components/AvatarGroupPopover/AvatarGroupPopover.types.js.map +1 -1
- package/lib/components/AvatarGroupPopover/index.js.map +1 -1
- package/lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js +3 -13
- package/lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +1 -1
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopover.js +4 -4
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopover.js.map +1 -1
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js.map +1 -1
- package/lib/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.js.map +1 -1
- package/lib/contexts/AvatarContext.js +2 -4
- package/lib/contexts/AvatarContext.js.map +1 -1
- package/lib/contexts/AvatarGroupContext.js.map +1 -1
- package/lib/contexts/index.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/utils/getInitials.js +5 -8
- package/lib/utils/getInitials.js.map +1 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/partitionAvatarGroupItems.js +3 -4
- package/lib/utils/partitionAvatarGroupItems.js.map +1 -1
- package/lib-commonjs/Avatar.js +5 -4
- package/lib-commonjs/Avatar.js.map +1 -1
- package/lib-commonjs/AvatarGroup.js +5 -4
- package/lib-commonjs/AvatarGroup.js.map +1 -1
- package/lib-commonjs/AvatarGroupItem.js +5 -4
- package/lib-commonjs/AvatarGroupItem.js.map +1 -1
- package/lib-commonjs/AvatarGroupPopover.js +5 -4
- package/lib-commonjs/AvatarGroupPopover.js.map +1 -1
- package/lib-commonjs/components/Avatar/Avatar.js +19 -17
- package/lib-commonjs/components/Avatar/Avatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/Avatar.types.js +3 -2
- package/lib-commonjs/components/Avatar/Avatar.types.js.map +1 -1
- package/lib-commonjs/components/Avatar/index.js +9 -8
- package/lib-commonjs/components/Avatar/index.js.map +1 -1
- package/lib-commonjs/components/Avatar/renderAvatar.js +13 -23
- package/lib-commonjs/components/Avatar/renderAvatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/useAvatar.js +186 -158
- package/lib-commonjs/components/Avatar/useAvatar.js.map +1 -1
- package/lib-commonjs/components/Avatar/useAvatarStyles.js +889 -510
- package/lib-commonjs/components/Avatar/useAvatarStyles.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/AvatarGroup.js +21 -23
- package/lib-commonjs/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/AvatarGroup.types.js +3 -2
- package/lib-commonjs/components/AvatarGroup/AvatarGroup.types.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/index.js +10 -9
- package/lib-commonjs/components/AvatarGroup/index.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.js +16 -21
- package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js +33 -33
- package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupContextValues.js +16 -17
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupContextValues.js.map +1 -1
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.js +47 -37
- package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.js +19 -21
- package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js +3 -2
- package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/index.js +9 -8
- package/lib-commonjs/components/AvatarGroupItem/index.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js +13 -22
- package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItem.js +59 -68
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItem.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.js +379 -224
- package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.js +21 -22
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.types.js +5 -2
- package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.types.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/index.js +9 -8
- package/lib-commonjs/components/AvatarGroupPopover/index.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/renderAvatarGroupPopover.js +19 -32
- package/lib-commonjs/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopover.js +89 -99
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopover.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js +15 -13
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js.map +1 -1
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.js +527 -272
- package/lib-commonjs/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.js.map +1 -1
- package/lib-commonjs/contexts/AvatarContext.js +18 -17
- package/lib-commonjs/contexts/AvatarContext.js.map +1 -1
- package/lib-commonjs/contexts/AvatarGroupContext.js +17 -12
- package/lib-commonjs/contexts/AvatarGroupContext.js.map +1 -1
- package/lib-commonjs/contexts/index.js +6 -5
- package/lib-commonjs/contexts/index.js.map +1 -1
- package/lib-commonjs/index.js +45 -172
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/getInitials.js +44 -60
- package/lib-commonjs/utils/getInitials.js.map +1 -1
- package/lib-commonjs/utils/index.js +14 -16
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/partitionAvatarGroupItems.js +25 -26
- package/lib-commonjs/utils/partitionAvatarGroupItems.js.map +1 -1
- package/package.json +14 -13
- package/lib-amd/Avatar.js +0 -6
- package/lib-amd/Avatar.js.map +0 -1
- package/lib-amd/AvatarGroup.js +0 -6
- package/lib-amd/AvatarGroup.js.map +0 -1
- package/lib-amd/AvatarGroupItem.js +0 -6
- package/lib-amd/AvatarGroupItem.js.map +0 -1
- package/lib-amd/AvatarGroupPopover.js +0 -6
- package/lib-amd/AvatarGroupPopover.js.map +0 -1
- package/lib-amd/components/Avatar/Avatar.js +0 -14
- package/lib-amd/components/Avatar/Avatar.js.map +0 -1
- package/lib-amd/components/Avatar/Avatar.types.js +0 -5
- package/lib-amd/components/Avatar/Avatar.types.js.map +0 -1
- package/lib-amd/components/Avatar/index.js +0 -10
- package/lib-amd/components/Avatar/index.js.map +0 -1
- package/lib-amd/components/Avatar/renderAvatar.js +0 -16
- package/lib-amd/components/Avatar/renderAvatar.js.map +0 -1
- package/lib-amd/components/Avatar/useAvatar.js +0 -178
- package/lib-amd/components/Avatar/useAvatar.js.map +0 -1
- package/lib-amd/components/Avatar/useAvatarStyles.js +0 -425
- package/lib-amd/components/Avatar/useAvatarStyles.js.map +0 -1
- package/lib-amd/components/AvatarGroup/AvatarGroup.js +0 -19
- package/lib-amd/components/AvatarGroup/AvatarGroup.js.map +0 -1
- package/lib-amd/components/AvatarGroup/AvatarGroup.types.js +0 -5
- package/lib-amd/components/AvatarGroup/AvatarGroup.types.js.map +0 -1
- package/lib-amd/components/AvatarGroup/index.js +0 -11
- package/lib-amd/components/AvatarGroup/index.js.map +0 -1
- package/lib-amd/components/AvatarGroup/renderAvatarGroup.js +0 -15
- package/lib-amd/components/AvatarGroup/renderAvatarGroup.js.map +0 -1
- package/lib-amd/components/AvatarGroup/useAvatarGroup.js +0 -29
- package/lib-amd/components/AvatarGroup/useAvatarGroup.js.map +0 -1
- package/lib-amd/components/AvatarGroup/useAvatarGroupContextValues.js +0 -15
- package/lib-amd/components/AvatarGroup/useAvatarGroupContextValues.js.map +0 -1
- package/lib-amd/components/AvatarGroup/useAvatarGroupStyles.js +0 -36
- package/lib-amd/components/AvatarGroup/useAvatarGroupStyles.js.map +0 -1
- package/lib-amd/components/AvatarGroupItem/AvatarGroupItem.js +0 -18
- package/lib-amd/components/AvatarGroupItem/AvatarGroupItem.js.map +0 -1
- package/lib-amd/components/AvatarGroupItem/AvatarGroupItem.types.js +0 -5
- package/lib-amd/components/AvatarGroupItem/AvatarGroupItem.types.js.map +0 -1
- package/lib-amd/components/AvatarGroupItem/index.js +0 -10
- package/lib-amd/components/AvatarGroupItem/index.js.map +0 -1
- package/lib-amd/components/AvatarGroupItem/renderAvatarGroupItem.js +0 -16
- package/lib-amd/components/AvatarGroupItem/renderAvatarGroupItem.js.map +0 -1
- package/lib-amd/components/AvatarGroupItem/useAvatarGroupItem.js +0 -58
- package/lib-amd/components/AvatarGroupItem/useAvatarGroupItem.js.map +0 -1
- package/lib-amd/components/AvatarGroupItem/useAvatarGroupItemStyles.js +0 -236
- package/lib-amd/components/AvatarGroupItem/useAvatarGroupItemStyles.js.map +0 -1
- package/lib-amd/components/AvatarGroupPopover/AvatarGroupPopover.js +0 -19
- package/lib-amd/components/AvatarGroupPopover/AvatarGroupPopover.js.map +0 -1
- package/lib-amd/components/AvatarGroupPopover/AvatarGroupPopover.types.js +0 -5
- package/lib-amd/components/AvatarGroupPopover/AvatarGroupPopover.types.js.map +0 -1
- package/lib-amd/components/AvatarGroupPopover/index.js +0 -10
- package/lib-amd/components/AvatarGroupPopover/index.js.map +0 -1
- package/lib-amd/components/AvatarGroupPopover/renderAvatarGroupPopover.js +0 -20
- package/lib-amd/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +0 -1
- package/lib-amd/components/AvatarGroupPopover/useAvatarGroupPopover.js +0 -86
- package/lib-amd/components/AvatarGroupPopover/useAvatarGroupPopover.js.map +0 -1
- package/lib-amd/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js +0 -14
- package/lib-amd/components/AvatarGroupPopover/useAvatarGroupPopoverContextValues.js.map +0 -1
- package/lib-amd/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.js +0 -136
- package/lib-amd/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.js.map +0 -1
- package/lib-amd/contexts/AvatarContext.js +0 -17
- package/lib-amd/contexts/AvatarContext.js.map +0 -1
- package/lib-amd/contexts/AvatarGroupContext.js +0 -20
- package/lib-amd/contexts/AvatarGroupContext.js.map +0 -1
- package/lib-amd/contexts/index.js +0 -7
- package/lib-amd/contexts/index.js.map +0 -1
- package/lib-amd/index.js +0 -33
- package/lib-amd/index.js.map +0 -1
- package/lib-amd/utils/getInitials.js +0 -87
- package/lib-amd/utils/getInitials.js.map +0 -1
- package/lib-amd/utils/index.js +0 -8
- package/lib-amd/utils/index.js.map +0 -1
- package/lib-amd/utils/partitionAvatarGroupItems.js +0 -32
- package/lib-amd/utils/partitionAvatarGroupItems.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["react_1","require","react_theme_1","exports","avatarClassNames","root","image","initials","icon","badge","animations","fastOutSlowInMax","tokens","curveDecelerateMax","fastOutSlowInMid","curveDecelerateMid","fastOutSlowInMin","curveDecelerateMin","slowOutFastInMax","curveAccelerateMax","slowOutFastInMid","curveAccelerateMid","slowOutFastInMin","curveAccelerateMin","fastEase","curveEasyEaseMax","normalEase","curveEasyEase","nullEasing","curveLinear","useRootClassName","__resetStyles","useImageClassName","useIconInitialsClassName","useStyles","__styles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Cwk7ip","Hwfdqs","Ftih45","Brfgrao","Bciustq","Fbdkly","lawp4y","mdwyqc","Budzafs","r59vdv","n07z76","ck0cow","B8bqphf","h7gv66","Bvy8d8o","B1pumaf","B17wnbm","ring","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","ringThick","qehafq","Bicfajf","susq4k","Biibvgv","B0qfbqy","B4f6apu","y0oebl","uvfttm","ringThicker","ringThickest","shadow4","h8m2vh","shadow8","shadow16","shadow28","inactive","abs64n","Bwz0kr7","vz82u","qhf8xq","B5kzvoi","j35jbq","E5pizo","badgeLarge","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","m","useSizeStyles","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","Bic5iru","brand","cranberry","red","pumpkin","peach","marigold","gold","brass","brown","forest","seafoam","teal","steel","blue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","useAvatarStyles_unstable","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","rootClasses","push","className","mergeClasses","iconSizeClass"],"sources":["../src/packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { AvatarSlots, AvatarState } from './Avatar.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const avatarClassNames: SlotClassNames<AvatarSlots> = {\n root: 'fui-Avatar',\n image: 'fui-Avatar__image',\n initials: 'fui-Avatar__initials',\n icon: 'fui-Avatar__icon',\n badge: 'fui-Avatar__badge',\n};\n\nconst animations = {\n fastOutSlowInMax: tokens.curveDecelerateMax,\n fastOutSlowInMid: tokens.curveDecelerateMid,\n fastOutSlowInMin: tokens.curveDecelerateMin,\n slowOutFastInMax: tokens.curveAccelerateMax,\n slowOutFastInMid: tokens.curveAccelerateMid,\n slowOutFastInMin: tokens.curveAccelerateMin,\n fastEase: tokens.curveEasyEaseMax,\n normalEase: tokens.curveEasyEase,\n nullEasing: tokens.curveLinear,\n};\n\nconst useRootClassName = makeResetStyles({\n display: 'inline-block',\n flexShrink: 0,\n position: 'relative',\n verticalAlign: 'middle',\n borderRadius: tokens.borderRadiusCircular,\n fontFamily: tokens.fontFamilyBase,\n fontWeight: tokens.fontWeightSemibold,\n fontSize: tokens.fontSizeBase300,\n width: '32px',\n height: '32px',\n});\n\nconst useImageClassName = makeResetStyles({\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n\n borderRadius: 'inherit',\n objectFit: 'cover',\n verticalAlign: 'top',\n});\n\nconst useIconInitialsClassName = makeResetStyles({\n position: 'absolute',\n boxSizing: 'border-box',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n lineHeight: '1',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n verticalAlign: 'center',\n textAlign: 'center',\n userSelect: 'none',\n borderRadius: 'inherit',\n});\n\nconst useStyles = makeStyles({\n textCaption2Strong: { fontSize: tokens.fontSizeBase100 },\n textCaption1Strong: { fontSize: tokens.fontSizeBase200 },\n textSubtitle2: { fontSize: tokens.fontSizeBase400 },\n textSubtitle1: { fontSize: tokens.fontSizeBase500 },\n textTitle3: { fontSize: tokens.fontSizeBase600 },\n\n squareSmall: {\n ...shorthands.borderRadius(tokens.borderRadiusSmall),\n },\n squareMedium: {\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n },\n squareLarge: {\n ...shorthands.borderRadius(tokens.borderRadiusLarge),\n },\n squareXLarge: {\n ...shorthands.borderRadius(tokens.borderRadiusXLarge),\n },\n\n activeOrInactive: {\n transform: 'perspective(1px)', // Work-around for text pixel snapping at the end of the animation\n transitionProperty: 'transform, opacity',\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationFaster}`,\n transitionDelay: `${animations.fastEase}, ${animations.nullEasing}`,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n },\n\n '::before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n bottom: 0,\n right: 0,\n\n ...shorthands.borderRadius('inherit'),\n transitionProperty: 'margin, opacity',\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationSlower}`,\n transitionDelay: `${animations.fastEase}, ${animations.nullEasing}`,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n transitionDelay: '0.01ms',\n },\n },\n },\n\n ring: {\n '::before': {\n ...shorthands.borderStyle('solid'),\n },\n },\n ringThick: {\n '::before': {\n ...shorthands.margin(`calc(-2 * ${tokens.strokeWidthThick})`),\n ...shorthands.borderWidth(tokens.strokeWidthThick),\n },\n },\n ringThicker: {\n '::before': {\n ...shorthands.margin(`calc(-2 * ${tokens.strokeWidthThicker})`),\n ...shorthands.borderWidth(tokens.strokeWidthThicker),\n },\n },\n ringThickest: {\n '::before': {\n ...shorthands.margin(`calc(-2 * ${tokens.strokeWidthThickest})`),\n ...shorthands.borderWidth(tokens.strokeWidthThickest),\n },\n },\n\n shadow4: { '::before': { boxShadow: tokens.shadow4 } },\n shadow8: { '::before': { boxShadow: tokens.shadow8 } },\n shadow16: { '::before': { boxShadow: tokens.shadow16 } },\n shadow28: { '::before': { boxShadow: tokens.shadow28 } },\n\n inactive: {\n opacity: '0.8',\n transform: 'scale(0.875)',\n\n transitionProperty: 'transform, opacity',\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationFaster}`,\n transitionDelay: `${animations.fastOutSlowInMin}, ${animations.nullEasing}`,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n transitionDelay: '0.01ms',\n },\n\n '::before': {\n ...shorthands.margin(0),\n opacity: 0,\n\n transitionProperty: 'margin, opacity',\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationSlower}`,\n transitionDelay: `${animations.fastOutSlowInMin}, ${animations.nullEasing}`,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n transitionDelay: '0.01ms',\n },\n },\n },\n\n badge: {\n position: 'absolute',\n bottom: 0,\n right: 0,\n boxShadow: `0 0 0 ${tokens.strokeWidthThin} ${tokens.colorNeutralBackground1}`,\n },\n\n badgeLarge: {\n boxShadow: `0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralBackground1}`,\n },\n\n icon12: { fontSize: '12px' },\n icon16: { fontSize: '16px' },\n icon20: { fontSize: '20px' },\n icon24: { fontSize: '24px' },\n icon28: { fontSize: '28px' },\n icon32: { fontSize: '32px' },\n icon48: { fontSize: '48px' },\n});\n\nexport const useSizeStyles = makeStyles({\n 16: { width: '16px', height: '16px' },\n 20: { width: '20px', height: '20px' },\n 24: { width: '24px', height: '24px' },\n 28: { width: '28px', height: '28px' },\n 32: { width: '32px', height: '32px' },\n 36: { width: '36px', height: '36px' },\n 40: { width: '40px', height: '40px' },\n 48: { width: '48px', height: '48px' },\n 56: { width: '56px', height: '56px' },\n 64: { width: '64px', height: '64px' },\n 72: { width: '72px', height: '72px' },\n 96: { width: '96px', height: '96px' },\n 120: { width: '120px', height: '120px' },\n 128: { width: '128px', height: '128px' },\n});\n\nconst useColorStyles = makeStyles({\n neutral: {\n color: tokens.colorNeutralForeground3,\n backgroundColor: tokens.colorNeutralBackground6,\n // The ::before element is the ring when active\n '::before': { color: tokens.colorBrandStroke1 },\n },\n brand: {\n color: tokens.colorNeutralForegroundStaticInverted,\n backgroundColor: tokens.colorBrandBackgroundStatic,\n '::before': { color: tokens.colorBrandStroke1 },\n },\n 'dark-red': {\n color: tokens.colorPaletteDarkRedForeground2,\n backgroundColor: tokens.colorPaletteDarkRedBackground2,\n '::before': { color: tokens.colorPaletteDarkRedBorderActive },\n },\n cranberry: {\n color: tokens.colorPaletteCranberryForeground2,\n backgroundColor: tokens.colorPaletteCranberryBackground2,\n '::before': { color: tokens.colorPaletteCranberryBorderActive },\n },\n red: {\n color: tokens.colorPaletteRedForeground2,\n backgroundColor: tokens.colorPaletteRedBackground2,\n '::before': { color: tokens.colorPaletteRedBorderActive },\n },\n pumpkin: {\n color: tokens.colorPalettePumpkinForeground2,\n backgroundColor: tokens.colorPalettePumpkinBackground2,\n '::before': { color: tokens.colorPalettePumpkinBorderActive },\n },\n peach: {\n color: tokens.colorPalettePeachForeground2,\n backgroundColor: tokens.colorPalettePeachBackground2,\n '::before': { color: tokens.colorPalettePeachBorderActive },\n },\n marigold: {\n color: tokens.colorPaletteMarigoldForeground2,\n backgroundColor: tokens.colorPaletteMarigoldBackground2,\n '::before': { color: tokens.colorPaletteMarigoldBorderActive },\n },\n gold: {\n color: tokens.colorPaletteGoldForeground2,\n backgroundColor: tokens.colorPaletteGoldBackground2,\n '::before': { color: tokens.colorPaletteGoldBorderActive },\n },\n brass: {\n color: tokens.colorPaletteBrassForeground2,\n backgroundColor: tokens.colorPaletteBrassBackground2,\n '::before': { color: tokens.colorPaletteBrassBorderActive },\n },\n brown: {\n color: tokens.colorPaletteBrownForeground2,\n backgroundColor: tokens.colorPaletteBrownBackground2,\n '::before': { color: tokens.colorPaletteBrownBorderActive },\n },\n forest: {\n color: tokens.colorPaletteForestForeground2,\n backgroundColor: tokens.colorPaletteForestBackground2,\n '::before': { color: tokens.colorPaletteForestBorderActive },\n },\n seafoam: {\n color: tokens.colorPaletteSeafoamForeground2,\n backgroundColor: tokens.colorPaletteSeafoamBackground2,\n '::before': { color: tokens.colorPaletteSeafoamBorderActive },\n },\n 'dark-green': {\n color: tokens.colorPaletteDarkGreenForeground2,\n backgroundColor: tokens.colorPaletteDarkGreenBackground2,\n '::before': { color: tokens.colorPaletteDarkGreenBorderActive },\n },\n 'light-teal': {\n color: tokens.colorPaletteLightTealForeground2,\n backgroundColor: tokens.colorPaletteLightTealBackground2,\n '::before': { color: tokens.colorPaletteLightTealBorderActive },\n },\n teal: {\n color: tokens.colorPaletteTealForeground2,\n backgroundColor: tokens.colorPaletteTealBackground2,\n '::before': { color: tokens.colorPaletteTealBorderActive },\n },\n steel: {\n color: tokens.colorPaletteSteelForeground2,\n backgroundColor: tokens.colorPaletteSteelBackground2,\n '::before': { color: tokens.colorPaletteSteelBorderActive },\n },\n blue: {\n color: tokens.colorPaletteBlueForeground2,\n backgroundColor: tokens.colorPaletteBlueBackground2,\n '::before': { color: tokens.colorPaletteBlueBorderActive },\n },\n 'royal-blue': {\n color: tokens.colorPaletteRoyalBlueForeground2,\n backgroundColor: tokens.colorPaletteRoyalBlueBackground2,\n '::before': { color: tokens.colorPaletteRoyalBlueBorderActive },\n },\n cornflower: {\n color: tokens.colorPaletteCornflowerForeground2,\n backgroundColor: tokens.colorPaletteCornflowerBackground2,\n '::before': { color: tokens.colorPaletteCornflowerBorderActive },\n },\n navy: {\n color: tokens.colorPaletteNavyForeground2,\n backgroundColor: tokens.colorPaletteNavyBackground2,\n '::before': { color: tokens.colorPaletteNavyBorderActive },\n },\n lavender: {\n color: tokens.colorPaletteLavenderForeground2,\n backgroundColor: tokens.colorPaletteLavenderBackground2,\n '::before': { color: tokens.colorPaletteLavenderBorderActive },\n },\n purple: {\n color: tokens.colorPalettePurpleForeground2,\n backgroundColor: tokens.colorPalettePurpleBackground2,\n '::before': { color: tokens.colorPalettePurpleBorderActive },\n },\n grape: {\n color: tokens.colorPaletteGrapeForeground2,\n backgroundColor: tokens.colorPaletteGrapeBackground2,\n '::before': { color: tokens.colorPaletteGrapeBorderActive },\n },\n lilac: {\n color: tokens.colorPaletteLilacForeground2,\n backgroundColor: tokens.colorPaletteLilacBackground2,\n '::before': { color: tokens.colorPaletteLilacBorderActive },\n },\n pink: {\n color: tokens.colorPalettePinkForeground2,\n backgroundColor: tokens.colorPalettePinkBackground2,\n '::before': { color: tokens.colorPalettePinkBorderActive },\n },\n magenta: {\n color: tokens.colorPaletteMagentaForeground2,\n backgroundColor: tokens.colorPaletteMagentaBackground2,\n '::before': { color: tokens.colorPaletteMagentaBorderActive },\n },\n plum: {\n color: tokens.colorPalettePlumForeground2,\n backgroundColor: tokens.colorPalettePlumBackground2,\n '::before': { color: tokens.colorPalettePlumBorderActive },\n },\n beige: {\n color: tokens.colorPaletteBeigeForeground2,\n backgroundColor: tokens.colorPaletteBeigeBackground2,\n '::before': { color: tokens.colorPaletteBeigeBorderActive },\n },\n mink: {\n color: tokens.colorPaletteMinkForeground2,\n backgroundColor: tokens.colorPaletteMinkBackground2,\n '::before': { color: tokens.colorPaletteMinkBorderActive },\n },\n platinum: {\n color: tokens.colorPalettePlatinumForeground2,\n backgroundColor: tokens.colorPalettePlatinumBackground2,\n '::before': { color: tokens.colorPalettePlatinumBorderActive },\n },\n anchor: {\n color: tokens.colorPaletteAnchorForeground2,\n backgroundColor: tokens.colorPaletteAnchorBackground2,\n '::before': { color: tokens.colorPaletteAnchorBorderActive },\n },\n});\n\nexport const useAvatarStyles_unstable = (state: AvatarState): AvatarState => {\n const { size, shape, active, activeAppearance, color } = state;\n\n const rootClassName = useRootClassName();\n const imageClassName = useImageClassName();\n const iconInitialsClassName = useIconInitialsClassName();\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n const colorStyles = useColorStyles();\n\n const rootClasses = [rootClassName, size !== 32 && sizeStyles[size], colorStyles[color]];\n\n if (size <= 24) {\n rootClasses.push(styles.textCaption2Strong);\n } else if (size <= 28) {\n rootClasses.push(styles.textCaption1Strong);\n } else if (size <= 40) {\n // Default text size included in useRootClassName\n } else if (size <= 56) {\n rootClasses.push(styles.textSubtitle2);\n } else if (size <= 96) {\n rootClasses.push(styles.textSubtitle1);\n } else {\n rootClasses.push(styles.textTitle3);\n }\n\n if (shape === 'square') {\n if (size <= 24) {\n rootClasses.push(styles.squareSmall);\n } else if (size <= 48) {\n rootClasses.push(styles.squareMedium);\n } else if (size <= 72) {\n rootClasses.push(styles.squareLarge);\n } else {\n rootClasses.push(styles.squareXLarge);\n }\n }\n\n if (active === 'active' || active === 'inactive') {\n rootClasses.push(styles.activeOrInactive);\n\n if (activeAppearance === 'ring' || activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.ring);\n\n if (size <= 48) {\n rootClasses.push(styles.ringThick);\n } else if (size <= 64) {\n rootClasses.push(styles.ringThicker);\n } else {\n rootClasses.push(styles.ringThickest);\n }\n }\n\n if (activeAppearance === 'shadow' || activeAppearance === 'ring-shadow') {\n if (size <= 28) {\n rootClasses.push(styles.shadow4);\n } else if (size <= 48) {\n rootClasses.push(styles.shadow8);\n } else if (size <= 64) {\n rootClasses.push(styles.shadow16);\n } else {\n rootClasses.push(styles.shadow28);\n }\n }\n\n // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them\n if (active === 'inactive') {\n rootClasses.push(styles.inactive);\n }\n }\n\n state.root.className = mergeClasses(avatarClassNames.root, ...rootClasses, state.root.className);\n\n if (state.badge) {\n state.badge.className = mergeClasses(\n avatarClassNames.badge,\n styles.badge,\n size >= 64 && styles.badgeLarge,\n state.badge.className,\n );\n }\n\n if (state.image) {\n state.image.className = mergeClasses(avatarClassNames.image, imageClassName, state.image.className);\n }\n\n if (state.initials) {\n state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, state.initials.className);\n }\n\n if (state.icon) {\n let iconSizeClass;\n if (size <= 16) {\n iconSizeClass = styles.icon12;\n } else if (size <= 24) {\n iconSizeClass = styles.icon16;\n } else if (size <= 40) {\n iconSizeClass = styles.icon20;\n } else if (size <= 48) {\n iconSizeClass = styles.icon24;\n } else if (size <= 56) {\n iconSizeClass = styles.icon28;\n } else if (size <= 72) {\n iconSizeClass = styles.icon32;\n } else {\n iconSizeClass = styles.icon48;\n }\n\n state.icon.className = mergeClasses(\n avatarClassNames.icon,\n iconInitialsClassName,\n iconSizeClass,\n state.icon.className,\n );\n }\n\n return state;\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Avatar/useAvatarStyles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const avatarClassNames = {\n root: 'fui-Avatar',\n image: 'fui-Avatar__image',\n initials: 'fui-Avatar__initials',\n icon: 'fui-Avatar__icon',\n badge: 'fui-Avatar__badge'\n};\nconst animations = {\n fastOutSlowInMax: tokens.curveDecelerateMax,\n fastOutSlowInMid: tokens.curveDecelerateMid,\n fastOutSlowInMin: tokens.curveDecelerateMin,\n slowOutFastInMax: tokens.curveAccelerateMax,\n slowOutFastInMid: tokens.curveAccelerateMid,\n slowOutFastInMin: tokens.curveAccelerateMin,\n fastEase: tokens.curveEasyEaseMax,\n normalEase: tokens.curveEasyEase,\n nullEasing: tokens.curveLinear\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"rz243wu\", null, [\".rz243wu{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}\"]);\nconst useImageClassName = /*#__PURE__*/__resetStyles(\"r136dc0n\", \"rjly0nl\", [\".r136dc0n{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}\", \".rjly0nl{position:absolute;top:0;right:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}\"]);\nconst useIconInitialsClassName = /*#__PURE__*/__resetStyles(\"rip04v\", \"r31uzil\", [\".rip04v{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}\", \".r31uzil{position:absolute;box-sizing:border-box;top:0;right:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}\"]);\nconst useStyles = /*#__PURE__*/__styles({\n textCaption2Strong: {\n Be2twd7: \"f13mqy1h\"\n },\n textCaption1Strong: {\n Be2twd7: \"fy9rknc\"\n },\n textSubtitle2: {\n Be2twd7: \"fod5ikn\"\n },\n textSubtitle1: {\n Be2twd7: \"f1pp30po\"\n },\n textTitle3: {\n Be2twd7: \"f1x0m3f5\"\n },\n squareSmall: {\n Bbmb7ep: [\"f1g3puop\", \"fi2rrw2\"],\n Beyfa6y: [\"fi2rrw2\", \"f1g3puop\"],\n B7oj6ja: [\"f1rstyi9\", \"f1s4nn1u\"],\n Btl43ni: [\"f1s4nn1u\", \"f1rstyi9\"]\n },\n squareMedium: {\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n },\n squareLarge: {\n Bbmb7ep: [\"f1ldthgs\", \"frrelxk\"],\n Beyfa6y: [\"frrelxk\", \"f1ldthgs\"],\n B7oj6ja: [\"fobrfso\", \"ffisxpw\"],\n Btl43ni: [\"ffisxpw\", \"fobrfso\"]\n },\n squareXLarge: {\n Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n Btl43ni: [\"f8yange\", \"f1el4m67\"]\n },\n activeOrInactive: {\n Bz10aip: \"ftfx35i\",\n Bmy1vo4: \"fv0atk9\",\n B3o57yi: \"f1iry5bo\",\n Cwk7ip: \"f1gyuh7d\",\n Hwfdqs: \"f1onx1g3\",\n Ftih45: \"f1wl9k8s\",\n Brfgrao: \"f1j7ml58\",\n Bciustq: \"ffi060y\",\n Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n lawp4y: \"fchca7p\",\n mdwyqc: [\"f1f351id\", \"f1fzr1x6\"],\n Budzafs: [\"f1kd9phw\", \"fyf2ch2\"],\n r59vdv: [\"fyf2ch2\", \"f1kd9phw\"],\n n07z76: [\"f1gnrg9b\", \"f1xx2lx6\"],\n ck0cow: [\"f1xx2lx6\", \"f1gnrg9b\"],\n B8bqphf: \"f1e9wvyh\",\n h7gv66: \"f1vyz52m\",\n Bvy8d8o: \"f1rjhkxy\",\n B1pumaf: \"f1ak47q9\",\n B17wnbm: \"f1apa6og\"\n },\n ring: {\n Bdkvgpv: \"f163fonl\",\n m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n qa3bma: \"f11yjt3y\",\n Bbv0w2i: [\"f1jpmc5p\", \"f1yq6w5o\"]\n },\n ringThick: {\n qehafq: \"f1rbtjc9\",\n Bicfajf: [\"f1wm0e7m\", \"f1o0l8kp\"],\n susq4k: \"f1tz5420\",\n Biibvgv: [\"f1o0l8kp\", \"f1wm0e7m\"],\n B0qfbqy: \"f1q30tuz\",\n B4f6apu: [\"f9c0djs\", \"fcwzx2y\"],\n y0oebl: \"f1hdqo1a\",\n uvfttm: [\"fcwzx2y\", \"f9c0djs\"]\n },\n ringThicker: {\n qehafq: \"fk7ejgl\",\n Bicfajf: [\"f12sbt0w\", \"f1tnh028\"],\n susq4k: \"fcrsff4\",\n Biibvgv: [\"f1tnh028\", \"f12sbt0w\"],\n B0qfbqy: \"f1jrge4j\",\n B4f6apu: [\"fc2vpa6\", \"f133djwz\"],\n y0oebl: \"f9hcsm3\",\n uvfttm: [\"f133djwz\", \"fc2vpa6\"]\n },\n ringThickest: {\n qehafq: \"fl3e39p\",\n Bicfajf: [\"f14m8wrz\", \"fckzhtt\"],\n susq4k: \"fnxq6pw\",\n Biibvgv: [\"fckzhtt\", \"f14m8wrz\"],\n B0qfbqy: \"fr6r3yi\",\n B4f6apu: [\"ftxoq8w\", \"f4gs2h8\"],\n y0oebl: \"f9gga8r\",\n uvfttm: [\"f4gs2h8\", \"ftxoq8w\"]\n },\n shadow4: {\n h8m2vh: \"f196qwgu\"\n },\n shadow8: {\n h8m2vh: \"fut48mo\"\n },\n shadow16: {\n h8m2vh: \"fh2kfig\"\n },\n shadow28: {\n h8m2vh: \"f4c2u2p\"\n },\n inactive: {\n abs64n: \"fp25eh\",\n Bz10aip: \"f1clczzi\",\n Bmy1vo4: \"fv0atk9\",\n B3o57yi: \"f1iry5bo\",\n Cwk7ip: \"fxm264b\",\n Hwfdqs: \"f1onx1g3\",\n Bwz0kr7: \"f1o7dfsw\",\n qehafq: \"fe3o830\",\n Bicfajf: [\"fzynn9s\", \"f1z0ukd1\"],\n susq4k: \"f1kyqvp9\",\n Biibvgv: [\"f1z0ukd1\", \"fzynn9s\"],\n vz82u: \"f1dhznln\",\n B8bqphf: \"f1e9wvyh\",\n h7gv66: \"f1vyz52m\",\n Bvy8d8o: \"f1yb2g89\",\n B1pumaf: \"f1ak47q9\",\n B17wnbm: \"f1apa6og\"\n },\n badge: {\n qhf8xq: \"f1euv43f\",\n B5kzvoi: \"f1yab3r1\",\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n E5pizo: \"ffo9j2l\"\n },\n badgeLarge: {\n E5pizo: \"f1nayfl2\"\n },\n icon12: {\n Be2twd7: \"f1ugzwwg\"\n },\n icon16: {\n Be2twd7: \"f4ybsrx\"\n },\n icon20: {\n Be2twd7: \"fe5j1ua\"\n },\n icon24: {\n Be2twd7: \"f1rt2boy\"\n },\n icon28: {\n Be2twd7: \"f24l1pt\"\n },\n icon32: {\n Be2twd7: \"ffl51b\"\n },\n icon48: {\n Be2twd7: \"f18m8u13\"\n }\n}, {\n d: [\".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f1x0m3f5{font-size:var(--fontSizeBase600);}\", \".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}\", \".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1ldthgs{border-bottom-right-radius:var(--borderRadiusLarge);}\", \".frrelxk{border-bottom-left-radius:var(--borderRadiusLarge);}\", \".fobrfso{border-top-right-radius:var(--borderRadiusLarge);}\", \".ffisxpw{border-top-left-radius:var(--borderRadiusLarge);}\", \".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}\", \".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}\", \".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}\", \".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}\", \".ftfx35i{-webkit-transform:perspective(1px);-moz-transform:perspective(1px);-ms-transform:perspective(1px);transform:perspective(1px);}\", \".fv0atk9{transition-property:transform,opacity;}\", \".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}\", \".f1gyuh7d{transition-delay:var(--curveEasyEaseMax),var(--curveLinear);}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1j7ml58::before{position:absolute;}\", \".ffi060y::before{top:0;}\", \".f1fzr1x6::before{left:0;}\", \".f1f351id::before{right:0;}\", \".fchca7p::before{bottom:0;}\", \".f1kd9phw::before{border-bottom-right-radius:inherit;}\", \".fyf2ch2::before{border-bottom-left-radius:inherit;}\", \".f1gnrg9b::before{border-top-right-radius:inherit;}\", \".f1xx2lx6::before{border-top-left-radius:inherit;}\", \".f1e9wvyh::before{transition-property:margin,opacity;}\", \".f1vyz52m::before{transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".f1rjhkxy::before{transition-delay:var(--curveEasyEaseMax),var(--curveLinear);}\", \".f163fonl::before{border-top-style:solid;}\", \".f1yq6w5o::before{border-right-style:solid;}\", \".f1jpmc5p::before{border-left-style:solid;}\", \".f11yjt3y::before{border-bottom-style:solid;}\", \".f1rbtjc9::before{margin-top:calc(-2 * var(--strokeWidthThick));}\", \".f1wm0e7m::before{margin-right:calc(-2 * var(--strokeWidthThick));}\", \".f1o0l8kp::before{margin-left:calc(-2 * var(--strokeWidthThick));}\", \".f1tz5420::before{margin-bottom:calc(-2 * var(--strokeWidthThick));}\", \".f1q30tuz::before{border-top-width:var(--strokeWidthThick);}\", \".f9c0djs::before{border-right-width:var(--strokeWidthThick);}\", \".fcwzx2y::before{border-left-width:var(--strokeWidthThick);}\", \".f1hdqo1a::before{border-bottom-width:var(--strokeWidthThick);}\", \".fk7ejgl::before{margin-top:calc(-2 * var(--strokeWidthThicker));}\", \".f12sbt0w::before{margin-right:calc(-2 * var(--strokeWidthThicker));}\", \".f1tnh028::before{margin-left:calc(-2 * var(--strokeWidthThicker));}\", \".fcrsff4::before{margin-bottom:calc(-2 * var(--strokeWidthThicker));}\", \".f1jrge4j::before{border-top-width:var(--strokeWidthThicker);}\", \".fc2vpa6::before{border-right-width:var(--strokeWidthThicker);}\", \".f133djwz::before{border-left-width:var(--strokeWidthThicker);}\", \".f9hcsm3::before{border-bottom-width:var(--strokeWidthThicker);}\", \".fl3e39p::before{margin-top:calc(-2 * var(--strokeWidthThickest));}\", \".f14m8wrz::before{margin-right:calc(-2 * var(--strokeWidthThickest));}\", \".fckzhtt::before{margin-left:calc(-2 * var(--strokeWidthThickest));}\", \".fnxq6pw::before{margin-bottom:calc(-2 * var(--strokeWidthThickest));}\", \".fr6r3yi::before{border-top-width:var(--strokeWidthThickest);}\", \".ftxoq8w::before{border-right-width:var(--strokeWidthThickest);}\", \".f4gs2h8::before{border-left-width:var(--strokeWidthThickest);}\", \".f9gga8r::before{border-bottom-width:var(--strokeWidthThickest);}\", \".f196qwgu::before{box-shadow:var(--shadow4);}\", \".fut48mo::before{box-shadow:var(--shadow8);}\", \".fh2kfig::before{box-shadow:var(--shadow16);}\", \".f4c2u2p::before{box-shadow:var(--shadow28);}\", \".fp25eh{opacity:0.8;}\", \".f1clczzi{-webkit-transform:scale(0.875);-moz-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);}\", \".fxm264b{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}\", \".fe3o830::before{margin-top:0;}\", \".fzynn9s::before{margin-right:0;}\", \".f1z0ukd1::before{margin-left:0;}\", \".f1kyqvp9::before{margin-bottom:0;}\", \".f1dhznln::before{opacity:0;}\", \".f1yb2g89::before{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}\", \".f1euv43f{position:absolute;}\", \".f1yab3r1{bottom:0;}\", \".f1e31b4d{right:0;}\", \".f1vgc2s3{left:0;}\", \".ffo9j2l{box-shadow:0 0 0 var(--strokeWidthThin) var(--colorNeutralBackground1);}\", \".f1nayfl2{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground1);}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f24l1pt{font-size:28px;}\", \".ffl51b{font-size:32px;}\", \".f18m8u13{font-size:48px;}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1o7dfsw{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]]\n});\nexport const useSizeStyles = /*#__PURE__*/__styles({\n \"16\": {\n a9b677: \"fjw5fx7\",\n Bqenvij: \"fd461yt\"\n },\n \"20\": {\n a9b677: \"f64fuq3\",\n Bqenvij: \"fjamq6b\"\n },\n \"24\": {\n a9b677: \"fq4mcun\",\n Bqenvij: \"frvgh55\"\n },\n \"28\": {\n a9b677: \"f1w9dchk\",\n Bqenvij: \"fxldao9\"\n },\n \"32\": {\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n },\n \"36\": {\n a9b677: \"fpdz1er\",\n Bqenvij: \"f8ljn23\"\n },\n \"40\": {\n a9b677: \"feqmc2u\",\n Bqenvij: \"fbhnoac\"\n },\n \"48\": {\n a9b677: \"f124akge\",\n Bqenvij: \"ff2sm71\"\n },\n \"56\": {\n a9b677: \"f1u66zr1\",\n Bqenvij: \"fzki0ko\"\n },\n \"64\": {\n a9b677: \"fa9ln6p\",\n Bqenvij: \"f16k9i2m\"\n },\n \"72\": {\n a9b677: \"fhcae8x\",\n Bqenvij: \"f1shusfg\"\n },\n \"96\": {\n a9b677: \"f1kyr2gn\",\n Bqenvij: \"fypu0ge\"\n },\n \"120\": {\n a9b677: \"fwfqyga\",\n Bqenvij: \"fjr5b71\"\n },\n \"128\": {\n a9b677: \"f1iksgmy\",\n Bqenvij: \"fele2au\"\n }\n}, {\n d: [\".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fpdz1er{width:36px;}\", \".f8ljn23{height:36px;}\", \".feqmc2u{width:40px;}\", \".fbhnoac{height:40px;}\", \".f124akge{width:48px;}\", \".ff2sm71{height:48px;}\", \".f1u66zr1{width:56px;}\", \".fzki0ko{height:56px;}\", \".fa9ln6p{width:64px;}\", \".f16k9i2m{height:64px;}\", \".fhcae8x{width:72px;}\", \".f1shusfg{height:72px;}\", \".f1kyr2gn{width:96px;}\", \".fypu0ge{height:96px;}\", \".fwfqyga{width:120px;}\", \".fjr5b71{height:120px;}\", \".f1iksgmy{width:128px;}\", \".fele2au{height:128px;}\"]\n});\nconst useColorStyles = /*#__PURE__*/__styles({\n neutral: {\n sj55zd: \"f11d4kpn\",\n De3pzq: \"f18f03hv\",\n Bic5iru: \"f1uuiafn\"\n },\n brand: {\n sj55zd: \"fonrgv7\",\n De3pzq: \"f1blnnmj\",\n Bic5iru: \"f1uuiafn\"\n },\n \"dark-red\": {\n sj55zd: \"fqjd1y1\",\n De3pzq: \"f1vq2oo4\",\n Bic5iru: \"f1t2x9on\"\n },\n cranberry: {\n sj55zd: \"fg9gses\",\n De3pzq: \"f1lwxszt\",\n Bic5iru: \"f1pvshc9\"\n },\n red: {\n sj55zd: \"f23f7i0\",\n De3pzq: \"f1q9qhfq\",\n Bic5iru: \"f1ectbk9\"\n },\n pumpkin: {\n sj55zd: \"fjnan08\",\n De3pzq: \"fz91bi3\",\n Bic5iru: \"fvzpl0b\"\n },\n peach: {\n sj55zd: \"fknu15p\",\n De3pzq: \"f1b9nr51\",\n Bic5iru: \"fwj2kd7\"\n },\n marigold: {\n sj55zd: \"f9603vw\",\n De3pzq: \"f3z4w6d\",\n Bic5iru: \"fr120vy\"\n },\n gold: {\n sj55zd: \"fmq0uwp\",\n De3pzq: \"fg50kya\",\n Bic5iru: \"f8xmmar\"\n },\n brass: {\n sj55zd: \"f28g5vo\",\n De3pzq: \"f4w2gd0\",\n Bic5iru: \"f1hbety2\"\n },\n brown: {\n sj55zd: \"ftl572b\",\n De3pzq: \"f14wu1f4\",\n Bic5iru: \"f1vg3s4g\"\n },\n forest: {\n sj55zd: \"f1gymlvd\",\n De3pzq: \"f19ut4y6\",\n Bic5iru: \"f1m3olm5\"\n },\n seafoam: {\n sj55zd: \"fnnb6wn\",\n De3pzq: \"f1n057jc\",\n Bic5iru: \"f17xiqtr\"\n },\n \"dark-green\": {\n sj55zd: \"ff58qw8\",\n De3pzq: \"f11t05wk\",\n Bic5iru: \"fx32vyh\"\n },\n \"light-teal\": {\n sj55zd: \"f1up9qbj\",\n De3pzq: \"f42feg1\",\n Bic5iru: \"f1mkihwv\"\n },\n teal: {\n sj55zd: \"f135dsb4\",\n De3pzq: \"f6hvv1p\",\n Bic5iru: \"fecnooh\"\n },\n steel: {\n sj55zd: \"f151dlcp\",\n De3pzq: \"f1lnp8zf\",\n Bic5iru: \"f15hfgzm\"\n },\n blue: {\n sj55zd: \"f1rjv50u\",\n De3pzq: \"f1ggcpy6\",\n Bic5iru: \"fqproka\"\n },\n \"royal-blue\": {\n sj55zd: \"f1emykk5\",\n De3pzq: \"f12rj61f\",\n Bic5iru: \"f17v2w59\"\n },\n cornflower: {\n sj55zd: \"fqsigj7\",\n De3pzq: \"f8k7hur\",\n Bic5iru: \"fp0q1mo\"\n },\n navy: {\n sj55zd: \"f1nj97xi\",\n De3pzq: \"f19gw0ux\",\n Bic5iru: \"f1nlym55\"\n },\n lavender: {\n sj55zd: \"fwctg0i\",\n De3pzq: \"ff379vm\",\n Bic5iru: \"f62vk8h\"\n },\n purple: {\n sj55zd: \"fjrsgpu\",\n De3pzq: \"f1mzf1e1\",\n Bic5iru: \"f15zl69q\"\n },\n grape: {\n sj55zd: \"f1fiiydq\",\n De3pzq: \"f1o4k8oy\",\n Bic5iru: \"f53w4j7\"\n },\n lilac: {\n sj55zd: \"f1res9jt\",\n De3pzq: \"f1x6mz1o\",\n Bic5iru: \"fu2771t\"\n },\n pink: {\n sj55zd: \"fv3fbbi\",\n De3pzq: \"fydlv6t\",\n Bic5iru: \"fzflscs\"\n },\n magenta: {\n sj55zd: \"f1f1fwnz\",\n De3pzq: \"f4xb6j5\",\n Bic5iru: \"fb6rmqc\"\n },\n plum: {\n sj55zd: \"f8ptl6j\",\n De3pzq: \"fqo8e26\",\n Bic5iru: \"f1a4gm5b\"\n },\n beige: {\n sj55zd: \"f1ntv3ld\",\n De3pzq: \"f101elhj\",\n Bic5iru: \"f1qpf9z1\"\n },\n mink: {\n sj55zd: \"f1fscmp\",\n De3pzq: \"f13g8o5c\",\n Bic5iru: \"f1l7or83\"\n },\n platinum: {\n sj55zd: \"f1dr00v2\",\n De3pzq: \"fkh7blw\",\n Bic5iru: \"fzrj0iu\"\n },\n anchor: {\n sj55zd: \"f1f3ti53\",\n De3pzq: \"fu4yj0j\",\n Bic5iru: \"f8oz6wf\"\n }\n}, {\n d: [\".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f18f03hv{background-color:var(--colorNeutralBackground6);}\", \".f1uuiafn::before{color:var(--colorBrandStroke1);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}\", \".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}\", \".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}\", \".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}\", \".fg9gses{color:var(--colorPaletteCranberryForeground2);}\", \".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}\", \".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}\", \".f23f7i0{color:var(--colorPaletteRedForeground2);}\", \".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}\", \".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}\", \".fjnan08{color:var(--colorPalettePumpkinForeground2);}\", \".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}\", \".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}\", \".fknu15p{color:var(--colorPalettePeachForeground2);}\", \".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}\", \".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}\", \".f9603vw{color:var(--colorPaletteMarigoldForeground2);}\", \".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}\", \".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}\", \".fmq0uwp{color:var(--colorPaletteGoldForeground2);}\", \".fg50kya{background-color:var(--colorPaletteGoldBackground2);}\", \".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}\", \".f28g5vo{color:var(--colorPaletteBrassForeground2);}\", \".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}\", \".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}\", \".ftl572b{color:var(--colorPaletteBrownForeground2);}\", \".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}\", \".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}\", \".f1gymlvd{color:var(--colorPaletteForestForeground2);}\", \".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}\", \".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}\", \".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}\", \".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}\", \".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}\", \".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}\", \".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}\", \".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}\", \".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}\", \".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}\", \".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}\", \".f135dsb4{color:var(--colorPaletteTealForeground2);}\", \".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}\", \".fecnooh::before{color:var(--colorPaletteTealBorderActive);}\", \".f151dlcp{color:var(--colorPaletteSteelForeground2);}\", \".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}\", \".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}\", \".f1rjv50u{color:var(--colorPaletteBlueForeground2);}\", \".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}\", \".fqproka::before{color:var(--colorPaletteBlueBorderActive);}\", \".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}\", \".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}\", \".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}\", \".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}\", \".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}\", \".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}\", \".f1nj97xi{color:var(--colorPaletteNavyForeground2);}\", \".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}\", \".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}\", \".fwctg0i{color:var(--colorPaletteLavenderForeground2);}\", \".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}\", \".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}\", \".fjrsgpu{color:var(--colorPalettePurpleForeground2);}\", \".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}\", \".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}\", \".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}\", \".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}\", \".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}\", \".f1res9jt{color:var(--colorPaletteLilacForeground2);}\", \".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}\", \".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}\", \".fv3fbbi{color:var(--colorPalettePinkForeground2);}\", \".fydlv6t{background-color:var(--colorPalettePinkBackground2);}\", \".fzflscs::before{color:var(--colorPalettePinkBorderActive);}\", \".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}\", \".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}\", \".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}\", \".f8ptl6j{color:var(--colorPalettePlumForeground2);}\", \".fqo8e26{background-color:var(--colorPalettePlumBackground2);}\", \".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}\", \".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}\", \".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}\", \".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}\", \".f1fscmp{color:var(--colorPaletteMinkForeground2);}\", \".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}\", \".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}\", \".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}\", \".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}\", \".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}\", \".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}\", \".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}\", \".f8oz6wf::before{color:var(--colorPaletteAnchorBorderActive);}\"]\n});\nexport const useAvatarStyles_unstable = state => {\n const {\n size,\n shape,\n active,\n activeAppearance,\n color\n } = state;\n const rootClassName = useRootClassName();\n const imageClassName = useImageClassName();\n const iconInitialsClassName = useIconInitialsClassName();\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n const colorStyles = useColorStyles();\n const rootClasses = [rootClassName, size !== 32 && sizeStyles[size], colorStyles[color]];\n if (size <= 24) {\n rootClasses.push(styles.textCaption2Strong);\n } else if (size <= 28) {\n rootClasses.push(styles.textCaption1Strong);\n } else if (size <= 40) {\n // Default text size included in useRootClassName\n } else if (size <= 56) {\n rootClasses.push(styles.textSubtitle2);\n } else if (size <= 96) {\n rootClasses.push(styles.textSubtitle1);\n } else {\n rootClasses.push(styles.textTitle3);\n }\n if (shape === 'square') {\n if (size <= 24) {\n rootClasses.push(styles.squareSmall);\n } else if (size <= 48) {\n rootClasses.push(styles.squareMedium);\n } else if (size <= 72) {\n rootClasses.push(styles.squareLarge);\n } else {\n rootClasses.push(styles.squareXLarge);\n }\n }\n if (active === 'active' || active === 'inactive') {\n rootClasses.push(styles.activeOrInactive);\n if (activeAppearance === 'ring' || activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.ring);\n if (size <= 48) {\n rootClasses.push(styles.ringThick);\n } else if (size <= 64) {\n rootClasses.push(styles.ringThicker);\n } else {\n rootClasses.push(styles.ringThickest);\n }\n }\n if (activeAppearance === 'shadow' || activeAppearance === 'ring-shadow') {\n if (size <= 28) {\n rootClasses.push(styles.shadow4);\n } else if (size <= 48) {\n rootClasses.push(styles.shadow8);\n } else if (size <= 64) {\n rootClasses.push(styles.shadow16);\n } else {\n rootClasses.push(styles.shadow28);\n }\n }\n // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them\n if (active === 'inactive') {\n rootClasses.push(styles.inactive);\n }\n }\n state.root.className = mergeClasses(avatarClassNames.root, ...rootClasses, state.root.className);\n if (state.badge) {\n state.badge.className = mergeClasses(avatarClassNames.badge, styles.badge, size >= 64 && styles.badgeLarge, state.badge.className);\n }\n if (state.image) {\n state.image.className = mergeClasses(avatarClassNames.image, imageClassName, state.image.className);\n }\n if (state.initials) {\n state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, state.initials.className);\n }\n if (state.icon) {\n let iconSizeClass;\n if (size <= 16) {\n iconSizeClass = styles.icon12;\n } else if (size <= 24) {\n iconSizeClass = styles.icon16;\n } else if (size <= 40) {\n iconSizeClass = styles.icon20;\n } else if (size <= 48) {\n iconSizeClass = styles.icon24;\n } else if (size <= 56) {\n iconSizeClass = styles.icon28;\n } else if (size <= 72) {\n iconSizeClass = styles.icon32;\n } else {\n iconSizeClass = styles.icon48;\n }\n state.icon.className = mergeClasses(avatarClassNames.icon, iconInitialsClassName, iconSizeClass, state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useAvatarStyles.js.map"],"names":["avatarClassNames","useSizeStyles","useAvatarStyles_unstable","root","image","initials","icon","badge","animations","fastOutSlowInMax","tokens","curveDecelerateMax","fastOutSlowInMid","curveDecelerateMid","fastOutSlowInMin","curveDecelerateMin","slowOutFastInMax","curveAccelerateMax","slowOutFastInMid","curveAccelerateMid","slowOutFastInMin","curveAccelerateMin","fastEase","curveEasyEaseMax","normalEase","curveEasyEase","nullEasing","curveLinear","useRootClassName","__resetStyles","useImageClassName","useIconInitialsClassName","useStyles","__styles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Cwk7ip","Hwfdqs","Ftih45","Brfgrao","Bciustq","Fbdkly","lawp4y","mdwyqc","Budzafs","r59vdv","n07z76","ck0cow","B8bqphf","h7gv66","Bvy8d8o","B1pumaf","B17wnbm","ring","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","ringThick","qehafq","Bicfajf","susq4k","Biibvgv","B0qfbqy","B4f6apu","y0oebl","uvfttm","ringThicker","ringThickest","shadow4","h8m2vh","shadow8","shadow16","shadow28","inactive","abs64n","Bwz0kr7","vz82u","qhf8xq","B5kzvoi","j35jbq","E5pizo","badgeLarge","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","m","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","Bic5iru","brand","cranberry","red","pumpkin","peach","marigold","gold","brass","brown","forest","seafoam","teal","steel","blue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","rootClasses","push","className","mergeClasses","iconSizeClass"],"mappings":"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"}
|
|
@@ -1,28 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "AvatarGroup", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>AvatarGroup
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
useAvatarGroupStyles_1.useAvatarGroupStyles_unstable(state);
|
|
21
|
-
const {
|
|
22
|
-
useAvatarGroupStyles_unstable: useCustomStyles
|
|
23
|
-
} = react_shared_contexts_1.useCustomStyleHooks_unstable();
|
|
24
|
-
useCustomStyles(state);
|
|
25
|
-
return renderAvatarGroup_1.renderAvatarGroup_unstable(state, contextValues);
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _renderAvatarGroup = require("./renderAvatarGroup");
|
|
12
|
+
const _useAvatarGroup = require("./useAvatarGroup");
|
|
13
|
+
const _useAvatarGroupContextValues = require("./useAvatarGroupContextValues");
|
|
14
|
+
const _reactSharedContexts = require("@fluentui/react-shared-contexts");
|
|
15
|
+
const _useAvatarGroupStyles = require("./useAvatarGroupStyles");
|
|
16
|
+
const AvatarGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
17
|
+
const state = (0, _useAvatarGroup.useAvatarGroup_unstable)(props, ref);
|
|
18
|
+
const contextValues = (0, _useAvatarGroupContextValues.useAvatarGroupContextValues)(state);
|
|
19
|
+
(0, _useAvatarGroupStyles.useAvatarGroupStyles_unstable)(state);
|
|
20
|
+
const { useAvatarGroupStyles_unstable: useCustomStyles } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
|
|
21
|
+
useCustomStyles(state);
|
|
22
|
+
return (0, _renderAvatarGroup.renderAvatarGroup_unstable)(state, contextValues);
|
|
26
23
|
});
|
|
27
|
-
|
|
24
|
+
AvatarGroup.displayName = 'AvatarGroup'; //# sourceMappingURL=AvatarGroup.js.map
|
|
25
|
+
|
|
28
26
|
//# sourceMappingURL=AvatarGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AvatarGroup/AvatarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroup_unstable } from './renderAvatarGroup';\nimport { useAvatarGroup_unstable } from './useAvatarGroup';\nimport { useAvatarGroupContextValues } from './useAvatarGroupContextValues';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupStyles_unstable } from './useAvatarGroupStyles';\n/**\n * The AvatarGroup component represents a group of multiple people or entities by taking care of the arrangement\n * of individual Avatars in a spread, stack, or pie layout.\n */\nexport const AvatarGroup = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useAvatarGroup_unstable(props, ref);\n const contextValues = useAvatarGroupContextValues(state);\n useAvatarGroupStyles_unstable(state);\n const {\n useAvatarGroupStyles_unstable: useCustomStyles\n } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n return renderAvatarGroup_unstable(state, contextValues);\n});\nAvatarGroup.displayName = 'AvatarGroup';\n//# sourceMappingURL=AvatarGroup.js.map"],"names":["AvatarGroup","React","forwardRef","props","ref","state","useAvatarGroup_unstable","contextValues","useAvatarGroupContextValues","useAvatarGroupStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderAvatarGroup_unstable","displayName"],"mappings":";;;;+BAUaA;;aAAAA;;;6DAVU;mCACoB;gCACH;6CACI;qCACC;sCACC;AAKvC,MAAMA,cAAc,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7C,MAAMG,gBAAgBC,IAAAA,wDAA2B,EAACH;IAClDI,IAAAA,mDAA6B,EAACJ;IAC9B,MAAM,EACJI,+BAA+BC,gBAAe,EAC/C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBL;IAChB,OAAOO,IAAAA,6CAA0B,EAACP,OAAOE;AAC3C;AACAP,YAAYa,WAAW,GAAG,eAC1B,uCAAuC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AvatarGroup/AvatarGroup.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=AvatarGroup.types.js.map"],"names":[],"mappings":";;;;CACA,6CAA6C"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./AvatarGroup"), exports);
|
|
7
|
+
_exportStar(require("./AvatarGroup.types"), exports);
|
|
8
|
+
_exportStar(require("./renderAvatarGroup"), exports);
|
|
9
|
+
_exportStar(require("./useAvatarGroup"), exports);
|
|
10
|
+
_exportStar(require("./useAvatarGroupStyles"), exports);
|
|
11
|
+
_exportStar(require("./useAvatarGroupContextValues"), exports);
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
13
|
+
|
|
13
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AvatarGroup/index.js"],"sourcesContent":["export * from './AvatarGroup';\nexport * from './AvatarGroup.types';\nexport * from './renderAvatarGroup';\nexport * from './useAvatarGroup';\nexport * from './useAvatarGroupStyles';\nexport * from './useAvatarGroupContextValues';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
|
|
@@ -1,25 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderAvatarGroup_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>renderAvatarGroup_unstable
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
} = react_utilities_1.getSlots(state);
|
|
18
|
-
return React.createElement(AvatarGroupContext_1.AvatarGroupProvider, {
|
|
19
|
-
value: contextValues.avatarGroup
|
|
20
|
-
}, React.createElement(slots.root, {
|
|
21
|
-
...slotProps.root
|
|
22
|
-
}));
|
|
23
|
-
};
|
|
24
|
-
exports.renderAvatarGroup_unstable = renderAvatarGroup_unstable;
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _reactUtilities = require("@fluentui/react-utilities");
|
|
12
|
+
const _avatarGroupContext = require("../../contexts/AvatarGroupContext");
|
|
13
|
+
const renderAvatarGroup_unstable = (state, contextValues)=>{
|
|
14
|
+
const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
|
|
15
|
+
return /*#__PURE__*/ _react.createElement(_avatarGroupContext.AvatarGroupProvider, {
|
|
16
|
+
value: contextValues.avatarGroup
|
|
17
|
+
}, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root));
|
|
18
|
+
}; //# sourceMappingURL=renderAvatarGroup.js.map
|
|
19
|
+
|
|
25
20
|
//# sourceMappingURL=renderAvatarGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AvatarGroup/renderAvatarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\n/**\n * Render the final JSX of AvatarGroup\n */\nexport const renderAvatarGroup_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(AvatarGroupProvider, {\n value: contextValues.avatarGroup\n }, /*#__PURE__*/React.createElement(slots.root, slotProps.root));\n};\n//# sourceMappingURL=renderAvatarGroup.js.map"],"names":["renderAvatarGroup_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","AvatarGroupProvider","value","avatarGroup","root"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;oCACW;AAI7B,MAAMA,6BAA6B,CAACC,OAAOC,gBAAkB;IAClE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACC,uCAAmB,EAAE;QAC3DC,OAAOP,cAAcQ,WAAW;IAClC,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,IAAI,EAAEP,UAAUO,IAAI;AAChE,GACA,6CAA6C"}
|
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
useAvatarGroup_unstable: ()=>useAvatarGroup_unstable,
|
|
13
|
+
defaultAvatarGroupSize: ()=>defaultAvatarGroupSize
|
|
5
14
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}, ['size']);
|
|
27
|
-
return {
|
|
28
|
-
layout,
|
|
29
|
-
size,
|
|
30
|
-
components: {
|
|
31
|
-
root: 'div'
|
|
32
|
-
},
|
|
33
|
-
root
|
|
34
|
-
};
|
|
15
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
16
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
17
|
+
const _reactUtilities = require("@fluentui/react-utilities");
|
|
18
|
+
const useAvatarGroup_unstable = (props, ref)=>{
|
|
19
|
+
const { layout ='spread' , size =defaultAvatarGroupSize } = props;
|
|
20
|
+
const root = (0, _reactUtilities.getNativeElementProps)('div', {
|
|
21
|
+
role: 'group',
|
|
22
|
+
...props,
|
|
23
|
+
ref
|
|
24
|
+
}, [
|
|
25
|
+
'size'
|
|
26
|
+
]);
|
|
27
|
+
return {
|
|
28
|
+
layout,
|
|
29
|
+
size,
|
|
30
|
+
components: {
|
|
31
|
+
root: 'div'
|
|
32
|
+
},
|
|
33
|
+
root
|
|
34
|
+
};
|
|
35
35
|
};
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
const defaultAvatarGroupSize = 32; //# sourceMappingURL=useAvatarGroup.js.map
|
|
37
|
+
|
|
38
38
|
//# sourceMappingURL=useAvatarGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AvatarGroup/useAvatarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render AvatarGroup.\n *\n * The returned state can be modified with hooks such as useAvatarGroupStyles_unstable,\n * before being passed to renderAvatarGroup_unstable.\n *\n * @param props - props from this instance of AvatarGroup\n * @param ref - reference to root HTMLElement of AvatarGroup\n */\nexport const useAvatarGroup_unstable = (props, ref) => {\n const {\n layout = 'spread',\n size = defaultAvatarGroupSize\n } = props;\n const root = getNativeElementProps('div', {\n role: 'group',\n ...props,\n ref\n }, ['size']);\n return {\n layout,\n size,\n components: {\n root: 'div'\n },\n root\n };\n};\nexport const defaultAvatarGroupSize = 32;\n//# sourceMappingURL=useAvatarGroup.js.map"],"names":["useAvatarGroup_unstable","defaultAvatarGroupSize","props","ref","layout","size","root","getNativeElementProps","role","components"],"mappings":";;;;;;;;;;;IAWaA,uBAAuB,MAAvBA;IAmBAC,sBAAsB,MAAtBA;;;6DA9BU;gCACe;AAU/B,MAAMD,0BAA0B,CAACE,OAAOC,MAAQ;IACrD,MAAM,EACJC,QAAS,SAAQ,EACjBC,MAAOJ,uBAAsB,EAC9B,GAAGC;IACJ,MAAMI,OAAOC,IAAAA,qCAAqB,EAAC,OAAO;QACxCC,MAAM;QACN,GAAGN,KAAK;QACRC;IACF,GAAG;QAAC;KAAO;IACX,OAAO;QACLC;QACAC;QACAI,YAAY;YACVH,MAAM;QACR;QACAA;IACF;AACF;AACO,MAAML,yBAAyB,IACtC,0CAA0C"}
|
|
@@ -1,21 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useAvatarGroupContextValues", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>useAvatarGroupContextValues
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
avatarGroup
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
exports.useAvatarGroupContextValues = useAvatarGroupContextValues;
|
|
9
|
+
const useAvatarGroupContextValues = (state)=>{
|
|
10
|
+
const { layout , size } = state;
|
|
11
|
+
const avatarGroup = {
|
|
12
|
+
layout,
|
|
13
|
+
size
|
|
14
|
+
};
|
|
15
|
+
return {
|
|
16
|
+
avatarGroup
|
|
17
|
+
};
|
|
18
|
+
}; //# sourceMappingURL=useAvatarGroupContextValues.js.map
|
|
19
|
+
|
|
21
20
|
//# sourceMappingURL=useAvatarGroupContextValues.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AvatarGroup/useAvatarGroupContextValues.js"],"sourcesContent":["export const useAvatarGroupContextValues = state => {\n const {\n layout,\n size\n } = state;\n const avatarGroup = {\n layout,\n size\n };\n return {\n avatarGroup\n };\n};\n//# sourceMappingURL=useAvatarGroupContextValues.js.map"],"names":["useAvatarGroupContextValues","state","layout","size","avatarGroup"],"mappings":";;;;+BAAaA;;aAAAA;;AAAN,MAAMA,8BAA8BC,CAAAA,QAAS;IAClD,MAAM,EACJC,OAAM,EACNC,KAAI,EACL,GAAGF;IACJ,MAAMG,cAAc;QAClBF;QACAC;IACF;IACA,OAAO;QACLC;IACF;AACF,GACA,uDAAuD"}
|
|
@@ -1,46 +1,56 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
avatarGroupClassNames: ()=>avatarGroupClassNames,
|
|
13
|
+
useAvatarGroupStyles_unstable: ()=>useAvatarGroupStyles_unstable
|
|
5
14
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
exports.avatarGroupClassNames = {
|
|
11
|
-
root: 'fui-AvatarGroup'
|
|
15
|
+
const _react = require("@griffel/react");
|
|
16
|
+
const _useAvatarStyles = require("../Avatar/useAvatarStyles");
|
|
17
|
+
const avatarGroupClassNames = {
|
|
18
|
+
root: 'fui-AvatarGroup'
|
|
12
19
|
};
|
|
13
20
|
/**
|
|
14
21
|
* Styles for the root slot.
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
22
|
+
*/ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
23
|
+
base: {
|
|
24
|
+
mc9l5x: "ftuwxu6",
|
|
25
|
+
qhf8xq: "f10pi13n"
|
|
26
|
+
},
|
|
27
|
+
pie: {
|
|
28
|
+
Bgl5zvf: "f1uz6ud1",
|
|
29
|
+
De3pzq: "f1ganh6p",
|
|
30
|
+
Bsw6fvg: "fe2ae1k"
|
|
31
|
+
}
|
|
26
32
|
}, {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
33
|
+
d: [
|
|
34
|
+
".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}",
|
|
35
|
+
".f10pi13n{position:relative;}",
|
|
36
|
+
".f1uz6ud1{-webkit-clip-path:circle(50%);clip-path:circle(50%);}",
|
|
37
|
+
".f1ganh6p{background-color:var(--colorTransparentStroke);}"
|
|
38
|
+
],
|
|
39
|
+
m: [
|
|
40
|
+
[
|
|
41
|
+
"@media (forced-colors: active){.fe2ae1k{background-color:CanvasText;}}",
|
|
42
|
+
{
|
|
43
|
+
m: "(forced-colors: active)"
|
|
44
|
+
}
|
|
45
|
+
]
|
|
46
|
+
]
|
|
31
47
|
});
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
const
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
const styles = useStyles();
|
|
41
|
-
const sizeStyles = useAvatarStyles_1.useSizeStyles();
|
|
42
|
-
state.root.className = react_1.mergeClasses(exports.avatarGroupClassNames.root, styles.base, layout === 'pie' && sizeStyles[size], layout === 'pie' && styles.pie, state.root.className);
|
|
43
|
-
return state;
|
|
44
|
-
};
|
|
45
|
-
exports.useAvatarGroupStyles_unstable = useAvatarGroupStyles_unstable;
|
|
48
|
+
const useAvatarGroupStyles_unstable = (state)=>{
|
|
49
|
+
const { layout , size } = state;
|
|
50
|
+
const styles = useStyles();
|
|
51
|
+
const sizeStyles = (0, _useAvatarStyles.useSizeStyles)();
|
|
52
|
+
state.root.className = (0, _react.mergeClasses)(avatarGroupClassNames.root, styles.base, layout === 'pie' && sizeStyles[size], layout === 'pie' && styles.pie, state.root.className);
|
|
53
|
+
return state;
|
|
54
|
+
}; //# sourceMappingURL=useAvatarGroupStyles.js.map
|
|
55
|
+
|
|
46
56
|
//# sourceMappingURL=useAvatarGroupStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AvatarGroup/useAvatarGroupStyles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles';\nexport const avatarGroupClassNames = {\n root: 'fui-AvatarGroup'\n};\n/**\n * Styles for the root slot.\n */\nconst useStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n qhf8xq: \"f10pi13n\"\n },\n pie: {\n Bgl5zvf: \"f1uz6ud1\",\n De3pzq: \"f1ganh6p\",\n Bsw6fvg: \"fe2ae1k\"\n }\n}, {\n d: [\".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f10pi13n{position:relative;}\", \".f1uz6ud1{-webkit-clip-path:circle(50%);clip-path:circle(50%);}\", \".f1ganh6p{background-color:var(--colorTransparentStroke);}\"],\n m: [[\"@media (forced-colors: active){.fe2ae1k{background-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Apply styling to the AvatarGroup slots based on the state\n */\nexport const useAvatarGroupStyles_unstable = state => {\n const {\n layout,\n size\n } = state;\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n state.root.className = mergeClasses(avatarGroupClassNames.root, styles.base, layout === 'pie' && sizeStyles[size], layout === 'pie' && styles.pie, state.root.className);\n return state;\n};\n//# sourceMappingURL=useAvatarGroupStyles.js.map"],"names":["avatarGroupClassNames","useAvatarGroupStyles_unstable","root","useStyles","__styles","base","mc9l5x","qhf8xq","pie","Bgl5zvf","De3pzq","Bsw6fvg","d","m","state","layout","size","styles","sizeStyles","useSizeStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,qBAAqB,MAArBA;IAyBAC,6BAA6B,MAA7BA;;uBA5B0B;iCAET;AACvB,MAAMD,wBAAwB;IACnCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;IACV;IACAC,KAAK;QACHC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAoH;QAAiC;QAAmE;KAA6D;IACzRC,GAAG;QAAC;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMZ,gCAAgCa,CAAAA,QAAS;IACpD,MAAM,EACJC,OAAM,EACNC,KAAI,EACL,GAAGF;IACJ,MAAMG,SAASd;IACf,MAAMe,aAAaC,IAAAA,8BAAa;IAChCL,MAAMZ,IAAI,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACrB,sBAAsBE,IAAI,EAAEe,OAAOZ,IAAI,EAAEU,WAAW,SAASG,UAAU,CAACF,KAAK,EAAED,WAAW,SAASE,OAAOT,GAAG,EAAEM,MAAMZ,IAAI,CAACkB,SAAS;IACvK,OAAON;AACT,GACA,gDAAgD"}
|