@fluentui/react-avatar 9.6.18 → 9.6.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/CHANGELOG.md +35 -2
  2. package/lib/components/Avatar/Avatar.types.js +1 -3
  3. package/lib/components/Avatar/Avatar.types.js.map +1 -1
  4. package/lib/components/AvatarGroup/AvatarGroup.types.js.map +1 -1
  5. package/lib/components/AvatarGroupItem/AvatarGroupItem.types.js +1 -3
  6. package/lib/components/AvatarGroupItem/AvatarGroupItem.types.js.map +1 -1
  7. package/lib-commonjs/components/Avatar/Avatar.types.js +1 -3
  8. package/lib-commonjs/components/Avatar/Avatar.types.js.map +1 -1
  9. package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js +3 -3
  10. package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js.map +1 -1
  11. package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js +3 -3
  12. package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js.map +1 -1
  13. package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js +1 -3
  14. package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js.map +1 -1
  15. package/lib-commonjs/index.js +44 -44
  16. package/lib-commonjs/index.js.map +1 -1
  17. package/package.json +10 -10
package/CHANGELOG.md CHANGED
@@ -1,12 +1,45 @@
1
1
  # Change Log - @fluentui/react-avatar
2
2
 
3
- This log was last generated on Fri, 15 Mar 2024 21:37:57 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 02 Apr 2024 09:41:20 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.6.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.6.20)
8
+
9
+ Tue, 02 Apr 2024 09:41:20 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.6.19..@fluentui/react-avatar_v9.6.20)
11
+
12
+ ### Patches
13
+
14
+ - Bump @fluentui/react-badge to v9.2.30 ([PR #30926](https://github.com/microsoft/fluentui/pull/30926) by beachball)
15
+ - Bump @fluentui/react-context-selector to v9.1.57 ([PR #30926](https://github.com/microsoft/fluentui/pull/30926) by beachball)
16
+ - Bump @fluentui/react-popover to v9.9.3 ([PR #30926](https://github.com/microsoft/fluentui/pull/30926) by beachball)
17
+ - Bump @fluentui/react-shared-contexts to v9.16.0 ([PR #30926](https://github.com/microsoft/fluentui/pull/30926) by beachball)
18
+ - Bump @fluentui/react-tabster to v9.19.6 ([PR #30926](https://github.com/microsoft/fluentui/pull/30926) by beachball)
19
+ - Bump @fluentui/react-tooltip to v9.4.22 ([PR #30926](https://github.com/microsoft/fluentui/pull/30926) by beachball)
20
+ - Bump @fluentui/react-utilities to v9.18.6 ([PR #30926](https://github.com/microsoft/fluentui/pull/30926) by beachball)
21
+ - Bump @fluentui/react-jsx-runtime to v9.0.35 ([PR #30926](https://github.com/microsoft/fluentui/pull/30926) by beachball)
22
+
23
+ ## [9.6.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.6.19)
24
+
25
+ Mon, 18 Mar 2024 19:50:46 GMT
26
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.6.18..@fluentui/react-avatar_v9.6.19)
27
+
28
+ ### Patches
29
+
30
+ - Bump @fluentui/react-badge to v9.2.29 ([PR #30600](https://github.com/microsoft/fluentui/pull/30600) by beachball)
31
+ - Bump @fluentui/react-context-selector to v9.1.56 ([PR #30600](https://github.com/microsoft/fluentui/pull/30600) by beachball)
32
+ - Bump @fluentui/react-popover to v9.9.2 ([PR #30600](https://github.com/microsoft/fluentui/pull/30600) by beachball)
33
+ - Bump @fluentui/react-shared-contexts to v9.15.2 ([PR #30600](https://github.com/microsoft/fluentui/pull/30600) by beachball)
34
+ - Bump @fluentui/react-tabster to v9.19.5 ([PR #30600](https://github.com/microsoft/fluentui/pull/30600) by beachball)
35
+ - Bump @fluentui/react-theme to v9.1.19 ([PR #30600](https://github.com/microsoft/fluentui/pull/30600) by beachball)
36
+ - Bump @fluentui/react-tooltip to v9.4.21 ([PR #30600](https://github.com/microsoft/fluentui/pull/30600) by beachball)
37
+ - Bump @fluentui/react-utilities to v9.18.5 ([PR #30600](https://github.com/microsoft/fluentui/pull/30600) by beachball)
38
+ - Bump @fluentui/react-jsx-runtime to v9.0.34 ([PR #30600](https://github.com/microsoft/fluentui/pull/30600) by beachball)
39
+
7
40
  ## [9.6.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.6.18)
8
41
 
9
- Fri, 15 Mar 2024 21:37:57 GMT
42
+ Fri, 15 Mar 2024 21:43:49 GMT
10
43
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.6.17..@fluentui/react-avatar_v9.6.18)
11
44
 
12
45
  ### Patches
package/lib/components/Avatar/Avatar.types.js CHANGED
@@ -1,3 +1 @@
1
- /**
2
- * State used in rendering Avatar
3
- */ export { };
1
+ export { };
package/lib/components/Avatar/Avatar.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["Avatar.types.ts"],"sourcesContent":["import { PresenceBadge } from '@fluentui/react-badge';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Sizes for the avatar\n * @deprecated use AvatarSize instead\n */\nexport type AvatarSizes = AvatarSize;\n/**\n * Sizes for the avatar\n */\nexport type AvatarSize = 16 | 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;\n\n/**\n * Shape of the avatar\n */\nexport type AvatarShape = 'circular' | 'square';\n\nexport type AvatarSlots = {\n root: Slot<'span'>;\n\n /**\n * The Avatar's image.\n *\n * Usage e.g.: `image={{ src: '...' }}`\n */\n image?: Slot<'img'>;\n\n /**\n * (optional) Custom initials.\n *\n * It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,\n * using the `getInitials` function.\n *\n * The initials are displayed when there is no image (including while the image is loading).\n */\n initials?: Slot<'span'>;\n\n /**\n * Icon to be displayed when the avatar doesn't have an image or initials.\n *\n * @default `PersonRegular` (the default icon's size depends on the Avatar's size)\n */\n icon?: Slot<'span'>;\n\n /**\n * Badge to show the avatar's presence status.\n */\n badge?: Slot<typeof PresenceBadge>;\n};\n\n/**\n * A specific named color for the Avatar\n */\nexport type AvatarNamedColor =\n | 'dark-red'\n | 'cranberry'\n | 'red'\n | 'pumpkin'\n | 'peach'\n | 'marigold'\n | 'gold'\n | 'brass'\n | 'brown'\n | 'forest'\n | 'seafoam'\n | 'dark-green'\n | 'light-teal'\n | 'teal'\n | 'steel'\n | 'blue'\n | 'royal-blue'\n | 'cornflower'\n | 'navy'\n | 'lavender'\n | 'purple'\n | 'grape'\n | 'lilac'\n | 'pink'\n | 'magenta'\n | 'plum'\n | 'beige'\n | 'mink'\n | 'platinum'\n | 'anchor';\n\n/**\n * Properties for Avatar\n */\nexport type AvatarProps = Omit<ComponentProps<AvatarSlots>, 'color'> & {\n /**\n * Optional activity indicator\n * * active: the avatar will be decorated according to activeAppearance\n * * inactive: the avatar will be reduced in size and partially transparent\n * * unset: normal display\n *\n * @default unset\n */\n active?: 'active' | 'inactive' | 'unset';\n\n /**\n * The appearance when `active=\"active\"`\n *\n * @default ring\n */\n activeAppearance?: 'ring' | 'shadow' | 'ring-shadow';\n\n /**\n * The color when displaying either an icon or initials.\n * * neutral (default): gray\n * * brand: color from the brand palette\n * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)\n * * [AvatarNamedColor]: a specific color from the theme\n *\n * @default neutral\n */\n color?: 'neutral' | 'brand' | 'colorful' | AvatarNamedColor;\n\n /**\n * Specify a string to be used instead of the name, to determine which color to use when color=\"colorful\".\n * Use this when a name is not available, but there is another unique identifier that can be used instead.\n */\n idForColor?: string | undefined;\n\n /**\n * The name of the person or entity represented by this Avatar. This should always be provided if it is available.\n *\n * The name is used to determine the initials displayed when there is no image. It is also provided to\n * accessibility tools.\n */\n name?: string;\n\n /**\n * The avatar can have a circular or square shape.\n * @default circular\n */\n shape?: AvatarShape;\n\n /**\n * Size of the avatar in pixels.\n *\n * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and\n * based on design guidelines for the Avatar control.\n *\n * Note: At size 16, if initials are displayed, only the first initial will be rendered.\n *\n * If a non-supported size is neeeded, set `size` to the next-smaller supported size, and set `width` and `height`\n * to override the rendered size.\n *\n * For example, to set the avatar to 45px in size:\n * `<Avatar size={40} style={{ width: '45px', height: '45px' }} />`\n *\n * @default 32\n */\n size?: AvatarSize;\n};\n\n/**\n * State used in rendering Avatar\n */\nexport type AvatarState = ComponentState<AvatarSlots> &\n Required<Pick<AvatarProps, 'active' | 'activeAppearance' | 'shape' | 'size'>> & {\n /**\n * The Avatar's color, it matches props.color but with `'colorful'` resolved to a named color\n */\n color: NonNullable<Exclude<AvatarProps['color'], 'colorful'>>;\n\n /**\n * Hidden span to render the active state label for the purposes of including in the aria-labelledby, if needed.\n */\n activeAriaLabelElement?: JSX.Element;\n };\n"],"names":[],"mappings":"AA6JA;;CAEC,GACD,WAWI"}
1
+ {"version":3,"sources":["Avatar.types.ts"],"sourcesContent":["import { PresenceBadge } from '@fluentui/react-badge';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Sizes for the avatar\n * @deprecated use AvatarSize instead\n */\nexport type AvatarSizes = AvatarSize;\n/**\n * Sizes for the avatar\n */\nexport type AvatarSize = 16 | 20 | 24 | 28 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 96 | 120 | 128;\n\n/**\n * Shape of the avatar\n */\nexport type AvatarShape = 'circular' | 'square';\n\nexport type AvatarSlots = {\n root: Slot<'span'>;\n\n /**\n * The Avatar's image.\n *\n * Usage e.g.: `image={{ src: '...' }}`\n */\n image?: Slot<'img'>;\n\n /**\n * (optional) Custom initials.\n *\n * It is usually not necessary to specify custom initials; by default they will be derived from the `name` prop,\n * using the `getInitials` function.\n *\n * The initials are displayed when there is no image (including while the image is loading).\n */\n initials?: Slot<'span'>;\n\n /**\n * Icon to be displayed when the avatar doesn't have an image or initials.\n *\n * @default `PersonRegular` (the default icon's size depends on the Avatar's size)\n */\n icon?: Slot<'span'>;\n\n /**\n * Badge to show the avatar's presence status.\n */\n badge?: Slot<typeof PresenceBadge>;\n};\n\n/**\n * A specific named color for the Avatar\n */\nexport type AvatarNamedColor =\n | 'dark-red'\n | 'cranberry'\n | 'red'\n | 'pumpkin'\n | 'peach'\n | 'marigold'\n | 'gold'\n | 'brass'\n | 'brown'\n | 'forest'\n | 'seafoam'\n | 'dark-green'\n | 'light-teal'\n | 'teal'\n | 'steel'\n | 'blue'\n | 'royal-blue'\n | 'cornflower'\n | 'navy'\n | 'lavender'\n | 'purple'\n | 'grape'\n | 'lilac'\n | 'pink'\n | 'magenta'\n | 'plum'\n | 'beige'\n | 'mink'\n | 'platinum'\n | 'anchor';\n\n/**\n * Properties for Avatar\n */\nexport type AvatarProps = Omit<ComponentProps<AvatarSlots>, 'color'> & {\n /**\n * Optional activity indicator\n * * active: the avatar will be decorated according to activeAppearance\n * * inactive: the avatar will be reduced in size and partially transparent\n * * unset: normal display\n *\n * @default unset\n */\n active?: 'active' | 'inactive' | 'unset';\n\n /**\n * The appearance when `active=\"active\"`\n *\n * @default ring\n */\n activeAppearance?: 'ring' | 'shadow' | 'ring-shadow';\n\n /**\n * The color when displaying either an icon or initials.\n * * neutral (default): gray\n * * brand: color from the brand palette\n * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or idForColor if provided)\n * * [AvatarNamedColor]: a specific color from the theme\n *\n * @default neutral\n */\n color?: 'neutral' | 'brand' | 'colorful' | AvatarNamedColor;\n\n /**\n * Specify a string to be used instead of the name, to determine which color to use when color=\"colorful\".\n * Use this when a name is not available, but there is another unique identifier that can be used instead.\n */\n idForColor?: string | undefined;\n\n /**\n * The name of the person or entity represented by this Avatar. This should always be provided if it is available.\n *\n * The name is used to determine the initials displayed when there is no image. It is also provided to\n * accessibility tools.\n */\n name?: string;\n\n /**\n * The avatar can have a circular or square shape.\n * @default circular\n */\n shape?: AvatarShape;\n\n /**\n * Size of the avatar in pixels.\n *\n * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and\n * based on design guidelines for the Avatar control.\n *\n * Note: At size 16, if initials are displayed, only the first initial will be rendered.\n *\n * If a non-supported size is neeeded, set `size` to the next-smaller supported size, and set `width` and `height`\n * to override the rendered size.\n *\n * For example, to set the avatar to 45px in size:\n * `<Avatar size={40} style={{ width: '45px', height: '45px' }} />`\n *\n * @default 32\n */\n size?: AvatarSize;\n};\n\n/**\n * State used in rendering Avatar\n */\nexport type AvatarState = ComponentState<AvatarSlots> &\n Required<Pick<AvatarProps, 'active' | 'activeAppearance' | 'shape' | 'size'>> & {\n /**\n * The Avatar's color, it matches props.color but with `'colorful'` resolved to a named color\n */\n color: NonNullable<Exclude<AvatarProps['color'], 'colorful'>>;\n\n /**\n * Hidden span to render the active state label for the purposes of including in the aria-labelledby, if needed.\n */\n activeAriaLabelElement?: JSX.Element;\n };\n"],"names":[],"mappings":"AAAA,WA2KI"}
package/lib/components/AvatarGroup/AvatarGroup.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["AvatarGroup.types.ts"],"sourcesContent":["import type { AvatarSize } from '../Avatar/Avatar.types';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AvatarGroupSlots = {\n root: NonNullable<Slot<'div'>>;\n};\n\n/**\n * AvatarGroup Props\n */\nexport type AvatarGroupProps = ComponentProps<AvatarGroupSlots> & {\n /**\n * Layout the AvatarGroupItems should be displayed as.\n * @default spread\n */\n layout?: 'spread' | 'stack' | 'pie';\n\n /**\n * Size of the AvatarGroupItems.\n * @default 32\n */\n size?: AvatarSize;\n};\n\n/**\n * State used in rendering AvatarGroup\n */\nexport type AvatarGroupState = ComponentState<AvatarGroupSlots> & Required<Pick<AvatarGroupProps, 'layout' | 'size'>>;\n\nexport type AvatarGroupContextValue = Pick<AvatarGroupProps, 'size' | 'layout'> & {\n isOverflow?: boolean;\n};\n\nexport type AvatarGroupContextValues = {\n avatarGroup: AvatarGroupContextValue;\n};\n"],"names":[],"mappings":"AAiCA,WAEE"}
1
+ {"version":3,"sources":["AvatarGroup.types.ts"],"sourcesContent":["import type { AvatarSize } from '../Avatar/Avatar.types';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AvatarGroupSlots = {\n root: NonNullable<Slot<'div'>>;\n};\n\n/**\n * AvatarGroup Props\n */\nexport type AvatarGroupProps = ComponentProps<AvatarGroupSlots> & {\n /**\n * Layout the AvatarGroupItems should be displayed as.\n * @default spread\n */\n layout?: 'spread' | 'stack' | 'pie';\n\n /**\n * Size of the AvatarGroupItems.\n * @default 32\n */\n size?: AvatarSize;\n};\n\n/**\n * State used in rendering AvatarGroup\n */\nexport type AvatarGroupState = ComponentState<AvatarGroupSlots> & Required<Pick<AvatarGroupProps, 'layout' | 'size'>>;\n\nexport type AvatarGroupContextValue = Pick<AvatarGroupProps, 'size' | 'layout'> & {\n isOverflow?: boolean;\n};\n\nexport type AvatarGroupContextValues = {\n avatarGroup: AvatarGroupContextValue;\n};\n"],"names":[],"mappings":"AAAA,WAmCE"}
package/lib/components/AvatarGroupItem/AvatarGroupItem.types.js CHANGED
@@ -1,3 +1 @@
1
- /**
2
- * State used in rendering AvatarGroupItem
3
- */ export { };
1
+ export { };
package/lib/components/AvatarGroupItem/AvatarGroupItem.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["AvatarGroupItem.types.ts"],"sourcesContent":["import { AvatarGroupProps } from '../AvatarGroup/AvatarGroup.types';\nimport type { Avatar, AvatarSize } from '../../Avatar';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AvatarGroupItemSlots = {\n root: NonNullable<Slot<'div', 'li'>>;\n\n /**\n * Avatar that represents a person or entity.\n */\n avatar: NonNullable<Slot<typeof Avatar>>;\n\n /**\n * Label used for the name of the AvatarGroupItem when rendered as an overflow item.\n * The content of the label, by default, is the `name` prop from the `avatar` slot.\n */\n overflowLabel: NonNullable<Slot<'span'>>;\n};\n\n/**\n * AvatarGroupItem Props\n */\nexport type AvatarGroupItemProps = Omit<ComponentProps<Partial<AvatarGroupItemSlots>, 'avatar'>, 'size' | 'shape'>;\n\n/**\n * State used in rendering AvatarGroupItem\n */\nexport type AvatarGroupItemState = ComponentState<AvatarGroupItemSlots> & {\n /**\n * Whether the Avatar is an overflow item.\n *\n * @default false\n */\n isOverflowItem?: boolean;\n\n layout: AvatarGroupProps['layout'];\n size: AvatarSize;\n};\n"],"names":[],"mappings":"AAwBA;;CAEC,GACD,WAUE"}
1
+ {"version":3,"sources":["AvatarGroupItem.types.ts"],"sourcesContent":["import { AvatarGroupProps } from '../AvatarGroup/AvatarGroup.types';\nimport type { Avatar, AvatarSize } from '../../Avatar';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AvatarGroupItemSlots = {\n root: NonNullable<Slot<'div', 'li'>>;\n\n /**\n * Avatar that represents a person or entity.\n */\n avatar: NonNullable<Slot<typeof Avatar>>;\n\n /**\n * Label used for the name of the AvatarGroupItem when rendered as an overflow item.\n * The content of the label, by default, is the `name` prop from the `avatar` slot.\n */\n overflowLabel: NonNullable<Slot<'span'>>;\n};\n\n/**\n * AvatarGroupItem Props\n */\nexport type AvatarGroupItemProps = Omit<ComponentProps<Partial<AvatarGroupItemSlots>, 'avatar'>, 'size' | 'shape'>;\n\n/**\n * State used in rendering AvatarGroupItem\n */\nexport type AvatarGroupItemState = ComponentState<AvatarGroupItemSlots> & {\n /**\n * Whether the Avatar is an overflow item.\n *\n * @default false\n */\n isOverflowItem?: boolean;\n\n layout: AvatarGroupProps['layout'];\n size: AvatarSize;\n};\n"],"names":[],"mappings":"AAAA,WAqCE"}
package/lib-commonjs/components/Avatar/Avatar.types.js CHANGED
@@ -1,6 +1,4 @@
1
- /**
2
- * State used in rendering Avatar
3
- */ "use strict";
1
+ "use strict";
4
2
  Object.defineProperty(exports, "__esModule", {
5
3
  value: true
6
4
  });
package/lib-commonjs/components/Avatar/Avatar.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["Avatar.types.js"],"sourcesContent":["/**\n * State used in rendering Avatar\n */ export { };\n"],"names":[],"mappings":"AAAA;;CAEC"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js CHANGED
@@ -12,11 +12,11 @@ _export(exports, {
12
12
  avatarClassNames: function() {
13
13
  return avatarClassNames;
14
14
  },
15
- useAvatarStyles_unstable: function() {
16
- return useAvatarStyles_unstable;
17
- },
18
15
  useSizeStyles: function() {
19
16
  return useSizeStyles;
17
+ },
18
+ useAvatarStyles_unstable: function() {
19
+ return useAvatarStyles_unstable;
20
20
  }
21
21
  });
22
22
  const _react = require("@griffel/react");
package/lib-commonjs/components/Avatar/useAvatarStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useAvatarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\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};\n// CSS variables used internally in Avatar's styles\nconst vars = {\n badgeRadius: '--fui-Avatar-badgeRadius',\n badgeGap: '--fui-Avatar-badgeGap',\n badgeAlign: '--fui-Avatar-badgeAlign',\n ringWidth: '--fui-Avatar-ringWidth'\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r81b29z\", \"r1aatmv\", {\n r: [\".r81b29z{display:inline-block;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;}\", \".r81b29z::before,.r81b29z::after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".r81b29z::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\", \".r1aatmv{display:inline-block;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;}\", \".r1aatmv::before,.r1aatmv::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".r1aatmv::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\"],\n s: [\"@media screen and (prefers-reduced-motion: reduce){.r81b29z::before,.r81b29z::after{transition-duration:0.01ms;}}\", \"@media screen and (prefers-reduced-motion: reduce){.r1aatmv::before,.r1aatmv::after{transition-duration:0.01ms;}}\"]\n});\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:flex;align-items: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:flex;align-items: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;}\"]);\n/**\n * Helper to create a maskImage that punches out a circle larger than the badge by `badgeGap`.\n * This creates a transparent gap between the badge and Avatar.\n *\n * Used by the icon, initials, and image slots, as well as the ring ::before pseudo-element.\n */\nconst badgeMask = margin => {\n // Center the cutout at the badge's radius away from the edge.\n // The ring (::before) also has a 2 * ringWidth margin that also needs to be offset.\n const centerOffset = margin ? `calc(var(${vars.badgeRadius}) + ${margin})` : `var(${vars.badgeRadius})`;\n // radial-gradient does not have anti-aliasing, so the transparent and opaque gradient stops are offset by +/- 0.25px\n // to \"fade\" from transparent to opaque over a half-pixel and ease the transition.\n const innerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) - 0.25px)`;\n const outerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) + 0.25px)`;\n return `radial-gradient(circle at bottom ${centerOffset} var(${vars.badgeAlign}) ${centerOffset}, ` + `transparent ${innerRadius}, white ${outerRadius})`;\n};\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 Bkqvd7p: \"f15n41j8\",\n Hwfdqs: \"f1onx1g3\"\n },\n ring: {\n Ftih45: \"f1wl9k8s\"\n },\n ringBadgeCutout: {\n f4a502: \"fp2gujx\"\n },\n ringThick: {\n of393c: \"fq1w1vq\"\n },\n ringThicker: {\n of393c: \"fzg6ace\"\n },\n ringThickest: {\n of393c: \"f1nu8p71\"\n },\n shadow: {\n Bsft5z2: \"f13zj6fq\"\n },\n shadow4: {\n Be6vj1x: \"fcjn15l\"\n },\n shadow8: {\n Be6vj1x: \"f1tm8t9f\"\n },\n shadow16: {\n Be6vj1x: \"f1a1aohj\"\n },\n shadow28: {\n Be6vj1x: \"fond6v5\"\n },\n inactive: {\n abs64n: \"fp25eh\",\n Bz10aip: \"f1clczzi\",\n Bkqvd7p: \"f1l3s34x\",\n Bucmhp4: \"f1f5ar78\",\n b2tv09: [\"fqxtap0\", \"fhjukvy\"],\n Bfgortx: \"f1qj1nzo\",\n Bnvr3x9: [\"fhjukvy\", \"fqxtap0\"],\n b6ubon: \"fw457kn\",\n Bqinb2h: \"f1wmllxl\"\n },\n badge: {\n qhf8xq: \"f1euv43f\",\n B5kzvoi: \"f1yab3r1\",\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"]\n },\n badgeCutout: {\n btxmck: \"f1eugkqs\"\n },\n badgeAlign: {\n Dnlfbu: [\"f1tlnv9o\", \"f1y9kyih\"]\n },\n tiny: {\n Bdjeniz: \"f1uwoubl\",\n niu6jh: \"fid048z\"\n },\n \"extra-small\": {\n Bdjeniz: \"f13ar0e0\",\n niu6jh: \"fid048z\"\n },\n small: {\n Bdjeniz: \"fwwuruf\",\n niu6jh: \"fid048z\"\n },\n medium: {\n Bdjeniz: \"f1af27q5\",\n niu6jh: \"fid048z\"\n },\n large: {\n Bdjeniz: \"f18yy57a\",\n niu6jh: \"f924bxt\"\n },\n \"extra-large\": {\n Bdjeniz: \"f2jg042\",\n niu6jh: \"f924bxt\"\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{transform:perspective(1px);}\", \".fv0atk9{transition-property:transform,opacity;}\", \".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}\", \".f15n41j8{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".fp2gujx::before{-webkit-mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}\", \".fq1w1vq{--fui-Avatar-ringWidth:var(--strokeWidthThick);}\", \".fzg6ace{--fui-Avatar-ringWidth:var(--strokeWidthThicker);}\", \".f1nu8p71{--fui-Avatar-ringWidth:var(--strokeWidthThickest);}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fcjn15l::after{box-shadow:var(--shadow4);}\", \".f1tm8t9f::after{box-shadow:var(--shadow8);}\", \".f1a1aohj::after{box-shadow:var(--shadow16);}\", \".fond6v5::after{box-shadow:var(--shadow28);}\", \".fp25eh{opacity:0.8;}\", \".f1clczzi{transform:scale(0.875);}\", \".f1l3s34x{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", \".f1f5ar78::before,.f1f5ar78::after{margin-top:0;}\", \".fqxtap0::before,.fqxtap0::after{margin-right:0;}\", \".fhjukvy::before,.fhjukvy::after{margin-left:0;}\", \".f1qj1nzo::before,.f1qj1nzo::after{margin-bottom:0;}\", \".fw457kn::before,.fw457kn::after{opacity:0;}\", \".f1wmllxl::before,.f1wmllxl::after{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", \".f1euv43f{position:absolute;}\", \".f1yab3r1{bottom:0;}\", \".f1e31b4d{right:0;}\", \".f1vgc2s3{left:0;}\", \".f1eugkqs{-webkit-mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}\", \".f1tlnv9o{--fui-Avatar-badgeAlign:right;}\", \".f1y9kyih{--fui-Avatar-badgeAlign:left;}\", \".f1uwoubl{--fui-Avatar-badgeRadius:3px;}\", \".fid048z{--fui-Avatar-badgeGap:var(--strokeWidthThin);}\", \".f13ar0e0{--fui-Avatar-badgeRadius:5px;}\", \".fwwuruf{--fui-Avatar-badgeRadius:6px;}\", \".f1af27q5{--fui-Avatar-badgeRadius:8px;}\", \".f18yy57a{--fui-Avatar-badgeRadius:10px;}\", \".f924bxt{--fui-Avatar-badgeGap:var(--strokeWidthThick);}\", \".f2jg042{--fui-Avatar-badgeRadius:14px;}\", \".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 }]]\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 },\n brand: {\n sj55zd: \"fonrgv7\",\n De3pzq: \"f1blnnmj\"\n },\n \"dark-red\": {\n sj55zd: \"fqjd1y1\",\n De3pzq: \"f1vq2oo4\"\n },\n cranberry: {\n sj55zd: \"fg9gses\",\n De3pzq: \"f1lwxszt\"\n },\n red: {\n sj55zd: \"f23f7i0\",\n De3pzq: \"f1q9qhfq\"\n },\n pumpkin: {\n sj55zd: \"fjnan08\",\n De3pzq: \"fz91bi3\"\n },\n peach: {\n sj55zd: \"fknu15p\",\n De3pzq: \"f1b9nr51\"\n },\n marigold: {\n sj55zd: \"f9603vw\",\n De3pzq: \"f3z4w6d\"\n },\n gold: {\n sj55zd: \"fmq0uwp\",\n De3pzq: \"fg50kya\"\n },\n brass: {\n sj55zd: \"f28g5vo\",\n De3pzq: \"f4w2gd0\"\n },\n brown: {\n sj55zd: \"ftl572b\",\n De3pzq: \"f14wu1f4\"\n },\n forest: {\n sj55zd: \"f1gymlvd\",\n De3pzq: \"f19ut4y6\"\n },\n seafoam: {\n sj55zd: \"fnnb6wn\",\n De3pzq: \"f1n057jc\"\n },\n \"dark-green\": {\n sj55zd: \"ff58qw8\",\n De3pzq: \"f11t05wk\"\n },\n \"light-teal\": {\n sj55zd: \"f1up9qbj\",\n De3pzq: \"f42feg1\"\n },\n teal: {\n sj55zd: \"f135dsb4\",\n De3pzq: \"f6hvv1p\"\n },\n steel: {\n sj55zd: \"f151dlcp\",\n De3pzq: \"f1lnp8zf\"\n },\n blue: {\n sj55zd: \"f1rjv50u\",\n De3pzq: \"f1ggcpy6\"\n },\n \"royal-blue\": {\n sj55zd: \"f1emykk5\",\n De3pzq: \"f12rj61f\"\n },\n cornflower: {\n sj55zd: \"fqsigj7\",\n De3pzq: \"f8k7hur\"\n },\n navy: {\n sj55zd: \"f1nj97xi\",\n De3pzq: \"f19gw0ux\"\n },\n lavender: {\n sj55zd: \"fwctg0i\",\n De3pzq: \"ff379vm\"\n },\n purple: {\n sj55zd: \"fjrsgpu\",\n De3pzq: \"f1mzf1e1\"\n },\n grape: {\n sj55zd: \"f1fiiydq\",\n De3pzq: \"f1o4k8oy\"\n },\n lilac: {\n sj55zd: \"f1res9jt\",\n De3pzq: \"f1x6mz1o\"\n },\n pink: {\n sj55zd: \"fv3fbbi\",\n De3pzq: \"fydlv6t\"\n },\n magenta: {\n sj55zd: \"f1f1fwnz\",\n De3pzq: \"f4xb6j5\"\n },\n plum: {\n sj55zd: \"f8ptl6j\",\n De3pzq: \"fqo8e26\"\n },\n beige: {\n sj55zd: \"f1ntv3ld\",\n De3pzq: \"f101elhj\"\n },\n mink: {\n sj55zd: \"f1fscmp\",\n De3pzq: \"f13g8o5c\"\n },\n platinum: {\n sj55zd: \"f1dr00v2\",\n De3pzq: \"fkh7blw\"\n },\n anchor: {\n sj55zd: \"f1f3ti53\",\n De3pzq: \"fu4yj0j\"\n }\n}, {\n d: [\".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f18f03hv{background-color:var(--colorNeutralBackground6);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}\", \".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}\", \".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}\", \".fg9gses{color:var(--colorPaletteCranberryForeground2);}\", \".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}\", \".f23f7i0{color:var(--colorPaletteRedForeground2);}\", \".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}\", \".fjnan08{color:var(--colorPalettePumpkinForeground2);}\", \".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}\", \".fknu15p{color:var(--colorPalettePeachForeground2);}\", \".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}\", \".f9603vw{color:var(--colorPaletteMarigoldForeground2);}\", \".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}\", \".fmq0uwp{color:var(--colorPaletteGoldForeground2);}\", \".fg50kya{background-color:var(--colorPaletteGoldBackground2);}\", \".f28g5vo{color:var(--colorPaletteBrassForeground2);}\", \".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}\", \".ftl572b{color:var(--colorPaletteBrownForeground2);}\", \".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}\", \".f1gymlvd{color:var(--colorPaletteForestForeground2);}\", \".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}\", \".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}\", \".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}\", \".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}\", \".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}\", \".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}\", \".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}\", \".f135dsb4{color:var(--colorPaletteTealForeground2);}\", \".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}\", \".f151dlcp{color:var(--colorPaletteSteelForeground2);}\", \".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}\", \".f1rjv50u{color:var(--colorPaletteBlueForeground2);}\", \".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}\", \".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}\", \".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}\", \".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}\", \".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}\", \".f1nj97xi{color:var(--colorPaletteNavyForeground2);}\", \".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}\", \".fwctg0i{color:var(--colorPaletteLavenderForeground2);}\", \".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}\", \".fjrsgpu{color:var(--colorPalettePurpleForeground2);}\", \".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}\", \".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}\", \".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}\", \".f1res9jt{color:var(--colorPaletteLilacForeground2);}\", \".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}\", \".fv3fbbi{color:var(--colorPalettePinkForeground2);}\", \".fydlv6t{background-color:var(--colorPalettePinkBackground2);}\", \".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}\", \".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}\", \".f8ptl6j{color:var(--colorPalettePlumForeground2);}\", \".fqo8e26{background-color:var(--colorPalettePlumBackground2);}\", \".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}\", \".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}\", \".f1fscmp{color:var(--colorPaletteMinkForeground2);}\", \".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}\", \".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}\", \".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}\", \".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}\", \".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}\"]\n});\nconst useRingColorStyles = /*#__PURE__*/__styles({\n neutral: {\n Bic5iru: \"f1uuiafn\"\n },\n brand: {\n Bic5iru: \"f1uuiafn\"\n },\n \"dark-red\": {\n Bic5iru: \"f1t2x9on\"\n },\n cranberry: {\n Bic5iru: \"f1pvshc9\"\n },\n red: {\n Bic5iru: \"f1ectbk9\"\n },\n pumpkin: {\n Bic5iru: \"fvzpl0b\"\n },\n peach: {\n Bic5iru: \"fwj2kd7\"\n },\n marigold: {\n Bic5iru: \"fr120vy\"\n },\n gold: {\n Bic5iru: \"f8xmmar\"\n },\n brass: {\n Bic5iru: \"f1hbety2\"\n },\n brown: {\n Bic5iru: \"f1vg3s4g\"\n },\n forest: {\n Bic5iru: \"f1m3olm5\"\n },\n seafoam: {\n Bic5iru: \"f17xiqtr\"\n },\n \"dark-green\": {\n Bic5iru: \"fx32vyh\"\n },\n \"light-teal\": {\n Bic5iru: \"f1mkihwv\"\n },\n teal: {\n Bic5iru: \"fecnooh\"\n },\n steel: {\n Bic5iru: \"f15hfgzm\"\n },\n blue: {\n Bic5iru: \"fqproka\"\n },\n \"royal-blue\": {\n Bic5iru: \"f17v2w59\"\n },\n cornflower: {\n Bic5iru: \"fp0q1mo\"\n },\n navy: {\n Bic5iru: \"f1nlym55\"\n },\n lavender: {\n Bic5iru: \"f62vk8h\"\n },\n purple: {\n Bic5iru: \"f15zl69q\"\n },\n grape: {\n Bic5iru: \"f53w4j7\"\n },\n lilac: {\n Bic5iru: \"fu2771t\"\n },\n pink: {\n Bic5iru: \"fzflscs\"\n },\n magenta: {\n Bic5iru: \"fb6rmqc\"\n },\n plum: {\n Bic5iru: \"f1a4gm5b\"\n },\n beige: {\n Bic5iru: \"f1qpf9z1\"\n },\n mink: {\n Bic5iru: \"f1l7or83\"\n },\n platinum: {\n Bic5iru: \"fzrj0iu\"\n },\n anchor: {\n Bic5iru: \"f8oz6wf\"\n }\n}, {\n d: [\".f1uuiafn::before{color:var(--colorBrandStroke1);}\", \".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}\", \".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}\", \".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}\", \".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}\", \".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}\", \".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}\", \".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}\", \".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}\", \".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}\", \".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}\", \".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}\", \".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}\", \".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}\", \".fecnooh::before{color:var(--colorPaletteTealBorderActive);}\", \".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}\", \".fqproka::before{color:var(--colorPaletteBlueBorderActive);}\", \".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}\", \".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}\", \".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}\", \".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}\", \".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}\", \".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}\", \".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}\", \".fzflscs::before{color:var(--colorPalettePinkBorderActive);}\", \".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}\", \".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}\", \".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}\", \".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}\", \".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}\", \".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 ringColorStyles = useRingColorStyles();\n const rootClasses = [rootClassName, size !== 32 && sizeStyles[size]];\n if (state.badge) {\n rootClasses.push(styles.badgeAlign, styles[state.badge.size || 'medium']);\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 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, ringColorStyles[color]);\n if (state.badge) {\n rootClasses.push(styles.ringBadgeCutout);\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 if (activeAppearance === 'shadow' || activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.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, state.badge.className);\n }\n if (state.image) {\n state.image.className = mergeClasses(avatarClassNames.image, imageClassName, colorStyles[color], state.badge && styles.badgeCutout, state.image.className);\n }\n if (state.initials) {\n state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, colorStyles[color], state.badge && styles.badgeCutout, 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, colorStyles[color], state.badge && styles.badgeCutout, state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useAvatarStyles.styles.js.map"],"names":["avatarClassNames","useAvatarStyles_unstable","useSizeStyles","root","image","initials","icon","badge","vars","badgeRadius","badgeGap","badgeAlign","ringWidth","useRootClassName","__resetStyles","r","s","useImageClassName","useIconInitialsClassName","badgeMask","margin","centerOffset","innerRadius","outerRadius","useStyles","__styles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Bkqvd7p","Hwfdqs","ring","Ftih45","ringBadgeCutout","f4a502","ringThick","of393c","ringThicker","ringThickest","shadow","Bsft5z2","shadow4","Be6vj1x","shadow8","shadow16","shadow28","inactive","abs64n","Bucmhp4","b2tv09","Bfgortx","Bnvr3x9","b6ubon","Bqinb2h","qhf8xq","B5kzvoi","j35jbq","badgeCutout","btxmck","Dnlfbu","tiny","Bdjeniz","niu6jh","small","medium","large","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","m","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","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","useRingColorStyles","Bic5iru","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","ringColorStyles","rootClasses","push","className","mergeClasses","iconSizeClass"],"mappings":"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"}
1
+ {"version":3,"sources":["useAvatarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\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};\n// CSS variables used internally in Avatar's styles\nconst vars = {\n badgeRadius: '--fui-Avatar-badgeRadius',\n badgeGap: '--fui-Avatar-badgeGap',\n badgeAlign: '--fui-Avatar-badgeAlign',\n ringWidth: '--fui-Avatar-ringWidth'\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r81b29z\", \"r1aatmv\", {\n r: [\".r81b29z{display:inline-block;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;}\", \".r81b29z::before,.r81b29z::after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".r81b29z::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\", \".r1aatmv{display:inline-block;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;}\", \".r1aatmv::before,.r1aatmv::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".r1aatmv::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\"],\n s: [\"@media screen and (prefers-reduced-motion: reduce){.r81b29z::before,.r81b29z::after{transition-duration:0.01ms;}}\", \"@media screen and (prefers-reduced-motion: reduce){.r1aatmv::before,.r1aatmv::after{transition-duration:0.01ms;}}\"]\n});\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:flex;align-items: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:flex;align-items: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;}\"]);\n/**\n * Helper to create a maskImage that punches out a circle larger than the badge by `badgeGap`.\n * This creates a transparent gap between the badge and Avatar.\n *\n * Used by the icon, initials, and image slots, as well as the ring ::before pseudo-element.\n */\nconst badgeMask = margin => {\n // Center the cutout at the badge's radius away from the edge.\n // The ring (::before) also has a 2 * ringWidth margin that also needs to be offset.\n const centerOffset = margin ? `calc(var(${vars.badgeRadius}) + ${margin})` : `var(${vars.badgeRadius})`;\n // radial-gradient does not have anti-aliasing, so the transparent and opaque gradient stops are offset by +/- 0.25px\n // to \"fade\" from transparent to opaque over a half-pixel and ease the transition.\n const innerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) - 0.25px)`;\n const outerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) + 0.25px)`;\n return `radial-gradient(circle at bottom ${centerOffset} var(${vars.badgeAlign}) ${centerOffset}, ` + `transparent ${innerRadius}, white ${outerRadius})`;\n};\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 Bkqvd7p: \"f15n41j8\",\n Hwfdqs: \"f1onx1g3\"\n },\n ring: {\n Ftih45: \"f1wl9k8s\"\n },\n ringBadgeCutout: {\n f4a502: \"fp2gujx\"\n },\n ringThick: {\n of393c: \"fq1w1vq\"\n },\n ringThicker: {\n of393c: \"fzg6ace\"\n },\n ringThickest: {\n of393c: \"f1nu8p71\"\n },\n shadow: {\n Bsft5z2: \"f13zj6fq\"\n },\n shadow4: {\n Be6vj1x: \"fcjn15l\"\n },\n shadow8: {\n Be6vj1x: \"f1tm8t9f\"\n },\n shadow16: {\n Be6vj1x: \"f1a1aohj\"\n },\n shadow28: {\n Be6vj1x: \"fond6v5\"\n },\n inactive: {\n abs64n: \"fp25eh\",\n Bz10aip: \"f1clczzi\",\n Bkqvd7p: \"f1l3s34x\",\n Bucmhp4: \"f1f5ar78\",\n b2tv09: [\"fqxtap0\", \"fhjukvy\"],\n Bfgortx: \"f1qj1nzo\",\n Bnvr3x9: [\"fhjukvy\", \"fqxtap0\"],\n b6ubon: \"fw457kn\",\n Bqinb2h: \"f1wmllxl\"\n },\n badge: {\n qhf8xq: \"f1euv43f\",\n B5kzvoi: \"f1yab3r1\",\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"]\n },\n badgeCutout: {\n btxmck: \"f1eugkqs\"\n },\n badgeAlign: {\n Dnlfbu: [\"f1tlnv9o\", \"f1y9kyih\"]\n },\n tiny: {\n Bdjeniz: \"f1uwoubl\",\n niu6jh: \"fid048z\"\n },\n \"extra-small\": {\n Bdjeniz: \"f13ar0e0\",\n niu6jh: \"fid048z\"\n },\n small: {\n Bdjeniz: \"fwwuruf\",\n niu6jh: \"fid048z\"\n },\n medium: {\n Bdjeniz: \"f1af27q5\",\n niu6jh: \"fid048z\"\n },\n large: {\n Bdjeniz: \"f18yy57a\",\n niu6jh: \"f924bxt\"\n },\n \"extra-large\": {\n Bdjeniz: \"f2jg042\",\n niu6jh: \"f924bxt\"\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{transform:perspective(1px);}\", \".fv0atk9{transition-property:transform,opacity;}\", \".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}\", \".f15n41j8{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".fp2gujx::before{-webkit-mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}\", \".fq1w1vq{--fui-Avatar-ringWidth:var(--strokeWidthThick);}\", \".fzg6ace{--fui-Avatar-ringWidth:var(--strokeWidthThicker);}\", \".f1nu8p71{--fui-Avatar-ringWidth:var(--strokeWidthThickest);}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fcjn15l::after{box-shadow:var(--shadow4);}\", \".f1tm8t9f::after{box-shadow:var(--shadow8);}\", \".f1a1aohj::after{box-shadow:var(--shadow16);}\", \".fond6v5::after{box-shadow:var(--shadow28);}\", \".fp25eh{opacity:0.8;}\", \".f1clczzi{transform:scale(0.875);}\", \".f1l3s34x{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", \".f1f5ar78::before,.f1f5ar78::after{margin-top:0;}\", \".fqxtap0::before,.fqxtap0::after{margin-right:0;}\", \".fhjukvy::before,.fhjukvy::after{margin-left:0;}\", \".f1qj1nzo::before,.f1qj1nzo::after{margin-bottom:0;}\", \".fw457kn::before,.fw457kn::after{opacity:0;}\", \".f1wmllxl::before,.f1wmllxl::after{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", \".f1euv43f{position:absolute;}\", \".f1yab3r1{bottom:0;}\", \".f1e31b4d{right:0;}\", \".f1vgc2s3{left:0;}\", \".f1eugkqs{-webkit-mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}\", \".f1tlnv9o{--fui-Avatar-badgeAlign:right;}\", \".f1y9kyih{--fui-Avatar-badgeAlign:left;}\", \".f1uwoubl{--fui-Avatar-badgeRadius:3px;}\", \".fid048z{--fui-Avatar-badgeGap:var(--strokeWidthThin);}\", \".f13ar0e0{--fui-Avatar-badgeRadius:5px;}\", \".fwwuruf{--fui-Avatar-badgeRadius:6px;}\", \".f1af27q5{--fui-Avatar-badgeRadius:8px;}\", \".f18yy57a{--fui-Avatar-badgeRadius:10px;}\", \".f924bxt{--fui-Avatar-badgeGap:var(--strokeWidthThick);}\", \".f2jg042{--fui-Avatar-badgeRadius:14px;}\", \".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 }]]\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 },\n brand: {\n sj55zd: \"fonrgv7\",\n De3pzq: \"f1blnnmj\"\n },\n \"dark-red\": {\n sj55zd: \"fqjd1y1\",\n De3pzq: \"f1vq2oo4\"\n },\n cranberry: {\n sj55zd: \"fg9gses\",\n De3pzq: \"f1lwxszt\"\n },\n red: {\n sj55zd: \"f23f7i0\",\n De3pzq: \"f1q9qhfq\"\n },\n pumpkin: {\n sj55zd: \"fjnan08\",\n De3pzq: \"fz91bi3\"\n },\n peach: {\n sj55zd: \"fknu15p\",\n De3pzq: \"f1b9nr51\"\n },\n marigold: {\n sj55zd: \"f9603vw\",\n De3pzq: \"f3z4w6d\"\n },\n gold: {\n sj55zd: \"fmq0uwp\",\n De3pzq: \"fg50kya\"\n },\n brass: {\n sj55zd: \"f28g5vo\",\n De3pzq: \"f4w2gd0\"\n },\n brown: {\n sj55zd: \"ftl572b\",\n De3pzq: \"f14wu1f4\"\n },\n forest: {\n sj55zd: \"f1gymlvd\",\n De3pzq: \"f19ut4y6\"\n },\n seafoam: {\n sj55zd: \"fnnb6wn\",\n De3pzq: \"f1n057jc\"\n },\n \"dark-green\": {\n sj55zd: \"ff58qw8\",\n De3pzq: \"f11t05wk\"\n },\n \"light-teal\": {\n sj55zd: \"f1up9qbj\",\n De3pzq: \"f42feg1\"\n },\n teal: {\n sj55zd: \"f135dsb4\",\n De3pzq: \"f6hvv1p\"\n },\n steel: {\n sj55zd: \"f151dlcp\",\n De3pzq: \"f1lnp8zf\"\n },\n blue: {\n sj55zd: \"f1rjv50u\",\n De3pzq: \"f1ggcpy6\"\n },\n \"royal-blue\": {\n sj55zd: \"f1emykk5\",\n De3pzq: \"f12rj61f\"\n },\n cornflower: {\n sj55zd: \"fqsigj7\",\n De3pzq: \"f8k7hur\"\n },\n navy: {\n sj55zd: \"f1nj97xi\",\n De3pzq: \"f19gw0ux\"\n },\n lavender: {\n sj55zd: \"fwctg0i\",\n De3pzq: \"ff379vm\"\n },\n purple: {\n sj55zd: \"fjrsgpu\",\n De3pzq: \"f1mzf1e1\"\n },\n grape: {\n sj55zd: \"f1fiiydq\",\n De3pzq: \"f1o4k8oy\"\n },\n lilac: {\n sj55zd: \"f1res9jt\",\n De3pzq: \"f1x6mz1o\"\n },\n pink: {\n sj55zd: \"fv3fbbi\",\n De3pzq: \"fydlv6t\"\n },\n magenta: {\n sj55zd: \"f1f1fwnz\",\n De3pzq: \"f4xb6j5\"\n },\n plum: {\n sj55zd: \"f8ptl6j\",\n De3pzq: \"fqo8e26\"\n },\n beige: {\n sj55zd: \"f1ntv3ld\",\n De3pzq: \"f101elhj\"\n },\n mink: {\n sj55zd: \"f1fscmp\",\n De3pzq: \"f13g8o5c\"\n },\n platinum: {\n sj55zd: \"f1dr00v2\",\n De3pzq: \"fkh7blw\"\n },\n anchor: {\n sj55zd: \"f1f3ti53\",\n De3pzq: \"fu4yj0j\"\n }\n}, {\n d: [\".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f18f03hv{background-color:var(--colorNeutralBackground6);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}\", \".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}\", \".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}\", \".fg9gses{color:var(--colorPaletteCranberryForeground2);}\", \".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}\", \".f23f7i0{color:var(--colorPaletteRedForeground2);}\", \".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}\", \".fjnan08{color:var(--colorPalettePumpkinForeground2);}\", \".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}\", \".fknu15p{color:var(--colorPalettePeachForeground2);}\", \".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}\", \".f9603vw{color:var(--colorPaletteMarigoldForeground2);}\", \".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}\", \".fmq0uwp{color:var(--colorPaletteGoldForeground2);}\", \".fg50kya{background-color:var(--colorPaletteGoldBackground2);}\", \".f28g5vo{color:var(--colorPaletteBrassForeground2);}\", \".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}\", \".ftl572b{color:var(--colorPaletteBrownForeground2);}\", \".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}\", \".f1gymlvd{color:var(--colorPaletteForestForeground2);}\", \".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}\", \".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}\", \".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}\", \".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}\", \".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}\", \".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}\", \".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}\", \".f135dsb4{color:var(--colorPaletteTealForeground2);}\", \".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}\", \".f151dlcp{color:var(--colorPaletteSteelForeground2);}\", \".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}\", \".f1rjv50u{color:var(--colorPaletteBlueForeground2);}\", \".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}\", \".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}\", \".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}\", \".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}\", \".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}\", \".f1nj97xi{color:var(--colorPaletteNavyForeground2);}\", \".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}\", \".fwctg0i{color:var(--colorPaletteLavenderForeground2);}\", \".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}\", \".fjrsgpu{color:var(--colorPalettePurpleForeground2);}\", \".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}\", \".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}\", \".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}\", \".f1res9jt{color:var(--colorPaletteLilacForeground2);}\", \".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}\", \".fv3fbbi{color:var(--colorPalettePinkForeground2);}\", \".fydlv6t{background-color:var(--colorPalettePinkBackground2);}\", \".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}\", \".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}\", \".f8ptl6j{color:var(--colorPalettePlumForeground2);}\", \".fqo8e26{background-color:var(--colorPalettePlumBackground2);}\", \".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}\", \".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}\", \".f1fscmp{color:var(--colorPaletteMinkForeground2);}\", \".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}\", \".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}\", \".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}\", \".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}\", \".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}\"]\n});\nconst useRingColorStyles = /*#__PURE__*/__styles({\n neutral: {\n Bic5iru: \"f1uuiafn\"\n },\n brand: {\n Bic5iru: \"f1uuiafn\"\n },\n \"dark-red\": {\n Bic5iru: \"f1t2x9on\"\n },\n cranberry: {\n Bic5iru: \"f1pvshc9\"\n },\n red: {\n Bic5iru: \"f1ectbk9\"\n },\n pumpkin: {\n Bic5iru: \"fvzpl0b\"\n },\n peach: {\n Bic5iru: \"fwj2kd7\"\n },\n marigold: {\n Bic5iru: \"fr120vy\"\n },\n gold: {\n Bic5iru: \"f8xmmar\"\n },\n brass: {\n Bic5iru: \"f1hbety2\"\n },\n brown: {\n Bic5iru: \"f1vg3s4g\"\n },\n forest: {\n Bic5iru: \"f1m3olm5\"\n },\n seafoam: {\n Bic5iru: \"f17xiqtr\"\n },\n \"dark-green\": {\n Bic5iru: \"fx32vyh\"\n },\n \"light-teal\": {\n Bic5iru: \"f1mkihwv\"\n },\n teal: {\n Bic5iru: \"fecnooh\"\n },\n steel: {\n Bic5iru: \"f15hfgzm\"\n },\n blue: {\n Bic5iru: \"fqproka\"\n },\n \"royal-blue\": {\n Bic5iru: \"f17v2w59\"\n },\n cornflower: {\n Bic5iru: \"fp0q1mo\"\n },\n navy: {\n Bic5iru: \"f1nlym55\"\n },\n lavender: {\n Bic5iru: \"f62vk8h\"\n },\n purple: {\n Bic5iru: \"f15zl69q\"\n },\n grape: {\n Bic5iru: \"f53w4j7\"\n },\n lilac: {\n Bic5iru: \"fu2771t\"\n },\n pink: {\n Bic5iru: \"fzflscs\"\n },\n magenta: {\n Bic5iru: \"fb6rmqc\"\n },\n plum: {\n Bic5iru: \"f1a4gm5b\"\n },\n beige: {\n Bic5iru: \"f1qpf9z1\"\n },\n mink: {\n Bic5iru: \"f1l7or83\"\n },\n platinum: {\n Bic5iru: \"fzrj0iu\"\n },\n anchor: {\n Bic5iru: \"f8oz6wf\"\n }\n}, {\n d: [\".f1uuiafn::before{color:var(--colorBrandStroke1);}\", \".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}\", \".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}\", \".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}\", \".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}\", \".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}\", \".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}\", \".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}\", \".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}\", \".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}\", \".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}\", \".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}\", \".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}\", \".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}\", \".fecnooh::before{color:var(--colorPaletteTealBorderActive);}\", \".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}\", \".fqproka::before{color:var(--colorPaletteBlueBorderActive);}\", \".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}\", \".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}\", \".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}\", \".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}\", \".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}\", \".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}\", \".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}\", \".fzflscs::before{color:var(--colorPalettePinkBorderActive);}\", \".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}\", \".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}\", \".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}\", \".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}\", \".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}\", \".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 ringColorStyles = useRingColorStyles();\n const rootClasses = [rootClassName, size !== 32 && sizeStyles[size]];\n if (state.badge) {\n rootClasses.push(styles.badgeAlign, styles[state.badge.size || 'medium']);\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 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, ringColorStyles[color]);\n if (state.badge) {\n rootClasses.push(styles.ringBadgeCutout);\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 if (activeAppearance === 'shadow' || activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.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, state.badge.className);\n }\n if (state.image) {\n state.image.className = mergeClasses(avatarClassNames.image, imageClassName, colorStyles[color], state.badge && styles.badgeCutout, state.image.className);\n }\n if (state.initials) {\n state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, colorStyles[color], state.badge && styles.badgeCutout, 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, colorStyles[color], state.badge && styles.badgeCutout, state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useAvatarStyles.styles.js.map"],"names":["avatarClassNames","useSizeStyles","useAvatarStyles_unstable","root","image","initials","icon","badge","vars","badgeRadius","badgeGap","badgeAlign","ringWidth","useRootClassName","__resetStyles","r","s","useImageClassName","useIconInitialsClassName","badgeMask","margin","centerOffset","innerRadius","outerRadius","useStyles","__styles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Bkqvd7p","Hwfdqs","ring","Ftih45","ringBadgeCutout","f4a502","ringThick","of393c","ringThicker","ringThickest","shadow","Bsft5z2","shadow4","Be6vj1x","shadow8","shadow16","shadow28","inactive","abs64n","Bucmhp4","b2tv09","Bfgortx","Bnvr3x9","b6ubon","Bqinb2h","qhf8xq","B5kzvoi","j35jbq","badgeCutout","btxmck","Dnlfbu","tiny","Bdjeniz","niu6jh","small","medium","large","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","m","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","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","useRingColorStyles","Bic5iru","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","ringColorStyles","rootClasses","push","className","mergeClasses","iconSizeClass"],"mappings":"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"}
package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js CHANGED
@@ -9,11 +9,11 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- defaultAvatarGroupSize: function() {
13
- return defaultAvatarGroupSize;
14
- },
15
12
  useAvatarGroup_unstable: function() {
16
13
  return useAvatarGroup_unstable;
14
+ },
15
+ defaultAvatarGroupSize: function() {
16
+ return defaultAvatarGroupSize;
17
17
  }
18
18
  });
19
19
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
package/lib-commonjs/components/AvatarGroup/useAvatarGroup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useAvatarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } 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 */ export const useAvatarGroup_unstable = (props, ref)=>{\n const { layout = 'spread', size = defaultAvatarGroupSize } = props;\n const root = slot.always(getIntrinsicElementProps('div', {\n role: 'group',\n ...props,\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref\n }, [\n 'size'\n ]), {\n elementType: 'div'\n });\n return {\n layout,\n size,\n components: {\n root: 'div'\n },\n root\n };\n};\nexport const defaultAvatarGroupSize = 32;\n"],"names":["defaultAvatarGroupSize","useAvatarGroup_unstable","props","ref","layout","size","root","slot","always","getIntrinsicElementProps","role","elementType","components"],"mappings":";;;;;;;;;;;IAiCaA,sBAAsB;eAAtBA;;IAvBIC,uBAAuB;eAAvBA;;;;iEAVM;gCACwB;AASpC,MAAMA,0BAA0B,CAACC,OAAOC;IAC/C,MAAM,EAAEC,SAAS,QAAQ,EAAEC,OAAOL,sBAAsB,EAAE,GAAGE;IAC7D,MAAMI,OAAOC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;QACrDC,MAAM;QACN,GAAGR,KAAK;QACR,SAAS;QACT,4EAA4E;QAC5E,4FAA4F;QAC5FC,KAAKA;IACT,GAAG;QACC;KACH,GAAG;QACAQ,aAAa;IACjB;IACA,OAAO;QACHP;QACAC;QACAO,YAAY;YACRN,MAAM;QACV;QACAA;IACJ;AACJ;AACO,MAAMN,yBAAyB"}
1
+ {"version":3,"sources":["useAvatarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } 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 */ export const useAvatarGroup_unstable = (props, ref)=>{\n const { layout = 'spread', size = defaultAvatarGroupSize } = props;\n const root = slot.always(getIntrinsicElementProps('div', {\n role: 'group',\n ...props,\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref\n }, [\n 'size'\n ]), {\n elementType: 'div'\n });\n return {\n layout,\n size,\n components: {\n root: 'div'\n },\n root\n };\n};\nexport const defaultAvatarGroupSize = 32;\n"],"names":["useAvatarGroup_unstable","defaultAvatarGroupSize","props","ref","layout","size","root","slot","always","getIntrinsicElementProps","role","elementType","components"],"mappings":";;;;;;;;;;;IAUiBA,uBAAuB;eAAvBA;;IAuBJC,sBAAsB;eAAtBA;;;;iEAjCU;gCACwB;AASpC,MAAMD,0BAA0B,CAACE,OAAOC;IAC/C,MAAM,EAAEC,SAAS,QAAQ,EAAEC,OAAOJ,sBAAsB,EAAE,GAAGC;IAC7D,MAAMI,OAAOC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;QACrDC,MAAM;QACN,GAAGR,KAAK;QACR,SAAS;QACT,4EAA4E;QAC5E,4FAA4F;QAC5FC,KAAKA;IACT,GAAG;QACC;KACH,GAAG;QACAQ,aAAa;IACjB;IACA,OAAO;QACHP;QACAC;QACAO,YAAY;YACRN,MAAM;QACV;QACAA;IACJ;AACJ;AACO,MAAML,yBAAyB"}
package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js CHANGED
@@ -1,6 +1,4 @@
1
- /**
2
- * State used in rendering AvatarGroupItem
3
- */ "use strict";
1
+ "use strict";
4
2
  Object.defineProperty(exports, "__esModule", {
5
3
  value: true
6
4
  });
package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["AvatarGroupItem.types.js"],"sourcesContent":["/**\n * State used in rendering AvatarGroupItem\n */ export { };\n"],"names":[],"mappings":"AAAA;;CAEC"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
package/lib-commonjs/index.js CHANGED
@@ -12,32 +12,17 @@ _export(exports, {
12
12
  Avatar: function() {
13
13
  return _Avatar.Avatar;
14
14
  },
15
- AvatarContextProvider: function() {
16
- return _index1.AvatarContextProvider;
17
- },
18
- AvatarGroup: function() {
19
- return _AvatarGroup.AvatarGroup;
20
- },
21
- AvatarGroupItem: function() {
22
- return _AvatarGroupItem.AvatarGroupItem;
23
- },
24
- AvatarGroupPopover: function() {
25
- return _AvatarGroupPopover.AvatarGroupPopover;
26
- },
27
- AvatarGroupProvider: function() {
28
- return _index1.AvatarGroupProvider;
29
- },
30
15
  avatarClassNames: function() {
31
16
  return _Avatar.avatarClassNames;
32
17
  },
33
- avatarGroupClassNames: function() {
34
- return _AvatarGroup.avatarGroupClassNames;
18
+ renderAvatar_unstable: function() {
19
+ return _Avatar.renderAvatar_unstable;
35
20
  },
36
- avatarGroupItemClassNames: function() {
37
- return _AvatarGroupItem.avatarGroupItemClassNames;
21
+ useAvatarStyles_unstable: function() {
22
+ return _Avatar.useAvatarStyles_unstable;
38
23
  },
39
- avatarGroupPopoverClassNames: function() {
40
- return _AvatarGroupPopover.avatarGroupPopoverClassNames;
24
+ useAvatar_unstable: function() {
25
+ return _Avatar.useAvatar_unstable;
41
26
  },
42
27
  getInitials: function() {
43
28
  return _index.getInitials;
@@ -45,26 +30,32 @@ _export(exports, {
45
30
  partitionAvatarGroupItems: function() {
46
31
  return _index.partitionAvatarGroupItems;
47
32
  },
48
- renderAvatarGroupItem_unstable: function() {
49
- return _AvatarGroupItem.renderAvatarGroupItem_unstable;
33
+ AvatarGroup: function() {
34
+ return _AvatarGroup.AvatarGroup;
50
35
  },
51
- renderAvatarGroupPopover_unstable: function() {
52
- return _AvatarGroupPopover.renderAvatarGroupPopover_unstable;
36
+ avatarGroupClassNames: function() {
37
+ return _AvatarGroup.avatarGroupClassNames;
53
38
  },
54
39
  renderAvatarGroup_unstable: function() {
55
40
  return _AvatarGroup.renderAvatarGroup_unstable;
56
41
  },
57
- renderAvatar_unstable: function() {
58
- return _Avatar.renderAvatar_unstable;
59
- },
60
- useAvatarContext: function() {
61
- return _index1.useAvatarContext;
62
- },
63
42
  useAvatarGroupContextValues: function() {
64
43
  return _AvatarGroup.useAvatarGroupContextValues;
65
44
  },
66
- useAvatarGroupContext_unstable: function() {
67
- return _index1.useAvatarGroupContext_unstable;
45
+ useAvatarGroupStyles_unstable: function() {
46
+ return _AvatarGroup.useAvatarGroupStyles_unstable;
47
+ },
48
+ useAvatarGroup_unstable: function() {
49
+ return _AvatarGroup.useAvatarGroup_unstable;
50
+ },
51
+ AvatarGroupItem: function() {
52
+ return _AvatarGroupItem.AvatarGroupItem;
53
+ },
54
+ avatarGroupItemClassNames: function() {
55
+ return _AvatarGroupItem.avatarGroupItemClassNames;
56
+ },
57
+ renderAvatarGroupItem_unstable: function() {
58
+ return _AvatarGroupItem.renderAvatarGroupItem_unstable;
68
59
  },
69
60
  useAvatarGroupItemStyles_unstable: function() {
70
61
  return _AvatarGroupItem.useAvatarGroupItemStyles_unstable;
@@ -72,26 +63,35 @@ _export(exports, {
72
63
  useAvatarGroupItem_unstable: function() {
73
64
  return _AvatarGroupItem.useAvatarGroupItem_unstable;
74
65
  },
66
+ AvatarGroupPopover: function() {
67
+ return _AvatarGroupPopover.AvatarGroupPopover;
68
+ },
69
+ avatarGroupPopoverClassNames: function() {
70
+ return _AvatarGroupPopover.avatarGroupPopoverClassNames;
71
+ },
72
+ renderAvatarGroupPopover_unstable: function() {
73
+ return _AvatarGroupPopover.renderAvatarGroupPopover_unstable;
74
+ },
75
+ useAvatarGroupPopover_unstable: function() {
76
+ return _AvatarGroupPopover.useAvatarGroupPopover_unstable;
77
+ },
75
78
  useAvatarGroupPopoverContextValues_unstable: function() {
76
79
  return _AvatarGroupPopover.useAvatarGroupPopoverContextValues_unstable;
77
80
  },
78
81
  useAvatarGroupPopoverStyles_unstable: function() {
79
82
  return _AvatarGroupPopover.useAvatarGroupPopoverStyles_unstable;
80
83
  },
81
- useAvatarGroupPopover_unstable: function() {
82
- return _AvatarGroupPopover.useAvatarGroupPopover_unstable;
83
- },
84
- useAvatarGroupStyles_unstable: function() {
85
- return _AvatarGroup.useAvatarGroupStyles_unstable;
84
+ AvatarContextProvider: function() {
85
+ return _index1.AvatarContextProvider;
86
86
  },
87
- useAvatarGroup_unstable: function() {
88
- return _AvatarGroup.useAvatarGroup_unstable;
87
+ AvatarGroupProvider: function() {
88
+ return _index1.AvatarGroupProvider;
89
89
  },
90
- useAvatarStyles_unstable: function() {
91
- return _Avatar.useAvatarStyles_unstable;
90
+ useAvatarContext: function() {
91
+ return _index1.useAvatarContext;
92
92
  },
93
- useAvatar_unstable: function() {
94
- return _Avatar.useAvatar_unstable;
93
+ useAvatarGroupContext_unstable: function() {
94
+ return _index1.useAvatarGroupContext_unstable;
95
95
  }
96
96
  });
97
97
  const _Avatar = require("./Avatar");
package/lib-commonjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export { Avatar, avatarClassNames, renderAvatar_unstable, useAvatarStyles_unstable, useAvatar_unstable } from './Avatar';\nexport { getInitials, partitionAvatarGroupItems } from './utils/index';\nexport { AvatarGroup, avatarGroupClassNames, renderAvatarGroup_unstable, useAvatarGroupContextValues, useAvatarGroupStyles_unstable, useAvatarGroup_unstable } from './AvatarGroup';\nexport { AvatarGroupItem, avatarGroupItemClassNames, renderAvatarGroupItem_unstable, useAvatarGroupItemStyles_unstable, useAvatarGroupItem_unstable } from './AvatarGroupItem';\nexport { AvatarGroupPopover, avatarGroupPopoverClassNames, renderAvatarGroupPopover_unstable, useAvatarGroupPopover_unstable, useAvatarGroupPopoverContextValues_unstable, useAvatarGroupPopoverStyles_unstable } from './AvatarGroupPopover';\nexport { AvatarContextProvider, AvatarGroupProvider, useAvatarContext, useAvatarGroupContext_unstable } from './contexts/index';\n"],"names":["Avatar","AvatarContextProvider","AvatarGroup","AvatarGroupItem","AvatarGroupPopover","AvatarGroupProvider","avatarClassNames","avatarGroupClassNames","avatarGroupItemClassNames","avatarGroupPopoverClassNames","getInitials","partitionAvatarGroupItems","renderAvatarGroupItem_unstable","renderAvatarGroupPopover_unstable","renderAvatarGroup_unstable","renderAvatar_unstable","useAvatarContext","useAvatarGroupContextValues","useAvatarGroupContext_unstable","useAvatarGroupItemStyles_unstable","useAvatarGroupItem_unstable","useAvatarGroupPopoverContextValues_unstable","useAvatarGroupPopoverStyles_unstable","useAvatarGroupPopover_unstable","useAvatarGroupStyles_unstable","useAvatarGroup_unstable","useAvatarStyles_unstable","useAvatar_unstable"],"mappings":";;;;;;;;;;;IAASA,MAAM;eAANA,cAAM;;IAKNC,qBAAqB;eAArBA,6BAAqB;;IAHrBC,WAAW;eAAXA,wBAAW;;IACXC,eAAe;eAAfA,gCAAe;;IACfC,kBAAkB;eAAlBA,sCAAkB;;IACKC,mBAAmB;eAAnBA,2BAAmB;;IALlCC,gBAAgB;eAAhBA,wBAAgB;;IAEXC,qBAAqB;eAArBA,kCAAqB;;IACjBC,yBAAyB;eAAzBA,0CAAyB;;IACtBC,4BAA4B;eAA5BA,gDAA4B;;IAHhDC,WAAW;eAAXA,kBAAW;;IAAEC,yBAAyB;eAAzBA,gCAAyB;;IAEMC,8BAA8B;eAA9BA,+CAA8B;;IACxBC,iCAAiC;eAAjCA,qDAAiC;;IAF/CC,0BAA0B;eAA1BA,uCAA0B;;IAFpCC,qBAAqB;eAArBA,6BAAqB;;IAKHC,gBAAgB;eAAhBA,wBAAgB;;IAHIC,2BAA2B;eAA3BA,wCAA2B;;IAG7BC,8BAA8B;eAA9BA,sCAA8B;;IAFhBC,iCAAiC;eAAjCA,kDAAiC;;IAAEC,2BAA2B;eAA3BA,4CAA2B;;IACrBC,2CAA2C;eAA3CA,+DAA2C;;IAAEC,oCAAoC;eAApCA,wDAAoC;;IAAjHC,8BAA8B;eAA9BA,kDAA8B;;IAFtBC,6BAA6B;eAA7BA,0CAA6B;;IAAEC,uBAAuB;eAAvBA,oCAAuB;;IAFlGC,wBAAwB;eAAxBA,gCAAwB;;IAAEC,kBAAkB;eAAlBA,0BAAkB;;;wBAAQ;uBACvD;6BAC6G;iCACT;oCAC4D;wBAC1G"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export { Avatar, avatarClassNames, renderAvatar_unstable, useAvatarStyles_unstable, useAvatar_unstable } from './Avatar';\nexport { getInitials, partitionAvatarGroupItems } from './utils/index';\nexport { AvatarGroup, avatarGroupClassNames, renderAvatarGroup_unstable, useAvatarGroupContextValues, useAvatarGroupStyles_unstable, useAvatarGroup_unstable } from './AvatarGroup';\nexport { AvatarGroupItem, avatarGroupItemClassNames, renderAvatarGroupItem_unstable, useAvatarGroupItemStyles_unstable, useAvatarGroupItem_unstable } from './AvatarGroupItem';\nexport { AvatarGroupPopover, avatarGroupPopoverClassNames, renderAvatarGroupPopover_unstable, useAvatarGroupPopover_unstable, useAvatarGroupPopoverContextValues_unstable, useAvatarGroupPopoverStyles_unstable } from './AvatarGroupPopover';\nexport { AvatarContextProvider, AvatarGroupProvider, useAvatarContext, useAvatarGroupContext_unstable } from './contexts/index';\n"],"names":["Avatar","avatarClassNames","renderAvatar_unstable","useAvatarStyles_unstable","useAvatar_unstable","getInitials","partitionAvatarGroupItems","AvatarGroup","avatarGroupClassNames","renderAvatarGroup_unstable","useAvatarGroupContextValues","useAvatarGroupStyles_unstable","useAvatarGroup_unstable","AvatarGroupItem","avatarGroupItemClassNames","renderAvatarGroupItem_unstable","useAvatarGroupItemStyles_unstable","useAvatarGroupItem_unstable","AvatarGroupPopover","avatarGroupPopoverClassNames","renderAvatarGroupPopover_unstable","useAvatarGroupPopover_unstable","useAvatarGroupPopoverContextValues_unstable","useAvatarGroupPopoverStyles_unstable","AvatarContextProvider","AvatarGroupProvider","useAvatarContext","useAvatarGroupContext_unstable"],"mappings":";;;;;;;;;;;IAASA,MAAM;eAANA,cAAM;;IAAEC,gBAAgB;eAAhBA,wBAAgB;;IAAEC,qBAAqB;eAArBA,6BAAqB;;IAAEC,wBAAwB;eAAxBA,gCAAwB;;IAAEC,kBAAkB;eAAlBA,0BAAkB;;IAC7FC,WAAW;eAAXA,kBAAW;;IAAEC,yBAAyB;eAAzBA,gCAAyB;;IACtCC,WAAW;eAAXA,wBAAW;;IAAEC,qBAAqB;eAArBA,kCAAqB;;IAAEC,0BAA0B;eAA1BA,uCAA0B;;IAAEC,2BAA2B;eAA3BA,wCAA2B;;IAAEC,6BAA6B;eAA7BA,0CAA6B;;IAAEC,uBAAuB;eAAvBA,oCAAuB;;IACnJC,eAAe;eAAfA,gCAAe;;IAAEC,yBAAyB;eAAzBA,0CAAyB;;IAAEC,8BAA8B;eAA9BA,+CAA8B;;IAAEC,iCAAiC;eAAjCA,kDAAiC;;IAAEC,2BAA2B;eAA3BA,4CAA2B;;IAC1IC,kBAAkB;eAAlBA,sCAAkB;;IAAEC,4BAA4B;eAA5BA,gDAA4B;;IAAEC,iCAAiC;eAAjCA,qDAAiC;;IAAEC,8BAA8B;eAA9BA,kDAA8B;;IAAEC,2CAA2C;eAA3CA,+DAA2C;;IAAEC,oCAAoC;eAApCA,wDAAoC;;IACtMC,qBAAqB;eAArBA,6BAAqB;;IAAEC,mBAAmB;eAAnBA,2BAAmB;;IAAEC,gBAAgB;eAAhBA,wBAAgB;;IAAEC,8BAA8B;eAA9BA,sCAA8B;;;wBALS;uBACvD;6BAC6G;iCACT;oCAC4D;wBAC1G"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-avatar",
3
- "version": "9.6.18",
3
+ "version": "9.6.20",
4
4
  "description": "React components for building Microsoft web experiences.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -37,16 +37,16 @@
37
37
  "@fluentui/scripts-tasks": "*"
38
38
  },
39
39
  "dependencies": {
40
- "@fluentui/react-badge": "^9.2.28",
41
- "@fluentui/react-context-selector": "^9.1.55",
40
+ "@fluentui/react-badge": "^9.2.30",
41
+ "@fluentui/react-context-selector": "^9.1.57",
42
42
  "@fluentui/react-icons": "^2.0.224",
43
- "@fluentui/react-popover": "^9.9.1",
44
- "@fluentui/react-shared-contexts": "^9.15.1",
45
- "@fluentui/react-tabster": "^9.19.4",
46
- "@fluentui/react-theme": "^9.1.18",
47
- "@fluentui/react-tooltip": "^9.4.20",
48
- "@fluentui/react-utilities": "^9.18.4",
49
- "@fluentui/react-jsx-runtime": "^9.0.33",
43
+ "@fluentui/react-popover": "^9.9.3",
44
+ "@fluentui/react-shared-contexts": "^9.16.0",
45
+ "@fluentui/react-tabster": "^9.19.6",
46
+ "@fluentui/react-theme": "^9.1.19",
47
+ "@fluentui/react-tooltip": "^9.4.22",
48
+ "@fluentui/react-utilities": "^9.18.6",
49
+ "@fluentui/react-jsx-runtime": "^9.0.35",
50
50
  "@griffel/react": "^1.5.14",
51
51
  "@swc/helpers": "^0.5.1"
52
52
  },