@fluentui/react-avatar 9.4.8 → 9.4.10

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 (23) hide show
  1. package/CHANGELOG.json +97 -7
  2. package/CHANGELOG.md +36 -8
  3. package/lib/components/Avatar/renderAvatar.js +4 -4
  4. package/lib/components/Avatar/renderAvatar.js.map +1 -1
  5. package/lib/components/Avatar/useAvatarStyles.js +6 -36
  6. package/lib/components/Avatar/useAvatarStyles.js.map +1 -1
  7. package/lib/components/AvatarGroup/renderAvatarGroup.js +5 -5
  8. package/lib/components/AvatarGroup/renderAvatarGroup.js.map +1 -1
  9. package/lib/components/AvatarGroupItem/renderAvatarGroupItem.js +4 -4
  10. package/lib/components/AvatarGroupItem/renderAvatarGroupItem.js.map +1 -1
  11. package/lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js +6 -6
  12. package/lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +1 -1
  13. package/lib-commonjs/components/Avatar/renderAvatar.js +4 -5
  14. package/lib-commonjs/components/Avatar/renderAvatar.js.map +1 -1
  15. package/lib-commonjs/components/Avatar/useAvatarStyles.js +9 -60
  16. package/lib-commonjs/components/Avatar/useAvatarStyles.js.map +1 -1
  17. package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.js +5 -6
  18. package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.js.map +1 -1
  19. package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js +4 -5
  20. package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js.map +1 -1
  21. package/lib-commonjs/components/AvatarGroupPopover/renderAvatarGroupPopover.js +6 -7
  22. package/lib-commonjs/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map +1 -1
  23. package/package.json +8 -7
package/CHANGELOG.json CHANGED
@@ -2,7 +2,97 @@
2
2
  "name": "@fluentui/react-avatar",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 12 Apr 2023 09:28:17 GMT",
5
+ "date": "Mon, 24 Apr 2023 08:09:06 GMT",
6
+ "tag": "@fluentui/react-avatar_v9.4.10",
7
+ "version": "9.4.10",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "bernardo.sunderhus@gmail.com",
12
+ "package": "@fluentui/react-avatar",
13
+ "commit": "d340ff4b1c3aa7e1818780ec4d41f46c86e451c9",
14
+ "comment": "chore: adopt custom JSX pragma"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-avatar",
19
+ "comment": "Bump @fluentui/react-badge to v9.1.10",
20
+ "commit": "948b5bf9871303d1742f1b9a17a3bd4006ce2fea"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-avatar",
25
+ "comment": "Bump @fluentui/react-popover to v9.5.10",
26
+ "commit": "948b5bf9871303d1742f1b9a17a3bd4006ce2fea"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-avatar",
31
+ "comment": "Bump @fluentui/react-tooltip to v9.2.10",
32
+ "commit": "948b5bf9871303d1742f1b9a17a3bd4006ce2fea"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-avatar",
37
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2",
38
+ "commit": "948b5bf9871303d1742f1b9a17a3bd4006ce2fea"
39
+ }
40
+ ]
41
+ }
42
+ },
43
+ {
44
+ "date": "Mon, 17 Apr 2023 17:53:45 GMT",
45
+ "tag": "@fluentui/react-avatar_v9.4.9",
46
+ "version": "9.4.9",
47
+ "comments": {
48
+ "patch": [
49
+ {
50
+ "author": "behowell@microsoft.com",
51
+ "package": "@fluentui/react-avatar",
52
+ "commit": "b120cc8a76bea610aeeded3eade7c78c0e9ddc0b",
53
+ "comment": "fix: Correct Avatar's active-inactive transition animation curve"
54
+ },
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui/react-avatar",
58
+ "comment": "Bump @fluentui/react-badge to v9.1.9",
59
+ "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui/react-avatar",
64
+ "comment": "Bump @fluentui/react-context-selector to v9.1.18",
65
+ "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui/react-avatar",
70
+ "comment": "Bump @fluentui/react-popover to v9.5.9",
71
+ "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
72
+ },
73
+ {
74
+ "author": "beachball",
75
+ "package": "@fluentui/react-avatar",
76
+ "comment": "Bump @fluentui/react-tabster to v9.6.5",
77
+ "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
78
+ },
79
+ {
80
+ "author": "beachball",
81
+ "package": "@fluentui/react-avatar",
82
+ "comment": "Bump @fluentui/react-tooltip to v9.2.9",
83
+ "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
84
+ },
85
+ {
86
+ "author": "beachball",
87
+ "package": "@fluentui/react-avatar",
88
+ "comment": "Bump @fluentui/react-utilities to v9.8.0",
89
+ "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
90
+ }
91
+ ]
92
+ }
93
+ },
94
+ {
95
+ "date": "Wed, 12 Apr 2023 09:31:45 GMT",
6
96
  "tag": "@fluentui/react-avatar_v9.4.8",
7
97
  "version": "9.4.8",
8
98
  "comments": {
@@ -11,37 +101,37 @@
11
101
  "author": "beachball",
12
102
  "package": "@fluentui/react-avatar",
13
103
  "comment": "Bump @fluentui/react-badge to v9.1.8",
14
- "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
104
+ "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
15
105
  },
16
106
  {
17
107
  "author": "beachball",
18
108
  "package": "@fluentui/react-avatar",
19
109
  "comment": "Bump @fluentui/react-context-selector to v9.1.17",
20
- "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
110
+ "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
21
111
  },
22
112
  {
23
113
  "author": "beachball",
24
114
  "package": "@fluentui/react-avatar",
25
115
  "comment": "Bump @fluentui/react-popover to v9.5.8",
26
- "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
116
+ "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
27
117
  },
28
118
  {
29
119
  "author": "beachball",
30
120
  "package": "@fluentui/react-avatar",
31
121
  "comment": "Bump @fluentui/react-tabster to v9.6.4",
32
- "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
122
+ "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
33
123
  },
34
124
  {
35
125
  "author": "beachball",
36
126
  "package": "@fluentui/react-avatar",
37
127
  "comment": "Bump @fluentui/react-tooltip to v9.2.8",
38
- "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
128
+ "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
39
129
  },
40
130
  {
41
131
  "author": "beachball",
42
132
  "package": "@fluentui/react-avatar",
43
133
  "comment": "Bump @fluentui/react-utilities to v9.7.4",
44
- "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
134
+ "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
45
135
  }
46
136
  ]
47
137
  }
package/CHANGELOG.md CHANGED
@@ -1,22 +1,50 @@
1
1
  # Change Log - @fluentui/react-avatar
2
2
 
3
- This log was last generated on Wed, 12 Apr 2023 09:28:17 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 24 Apr 2023 08:09:06 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.4.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.4.10)
8
+
9
+ Mon, 24 Apr 2023 08:09:06 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.4.9..@fluentui/react-avatar_v9.4.10)
11
+
12
+ ### Patches
13
+
14
+ - chore: adopt custom JSX pragma ([PR #27602](https://github.com/microsoft/fluentui/pull/27602) by bernardo.sunderhus@gmail.com)
15
+ - Bump @fluentui/react-badge to v9.1.10 ([PR #27632](https://github.com/microsoft/fluentui/pull/27632) by beachball)
16
+ - Bump @fluentui/react-popover to v9.5.10 ([PR #27632](https://github.com/microsoft/fluentui/pull/27632) by beachball)
17
+ - Bump @fluentui/react-tooltip to v9.2.10 ([PR #27632](https://github.com/microsoft/fluentui/pull/27632) by beachball)
18
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2 ([PR #27632](https://github.com/microsoft/fluentui/pull/27632) by beachball)
19
+
20
+ ## [9.4.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.4.9)
21
+
22
+ Mon, 17 Apr 2023 17:53:45 GMT
23
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.4.8..@fluentui/react-avatar_v9.4.9)
24
+
25
+ ### Patches
26
+
27
+ - fix: Correct Avatar's active-inactive transition animation curve ([PR #27537](https://github.com/microsoft/fluentui/pull/27537) by behowell@microsoft.com)
28
+ - Bump @fluentui/react-badge to v9.1.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
29
+ - Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
30
+ - Bump @fluentui/react-popover to v9.5.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
31
+ - Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
32
+ - Bump @fluentui/react-tooltip to v9.2.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
33
+ - Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
34
+
7
35
  ## [9.4.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.4.8)
8
36
 
9
- Wed, 12 Apr 2023 09:28:17 GMT
37
+ Wed, 12 Apr 2023 09:31:45 GMT
10
38
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.4.7..@fluentui/react-avatar_v9.4.8)
11
39
 
12
40
  ### Patches
13
41
 
14
- - Bump @fluentui/react-badge to v9.1.8 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
15
- - Bump @fluentui/react-context-selector to v9.1.17 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
16
- - Bump @fluentui/react-popover to v9.5.8 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
17
- - Bump @fluentui/react-tabster to v9.6.4 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
18
- - Bump @fluentui/react-tooltip to v9.2.8 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
19
- - Bump @fluentui/react-utilities to v9.7.4 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
42
+ - Bump @fluentui/react-badge to v9.1.8 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
43
+ - Bump @fluentui/react-context-selector to v9.1.17 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
44
+ - Bump @fluentui/react-popover to v9.5.8 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
45
+ - Bump @fluentui/react-tabster to v9.6.4 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
46
+ - Bump @fluentui/react-tooltip to v9.2.8 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
47
+ - Bump @fluentui/react-utilities to v9.7.4 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
20
48
 
21
49
  ## [9.4.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.4.7)
22
50
 
@@ -1,10 +1,10 @@
1
- import * as React from 'react';
2
- import { getSlots } from '@fluentui/react-utilities';
1
+ /** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
2
+ import { getSlotsNext } from '@fluentui/react-utilities';
3
3
  export const renderAvatar_unstable = state => {
4
4
  const {
5
5
  slots,
6
6
  slotProps
7
- } = getSlots(state);
8
- return /*#__PURE__*/React.createElement(slots.root, slotProps.root, slots.initials && /*#__PURE__*/React.createElement(slots.initials, slotProps.initials), slots.icon && /*#__PURE__*/React.createElement(slots.icon, slotProps.icon), slots.image && /*#__PURE__*/React.createElement(slots.image, slotProps.image), slots.badge && /*#__PURE__*/React.createElement(slots.badge, slotProps.badge), state.activeAriaLabelElement);
7
+ } = getSlotsNext(state);
8
+ return /*#__PURE__*/createElement(slots.root, slotProps.root, slots.initials && /*#__PURE__*/createElement(slots.initials, slotProps.initials), slots.icon && /*#__PURE__*/createElement(slots.icon, slotProps.icon), slots.image && /*#__PURE__*/createElement(slots.image, slotProps.image), slots.badge && /*#__PURE__*/createElement(slots.badge, slotProps.badge), state.activeAriaLabelElement);
9
9
  };
10
10
  //# sourceMappingURL=renderAvatar.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","getSlots","renderAvatar_unstable","state","slots","slotProps","createElement","root","initials","icon","image","badge","activeAriaLabelElement"],"sources":["../../../src/components/Avatar/renderAvatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { AvatarSlots, AvatarState } from './Avatar.types';\n\nexport const renderAvatar_unstable = (state: AvatarState) => {\n const { slots, slotProps } = getSlots<AvatarSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n {slots.initials && <slots.initials {...slotProps.initials} />}\n {slots.icon && <slots.icon {...slotProps.icon} />}\n {slots.image && <slots.image {...slotProps.image} />}\n {slots.badge && <slots.badge {...slotProps.badge} />}\n {state.activeAriaLabelElement}\n </slots.root>\n );\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,QAAQ,QAAQ;AAGzB,OAAO,MAAMC,qBAAA,GAAyBC,KAAA,IAAuB;EAC3D,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,QAAA,CAAsBE,KAAA;EAEnD,oBACEH,KAAA,CAAAM,aAAA,CAACF,KAAA,CAAMG,IAAI,EAAKF,SAAA,CAAUE,IAAI,EAC3BH,KAAA,CAAMI,QAAQ,iBAAIR,KAAA,CAAAM,aAAA,CAACF,KAAA,CAAMI,QAAQ,EAAKH,SAAA,CAAUG,QAAQ,GACxDJ,KAAA,CAAMK,IAAI,iBAAIT,KAAA,CAAAM,aAAA,CAACF,KAAA,CAAMK,IAAI,EAAKJ,SAAA,CAAUI,IAAI,GAC5CL,KAAA,CAAMM,KAAK,iBAAIV,KAAA,CAAAM,aAAA,CAACF,KAAA,CAAMM,KAAK,EAAKL,SAAA,CAAUK,KAAK,GAC/CN,KAAA,CAAMO,KAAK,iBAAIX,KAAA,CAAAM,aAAA,CAACF,KAAA,CAAMO,KAAK,EAAKN,SAAA,CAAUM,KAAK,GAC/CR,KAAA,CAAMS,sBAAsB;AAGnC"}
1
+ {"version":3,"names":["createElement","getSlotsNext","renderAvatar_unstable","state","slots","slotProps","root","initials","icon","image","badge","activeAriaLabelElement"],"sources":["../../../src/components/Avatar/renderAvatar.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { AvatarSlots, AvatarState } from './Avatar.types';\n\nexport const renderAvatar_unstable = (state: AvatarState) => {\n const { slots, slotProps } = getSlotsNext<AvatarSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n {slots.initials && <slots.initials {...slotProps.initials} />}\n {slots.icon && <slots.icon {...slotProps.icon} />}\n {slots.image && <slots.image {...slotProps.image} />}\n {slots.badge && <slots.badge {...slotProps.badge} />}\n {state.activeAriaLabelElement}\n </slots.root>\n );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B,OAAO,MAAMC,qBAAA,GAAyBC,KAAA,IAAuB;EAC3D,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAA0BE,KAAA;EAEvD,oBACEH,aAXJ,CAWKI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI,EAC3BF,KAAA,CAAMG,QAAQ,iBAAIP,aAZzB,CAY0BI,KAAA,CAAMG,QAAQ,EAAKF,SAAA,CAAUE,QAAQ,GACxDH,KAAA,CAAMI,IAAI,iBAAIR,aAbrB,CAasBI,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI,GAC5CJ,KAAA,CAAMK,KAAK,iBAAIT,aAdtB,CAcuBI,KAAA,CAAMK,KAAK,EAAKJ,SAAA,CAAUI,KAAK,GAC/CL,KAAA,CAAMM,KAAK,iBAAIV,aAftB,CAeuBI,KAAA,CAAMM,KAAK,EAAKL,SAAA,CAAUK,KAAK,GAC/CP,KAAA,CAAMQ,sBAAsB;AAGnC"}
@@ -7,17 +7,6 @@ export const avatarClassNames = {
7
7
  icon: 'fui-Avatar__icon',
8
8
  badge: 'fui-Avatar__badge'
9
9
  };
10
- const animations = {
11
- fastOutSlowInMax: tokens.curveDecelerateMax,
12
- fastOutSlowInMid: tokens.curveDecelerateMid,
13
- fastOutSlowInMin: tokens.curveDecelerateMin,
14
- slowOutFastInMax: tokens.curveAccelerateMax,
15
- slowOutFastInMid: tokens.curveAccelerateMid,
16
- slowOutFastInMin: tokens.curveAccelerateMin,
17
- fastEase: tokens.curveEasyEaseMax,
18
- normalEase: tokens.curveEasyEase,
19
- nullEasing: tokens.curveLinear
20
- };
21
10
  const useRootClassName = /*#__PURE__*/__resetStyles("rz243wu", null, [".rz243wu{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}"]);
22
11
  const 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;}"]);
23
12
  const useIconInitialsClassName = /*#__PURE__*/__resetStyles("rip04v", "r31uzil", [".rip04v{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}", ".r31uzil{position:absolute;box-sizing:border-box;top:0;right:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}"]);
@@ -65,7 +54,7 @@ const useStyles = /*#__PURE__*/__styles({
65
54
  Bz10aip: "ftfx35i",
66
55
  Bmy1vo4: "fv0atk9",
67
56
  B3o57yi: "f1iry5bo",
68
- Cwk7ip: "f1gyuh7d",
57
+ Bkqvd7p: "f15n41j8",
69
58
  Hwfdqs: "f1onx1g3",
70
59
  Ftih45: "f1wl9k8s",
71
60
  Brfgrao: "f1j7ml58",
@@ -79,9 +68,8 @@ const useStyles = /*#__PURE__*/__styles({
79
68
  ck0cow: ["f1xx2lx6", "f1gnrg9b"],
80
69
  B8bqphf: "f1e9wvyh",
81
70
  h7gv66: "f1vyz52m",
82
- Bvy8d8o: "f1rjhkxy",
83
- B1pumaf: "f1ak47q9",
84
- B17wnbm: "f1apa6og"
71
+ wjn42g: "f1s8xkrt",
72
+ B1pumaf: "f1ak47q9"
85
73
  },
86
74
  ring: {
87
75
  Bdkvgpv: "f163fonl",
@@ -134,21 +122,13 @@ const useStyles = /*#__PURE__*/__styles({
134
122
  inactive: {
135
123
  abs64n: "fp25eh",
136
124
  Bz10aip: "f1clczzi",
137
- Bmy1vo4: "fv0atk9",
138
- B3o57yi: "f1iry5bo",
139
- Cwk7ip: "fxm264b",
140
- Hwfdqs: "f1onx1g3",
141
- Bwz0kr7: "f1o7dfsw",
125
+ Bkqvd7p: "f1l3s34x",
142
126
  qehafq: "fe3o830",
143
127
  Bicfajf: ["fzynn9s", "f1z0ukd1"],
144
128
  susq4k: "f1kyqvp9",
145
129
  Biibvgv: ["f1z0ukd1", "fzynn9s"],
146
130
  vz82u: "f1dhznln",
147
- B8bqphf: "f1e9wvyh",
148
- h7gv66: "f1vyz52m",
149
- Bvy8d8o: "f1yb2g89",
150
- B1pumaf: "f1ak47q9",
151
- B17wnbm: "f1apa6og"
131
+ wjn42g: "f1iysauc"
152
132
  },
153
133
  badge: {
154
134
  qhf8xq: "f1euv43f",
@@ -181,21 +161,11 @@ const useStyles = /*#__PURE__*/__styles({
181
161
  Be2twd7: "f18m8u13"
182
162
  }
183
163
  }, {
184
- d: [".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}", ".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}", ".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1ldthgs{border-bottom-right-radius:var(--borderRadiusLarge);}", ".frrelxk{border-bottom-left-radius:var(--borderRadiusLarge);}", ".fobrfso{border-top-right-radius:var(--borderRadiusLarge);}", ".ffisxpw{border-top-left-radius:var(--borderRadiusLarge);}", ".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}", ".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}", ".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}", ".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}", ".ftfx35i{-webkit-transform:perspective(1px);-moz-transform:perspective(1px);-ms-transform:perspective(1px);transform:perspective(1px);}", ".fv0atk9{transition-property:transform,opacity;}", ".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}", ".f1gyuh7d{transition-delay:var(--curveEasyEaseMax),var(--curveLinear);}", ".f1wl9k8s::before{content:\"\";}", ".f1j7ml58::before{position:absolute;}", ".ffi060y::before{top:0;}", ".f1fzr1x6::before{left:0;}", ".f1f351id::before{right:0;}", ".fchca7p::before{bottom:0;}", ".f1kd9phw::before{border-bottom-right-radius:inherit;}", ".fyf2ch2::before{border-bottom-left-radius:inherit;}", ".f1gnrg9b::before{border-top-right-radius:inherit;}", ".f1xx2lx6::before{border-top-left-radius:inherit;}", ".f1e9wvyh::before{transition-property:margin,opacity;}", ".f1vyz52m::before{transition-duration:var(--durationUltraSlow),var(--durationSlower);}", ".f1rjhkxy::before{transition-delay:var(--curveEasyEaseMax),var(--curveLinear);}", ".f163fonl::before{border-top-style:solid;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f11yjt3y::before{border-bottom-style:solid;}", ".f1rbtjc9::before{margin-top:calc(-2 * var(--strokeWidthThick));}", ".f1wm0e7m::before{margin-right:calc(-2 * var(--strokeWidthThick));}", ".f1o0l8kp::before{margin-left:calc(-2 * var(--strokeWidthThick));}", ".f1tz5420::before{margin-bottom:calc(-2 * var(--strokeWidthThick));}", ".f1q30tuz::before{border-top-width:var(--strokeWidthThick);}", ".f9c0djs::before{border-right-width:var(--strokeWidthThick);}", ".fcwzx2y::before{border-left-width:var(--strokeWidthThick);}", ".f1hdqo1a::before{border-bottom-width:var(--strokeWidthThick);}", ".fk7ejgl::before{margin-top:calc(-2 * var(--strokeWidthThicker));}", ".f12sbt0w::before{margin-right:calc(-2 * var(--strokeWidthThicker));}", ".f1tnh028::before{margin-left:calc(-2 * var(--strokeWidthThicker));}", ".fcrsff4::before{margin-bottom:calc(-2 * var(--strokeWidthThicker));}", ".f1jrge4j::before{border-top-width:var(--strokeWidthThicker);}", ".fc2vpa6::before{border-right-width:var(--strokeWidthThicker);}", ".f133djwz::before{border-left-width:var(--strokeWidthThicker);}", ".f9hcsm3::before{border-bottom-width:var(--strokeWidthThicker);}", ".fl3e39p::before{margin-top:calc(-2 * var(--strokeWidthThickest));}", ".f14m8wrz::before{margin-right:calc(-2 * var(--strokeWidthThickest));}", ".fckzhtt::before{margin-left:calc(-2 * var(--strokeWidthThickest));}", ".fnxq6pw::before{margin-bottom:calc(-2 * var(--strokeWidthThickest));}", ".fr6r3yi::before{border-top-width:var(--strokeWidthThickest);}", ".ftxoq8w::before{border-right-width:var(--strokeWidthThickest);}", ".f4gs2h8::before{border-left-width:var(--strokeWidthThickest);}", ".f9gga8r::before{border-bottom-width:var(--strokeWidthThickest);}", ".f196qwgu::before{box-shadow:var(--shadow4);}", ".fut48mo::before{box-shadow:var(--shadow8);}", ".fh2kfig::before{box-shadow:var(--shadow16);}", ".f4c2u2p::before{box-shadow:var(--shadow28);}", ".fp25eh{opacity:0.8;}", ".f1clczzi{-webkit-transform:scale(0.875);-moz-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);}", ".fxm264b{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}", ".fe3o830::before{margin-top:0;}", ".fzynn9s::before{margin-right:0;}", ".f1z0ukd1::before{margin-left:0;}", ".f1kyqvp9::before{margin-bottom:0;}", ".f1dhznln::before{opacity:0;}", ".f1yb2g89::before{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}", ".f1euv43f{position:absolute;}", ".f1yab3r1{bottom:0;}", ".f1e31b4d{right:0;}", ".f1vgc2s3{left:0;}", ".ffo9j2l{box-shadow:0 0 0 var(--strokeWidthThin) var(--colorNeutralBackground1);}", ".f1nayfl2{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground1);}", ".f1ugzwwg{font-size:12px;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}", ".f1rt2boy{font-size:24px;}", ".f24l1pt{font-size:28px;}", ".ffl51b{font-size:32px;}", ".f18m8u13{font-size:48px;}"],
164
+ d: [".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}", ".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}", ".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1ldthgs{border-bottom-right-radius:var(--borderRadiusLarge);}", ".frrelxk{border-bottom-left-radius:var(--borderRadiusLarge);}", ".fobrfso{border-top-right-radius:var(--borderRadiusLarge);}", ".ffisxpw{border-top-left-radius:var(--borderRadiusLarge);}", ".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}", ".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}", ".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}", ".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}", ".ftfx35i{-webkit-transform:perspective(1px);-moz-transform:perspective(1px);-ms-transform:perspective(1px);transform:perspective(1px);}", ".fv0atk9{transition-property:transform,opacity;}", ".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}", ".f15n41j8{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}", ".f1wl9k8s::before{content:\"\";}", ".f1j7ml58::before{position:absolute;}", ".ffi060y::before{top:0;}", ".f1fzr1x6::before{left:0;}", ".f1f351id::before{right:0;}", ".fchca7p::before{bottom:0;}", ".f1kd9phw::before{border-bottom-right-radius:inherit;}", ".fyf2ch2::before{border-bottom-left-radius:inherit;}", ".f1gnrg9b::before{border-top-right-radius:inherit;}", ".f1xx2lx6::before{border-top-left-radius:inherit;}", ".f1e9wvyh::before{transition-property:margin,opacity;}", ".f1vyz52m::before{transition-duration:var(--durationUltraSlow),var(--durationSlower);}", ".f1s8xkrt::before{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}", ".f163fonl::before{border-top-style:solid;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f11yjt3y::before{border-bottom-style:solid;}", ".f1rbtjc9::before{margin-top:calc(-2 * var(--strokeWidthThick));}", ".f1wm0e7m::before{margin-right:calc(-2 * var(--strokeWidthThick));}", ".f1o0l8kp::before{margin-left:calc(-2 * var(--strokeWidthThick));}", ".f1tz5420::before{margin-bottom:calc(-2 * var(--strokeWidthThick));}", ".f1q30tuz::before{border-top-width:var(--strokeWidthThick);}", ".f9c0djs::before{border-right-width:var(--strokeWidthThick);}", ".fcwzx2y::before{border-left-width:var(--strokeWidthThick);}", ".f1hdqo1a::before{border-bottom-width:var(--strokeWidthThick);}", ".fk7ejgl::before{margin-top:calc(-2 * var(--strokeWidthThicker));}", ".f12sbt0w::before{margin-right:calc(-2 * var(--strokeWidthThicker));}", ".f1tnh028::before{margin-left:calc(-2 * var(--strokeWidthThicker));}", ".fcrsff4::before{margin-bottom:calc(-2 * var(--strokeWidthThicker));}", ".f1jrge4j::before{border-top-width:var(--strokeWidthThicker);}", ".fc2vpa6::before{border-right-width:var(--strokeWidthThicker);}", ".f133djwz::before{border-left-width:var(--strokeWidthThicker);}", ".f9hcsm3::before{border-bottom-width:var(--strokeWidthThicker);}", ".fl3e39p::before{margin-top:calc(-2 * var(--strokeWidthThickest));}", ".f14m8wrz::before{margin-right:calc(-2 * var(--strokeWidthThickest));}", ".fckzhtt::before{margin-left:calc(-2 * var(--strokeWidthThickest));}", ".fnxq6pw::before{margin-bottom:calc(-2 * var(--strokeWidthThickest));}", ".fr6r3yi::before{border-top-width:var(--strokeWidthThickest);}", ".ftxoq8w::before{border-right-width:var(--strokeWidthThickest);}", ".f4gs2h8::before{border-left-width:var(--strokeWidthThickest);}", ".f9gga8r::before{border-bottom-width:var(--strokeWidthThickest);}", ".f196qwgu::before{box-shadow:var(--shadow4);}", ".fut48mo::before{box-shadow:var(--shadow8);}", ".fh2kfig::before{box-shadow:var(--shadow16);}", ".f4c2u2p::before{box-shadow:var(--shadow28);}", ".fp25eh{opacity:0.8;}", ".f1clczzi{-webkit-transform:scale(0.875);-moz-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);}", ".f1l3s34x{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}", ".fe3o830::before{margin-top:0;}", ".fzynn9s::before{margin-right:0;}", ".f1z0ukd1::before{margin-left:0;}", ".f1kyqvp9::before{margin-bottom:0;}", ".f1dhznln::before{opacity:0;}", ".f1iysauc::before{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}", ".f1euv43f{position:absolute;}", ".f1yab3r1{bottom:0;}", ".f1e31b4d{right:0;}", ".f1vgc2s3{left:0;}", ".ffo9j2l{box-shadow:0 0 0 var(--strokeWidthThin) var(--colorNeutralBackground1);}", ".f1nayfl2{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground1);}", ".f1ugzwwg{font-size:12px;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}", ".f1rt2boy{font-size:24px;}", ".f24l1pt{font-size:28px;}", ".ffl51b{font-size:32px;}", ".f18m8u13{font-size:48px;}"],
185
165
  m: [["@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}", {
186
166
  m: "screen and (prefers-reduced-motion: reduce)"
187
167
  }], ["@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}", {
188
168
  m: "screen and (prefers-reduced-motion: reduce)"
189
- }], ["@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}", {
190
- m: "screen and (prefers-reduced-motion: reduce)"
191
- }], ["@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}", {
192
- m: "screen and (prefers-reduced-motion: reduce)"
193
- }], ["@media screen and (prefers-reduced-motion: reduce){.f1o7dfsw{transition-delay:0.01ms;}}", {
194
- m: "screen and (prefers-reduced-motion: reduce)"
195
- }], ["@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}", {
196
- m: "screen and (prefers-reduced-motion: reduce)"
197
- }], ["@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}", {
198
- m: "screen and (prefers-reduced-motion: reduce)"
199
169
  }]]
200
170
  });
201
171
  export const useSizeStyles = /*#__PURE__*/__styles({
@@ -1 +1 @@
1
- {"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","tokens","avatarClassNames","root","image","initials","icon","badge","animations","fastOutSlowInMax","curveDecelerateMax","fastOutSlowInMid","curveDecelerateMid","fastOutSlowInMin","curveDecelerateMin","slowOutFastInMax","curveAccelerateMax","slowOutFastInMid","curveAccelerateMid","slowOutFastInMin","curveAccelerateMin","fastEase","curveEasyEaseMax","normalEase","curveEasyEase","nullEasing","curveLinear","useRootClassName","useImageClassName","useIconInitialsClassName","useStyles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Cwk7ip","Hwfdqs","Ftih45","Brfgrao","Bciustq","Fbdkly","lawp4y","mdwyqc","Budzafs","r59vdv","n07z76","ck0cow","B8bqphf","h7gv66","Bvy8d8o","B1pumaf","B17wnbm","ring","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","ringThick","qehafq","Bicfajf","susq4k","Biibvgv","B0qfbqy","B4f6apu","y0oebl","uvfttm","ringThicker","ringThickest","shadow4","h8m2vh","shadow8","shadow16","shadow28","inactive","abs64n","Bwz0kr7","vz82u","qhf8xq","B5kzvoi","j35jbq","E5pizo","badgeLarge","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","m","useSizeStyles","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","Bic5iru","brand","cranberry","red","pumpkin","peach","marigold","gold","brass","brown","forest","seafoam","teal","steel","blue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","useAvatarStyles_unstable","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","rootClasses","push","className","iconSizeClass"],"sources":["../../../src/components/Avatar/useAvatarStyles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { AvatarSlots, AvatarState } from './Avatar.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const avatarClassNames: SlotClassNames<AvatarSlots> = {\n root: 'fui-Avatar',\n image: 'fui-Avatar__image',\n initials: 'fui-Avatar__initials',\n icon: 'fui-Avatar__icon',\n badge: 'fui-Avatar__badge',\n};\n\nconst animations = {\n fastOutSlowInMax: tokens.curveDecelerateMax,\n fastOutSlowInMid: tokens.curveDecelerateMid,\n fastOutSlowInMin: tokens.curveDecelerateMin,\n slowOutFastInMax: tokens.curveAccelerateMax,\n slowOutFastInMid: tokens.curveAccelerateMid,\n slowOutFastInMin: tokens.curveAccelerateMin,\n fastEase: tokens.curveEasyEaseMax,\n normalEase: tokens.curveEasyEase,\n nullEasing: tokens.curveLinear,\n};\n\nconst useRootClassName = makeResetStyles({\n display: 'inline-block',\n flexShrink: 0,\n position: 'relative',\n verticalAlign: 'middle',\n borderRadius: tokens.borderRadiusCircular,\n fontFamily: tokens.fontFamilyBase,\n fontWeight: tokens.fontWeightSemibold,\n fontSize: tokens.fontSizeBase300,\n width: '32px',\n height: '32px',\n});\n\nconst useImageClassName = makeResetStyles({\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n\n borderRadius: 'inherit',\n objectFit: 'cover',\n verticalAlign: 'top',\n});\n\nconst useIconInitialsClassName = makeResetStyles({\n position: 'absolute',\n boxSizing: 'border-box',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n lineHeight: '1',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n verticalAlign: 'center',\n textAlign: 'center',\n userSelect: 'none',\n borderRadius: 'inherit',\n});\n\nconst useStyles = makeStyles({\n textCaption2Strong: { fontSize: tokens.fontSizeBase100 },\n textCaption1Strong: { fontSize: tokens.fontSizeBase200 },\n textSubtitle2: { fontSize: tokens.fontSizeBase400 },\n textSubtitle1: { fontSize: tokens.fontSizeBase500 },\n textTitle3: { fontSize: tokens.fontSizeBase600 },\n\n squareSmall: {\n ...shorthands.borderRadius(tokens.borderRadiusSmall),\n },\n squareMedium: {\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n },\n squareLarge: {\n ...shorthands.borderRadius(tokens.borderRadiusLarge),\n },\n squareXLarge: {\n ...shorthands.borderRadius(tokens.borderRadiusXLarge),\n },\n\n activeOrInactive: {\n transform: 'perspective(1px)', // Work-around for text pixel snapping at the end of the animation\n transitionProperty: 'transform, opacity',\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationFaster}`,\n transitionDelay: `${animations.fastEase}, ${animations.nullEasing}`,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n },\n\n '::before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n bottom: 0,\n right: 0,\n\n ...shorthands.borderRadius('inherit'),\n transitionProperty: 'margin, opacity',\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationSlower}`,\n transitionDelay: `${animations.fastEase}, ${animations.nullEasing}`,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n transitionDelay: '0.01ms',\n },\n },\n },\n\n ring: {\n '::before': {\n ...shorthands.borderStyle('solid'),\n },\n },\n ringThick: {\n '::before': {\n ...shorthands.margin(`calc(-2 * ${tokens.strokeWidthThick})`),\n ...shorthands.borderWidth(tokens.strokeWidthThick),\n },\n },\n ringThicker: {\n '::before': {\n ...shorthands.margin(`calc(-2 * ${tokens.strokeWidthThicker})`),\n ...shorthands.borderWidth(tokens.strokeWidthThicker),\n },\n },\n ringThickest: {\n '::before': {\n ...shorthands.margin(`calc(-2 * ${tokens.strokeWidthThickest})`),\n ...shorthands.borderWidth(tokens.strokeWidthThickest),\n },\n },\n\n shadow4: { '::before': { boxShadow: tokens.shadow4 } },\n shadow8: { '::before': { boxShadow: tokens.shadow8 } },\n shadow16: { '::before': { boxShadow: tokens.shadow16 } },\n shadow28: { '::before': { boxShadow: tokens.shadow28 } },\n\n inactive: {\n opacity: '0.8',\n transform: 'scale(0.875)',\n\n transitionProperty: 'transform, opacity',\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationFaster}`,\n transitionDelay: `${animations.fastOutSlowInMin}, ${animations.nullEasing}`,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n transitionDelay: '0.01ms',\n },\n\n '::before': {\n ...shorthands.margin(0),\n opacity: 0,\n\n transitionProperty: 'margin, opacity',\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationSlower}`,\n transitionDelay: `${animations.fastOutSlowInMin}, ${animations.nullEasing}`,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n transitionDelay: '0.01ms',\n },\n },\n },\n\n badge: {\n position: 'absolute',\n bottom: 0,\n right: 0,\n boxShadow: `0 0 0 ${tokens.strokeWidthThin} ${tokens.colorNeutralBackground1}`,\n },\n\n badgeLarge: {\n boxShadow: `0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralBackground1}`,\n },\n\n icon12: { fontSize: '12px' },\n icon16: { fontSize: '16px' },\n icon20: { fontSize: '20px' },\n icon24: { fontSize: '24px' },\n icon28: { fontSize: '28px' },\n icon32: { fontSize: '32px' },\n icon48: { fontSize: '48px' },\n});\n\nexport const useSizeStyles = makeStyles({\n 16: { width: '16px', height: '16px' },\n 20: { width: '20px', height: '20px' },\n 24: { width: '24px', height: '24px' },\n 28: { width: '28px', height: '28px' },\n 32: { width: '32px', height: '32px' },\n 36: { width: '36px', height: '36px' },\n 40: { width: '40px', height: '40px' },\n 48: { width: '48px', height: '48px' },\n 56: { width: '56px', height: '56px' },\n 64: { width: '64px', height: '64px' },\n 72: { width: '72px', height: '72px' },\n 96: { width: '96px', height: '96px' },\n 120: { width: '120px', height: '120px' },\n 128: { width: '128px', height: '128px' },\n});\n\nconst useColorStyles = makeStyles({\n neutral: {\n color: tokens.colorNeutralForeground3,\n backgroundColor: tokens.colorNeutralBackground6,\n // The ::before element is the ring when active\n '::before': { color: tokens.colorBrandStroke1 },\n },\n brand: {\n color: tokens.colorNeutralForegroundStaticInverted,\n backgroundColor: tokens.colorBrandBackgroundStatic,\n '::before': { color: tokens.colorBrandStroke1 },\n },\n 'dark-red': {\n color: tokens.colorPaletteDarkRedForeground2,\n backgroundColor: tokens.colorPaletteDarkRedBackground2,\n '::before': { color: tokens.colorPaletteDarkRedBorderActive },\n },\n cranberry: {\n color: tokens.colorPaletteCranberryForeground2,\n backgroundColor: tokens.colorPaletteCranberryBackground2,\n '::before': { color: tokens.colorPaletteCranberryBorderActive },\n },\n red: {\n color: tokens.colorPaletteRedForeground2,\n backgroundColor: tokens.colorPaletteRedBackground2,\n '::before': { color: tokens.colorPaletteRedBorderActive },\n },\n pumpkin: {\n color: tokens.colorPalettePumpkinForeground2,\n backgroundColor: tokens.colorPalettePumpkinBackground2,\n '::before': { color: tokens.colorPalettePumpkinBorderActive },\n },\n peach: {\n color: tokens.colorPalettePeachForeground2,\n backgroundColor: tokens.colorPalettePeachBackground2,\n '::before': { color: tokens.colorPalettePeachBorderActive },\n },\n marigold: {\n color: tokens.colorPaletteMarigoldForeground2,\n backgroundColor: tokens.colorPaletteMarigoldBackground2,\n '::before': { color: tokens.colorPaletteMarigoldBorderActive },\n },\n gold: {\n color: tokens.colorPaletteGoldForeground2,\n backgroundColor: tokens.colorPaletteGoldBackground2,\n '::before': { color: tokens.colorPaletteGoldBorderActive },\n },\n brass: {\n color: tokens.colorPaletteBrassForeground2,\n backgroundColor: tokens.colorPaletteBrassBackground2,\n '::before': { color: tokens.colorPaletteBrassBorderActive },\n },\n brown: {\n color: tokens.colorPaletteBrownForeground2,\n backgroundColor: tokens.colorPaletteBrownBackground2,\n '::before': { color: tokens.colorPaletteBrownBorderActive },\n },\n forest: {\n color: tokens.colorPaletteForestForeground2,\n backgroundColor: tokens.colorPaletteForestBackground2,\n '::before': { color: tokens.colorPaletteForestBorderActive },\n },\n seafoam: {\n color: tokens.colorPaletteSeafoamForeground2,\n backgroundColor: tokens.colorPaletteSeafoamBackground2,\n '::before': { color: tokens.colorPaletteSeafoamBorderActive },\n },\n 'dark-green': {\n color: tokens.colorPaletteDarkGreenForeground2,\n backgroundColor: tokens.colorPaletteDarkGreenBackground2,\n '::before': { color: tokens.colorPaletteDarkGreenBorderActive },\n },\n 'light-teal': {\n color: tokens.colorPaletteLightTealForeground2,\n backgroundColor: tokens.colorPaletteLightTealBackground2,\n '::before': { color: tokens.colorPaletteLightTealBorderActive },\n },\n teal: {\n color: tokens.colorPaletteTealForeground2,\n backgroundColor: tokens.colorPaletteTealBackground2,\n '::before': { color: tokens.colorPaletteTealBorderActive },\n },\n steel: {\n color: tokens.colorPaletteSteelForeground2,\n backgroundColor: tokens.colorPaletteSteelBackground2,\n '::before': { color: tokens.colorPaletteSteelBorderActive },\n },\n blue: {\n color: tokens.colorPaletteBlueForeground2,\n backgroundColor: tokens.colorPaletteBlueBackground2,\n '::before': { color: tokens.colorPaletteBlueBorderActive },\n },\n 'royal-blue': {\n color: tokens.colorPaletteRoyalBlueForeground2,\n backgroundColor: tokens.colorPaletteRoyalBlueBackground2,\n '::before': { color: tokens.colorPaletteRoyalBlueBorderActive },\n },\n cornflower: {\n color: tokens.colorPaletteCornflowerForeground2,\n backgroundColor: tokens.colorPaletteCornflowerBackground2,\n '::before': { color: tokens.colorPaletteCornflowerBorderActive },\n },\n navy: {\n color: tokens.colorPaletteNavyForeground2,\n backgroundColor: tokens.colorPaletteNavyBackground2,\n '::before': { color: tokens.colorPaletteNavyBorderActive },\n },\n lavender: {\n color: tokens.colorPaletteLavenderForeground2,\n backgroundColor: tokens.colorPaletteLavenderBackground2,\n '::before': { color: tokens.colorPaletteLavenderBorderActive },\n },\n purple: {\n color: tokens.colorPalettePurpleForeground2,\n backgroundColor: tokens.colorPalettePurpleBackground2,\n '::before': { color: tokens.colorPalettePurpleBorderActive },\n },\n grape: {\n color: tokens.colorPaletteGrapeForeground2,\n backgroundColor: tokens.colorPaletteGrapeBackground2,\n '::before': { color: tokens.colorPaletteGrapeBorderActive },\n },\n lilac: {\n color: tokens.colorPaletteLilacForeground2,\n backgroundColor: tokens.colorPaletteLilacBackground2,\n '::before': { color: tokens.colorPaletteLilacBorderActive },\n },\n pink: {\n color: tokens.colorPalettePinkForeground2,\n backgroundColor: tokens.colorPalettePinkBackground2,\n '::before': { color: tokens.colorPalettePinkBorderActive },\n },\n magenta: {\n color: tokens.colorPaletteMagentaForeground2,\n backgroundColor: tokens.colorPaletteMagentaBackground2,\n '::before': { color: tokens.colorPaletteMagentaBorderActive },\n },\n plum: {\n color: tokens.colorPalettePlumForeground2,\n backgroundColor: tokens.colorPalettePlumBackground2,\n '::before': { color: tokens.colorPalettePlumBorderActive },\n },\n beige: {\n color: tokens.colorPaletteBeigeForeground2,\n backgroundColor: tokens.colorPaletteBeigeBackground2,\n '::before': { color: tokens.colorPaletteBeigeBorderActive },\n },\n mink: {\n color: tokens.colorPaletteMinkForeground2,\n backgroundColor: tokens.colorPaletteMinkBackground2,\n '::before': { color: tokens.colorPaletteMinkBorderActive },\n },\n platinum: {\n color: tokens.colorPalettePlatinumForeground2,\n backgroundColor: tokens.colorPalettePlatinumBackground2,\n '::before': { color: tokens.colorPalettePlatinumBorderActive },\n },\n anchor: {\n color: tokens.colorPaletteAnchorForeground2,\n backgroundColor: tokens.colorPaletteAnchorBackground2,\n '::before': { color: tokens.colorPaletteAnchorBorderActive },\n },\n});\n\nexport const useAvatarStyles_unstable = (state: AvatarState): AvatarState => {\n const { size, shape, active, activeAppearance, color } = state;\n\n const rootClassName = useRootClassName();\n const imageClassName = useImageClassName();\n const iconInitialsClassName = useIconInitialsClassName();\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n const colorStyles = useColorStyles();\n\n const rootClasses = [rootClassName, size !== 32 && sizeStyles[size], colorStyles[color]];\n\n if (size <= 24) {\n rootClasses.push(styles.textCaption2Strong);\n } else if (size <= 28) {\n rootClasses.push(styles.textCaption1Strong);\n } else if (size <= 40) {\n // Default text size included in useRootClassName\n } else if (size <= 56) {\n rootClasses.push(styles.textSubtitle2);\n } else if (size <= 96) {\n rootClasses.push(styles.textSubtitle1);\n } else {\n rootClasses.push(styles.textTitle3);\n }\n\n if (shape === 'square') {\n if (size <= 24) {\n rootClasses.push(styles.squareSmall);\n } else if (size <= 48) {\n rootClasses.push(styles.squareMedium);\n } else if (size <= 72) {\n rootClasses.push(styles.squareLarge);\n } else {\n rootClasses.push(styles.squareXLarge);\n }\n }\n\n if (active === 'active' || active === 'inactive') {\n rootClasses.push(styles.activeOrInactive);\n\n if (activeAppearance === 'ring' || activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.ring);\n\n if (size <= 48) {\n rootClasses.push(styles.ringThick);\n } else if (size <= 64) {\n rootClasses.push(styles.ringThicker);\n } else {\n rootClasses.push(styles.ringThickest);\n }\n }\n\n if (activeAppearance === 'shadow' || activeAppearance === 'ring-shadow') {\n if (size <= 28) {\n rootClasses.push(styles.shadow4);\n } else if (size <= 48) {\n rootClasses.push(styles.shadow8);\n } else if (size <= 64) {\n rootClasses.push(styles.shadow16);\n } else {\n rootClasses.push(styles.shadow28);\n }\n }\n\n // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them\n if (active === 'inactive') {\n rootClasses.push(styles.inactive);\n }\n }\n\n state.root.className = mergeClasses(avatarClassNames.root, ...rootClasses, state.root.className);\n\n if (state.badge) {\n state.badge.className = mergeClasses(\n avatarClassNames.badge,\n styles.badge,\n size >= 64 && styles.badgeLarge,\n state.badge.className,\n );\n }\n\n if (state.image) {\n state.image.className = mergeClasses(avatarClassNames.image, imageClassName, state.image.className);\n }\n\n if (state.initials) {\n state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, state.initials.className);\n }\n\n if (state.icon) {\n let iconSizeClass;\n if (size <= 16) {\n iconSizeClass = styles.icon12;\n } else if (size <= 24) {\n iconSizeClass = styles.icon16;\n } else if (size <= 40) {\n iconSizeClass = styles.icon20;\n } else if (size <= 48) {\n iconSizeClass = styles.icon24;\n } else if (size <= 56) {\n iconSizeClass = styles.icon28;\n } else if (size <= 72) {\n iconSizeClass = styles.icon32;\n } else {\n iconSizeClass = styles.icon48;\n }\n\n state.icon.className = mergeClasses(\n avatarClassNames.icon,\n iconInitialsClassName,\n iconSizeClass,\n state.icon.className,\n );\n }\n\n return state;\n};\n"],"mappings":"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"}
1
+ {"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","tokens","avatarClassNames","root","image","initials","icon","badge","useRootClassName","useImageClassName","useIconInitialsClassName","useStyles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Bkqvd7p","Hwfdqs","Ftih45","Brfgrao","Bciustq","Fbdkly","lawp4y","mdwyqc","Budzafs","r59vdv","n07z76","ck0cow","B8bqphf","h7gv66","wjn42g","B1pumaf","ring","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","ringThick","qehafq","Bicfajf","susq4k","Biibvgv","B0qfbqy","B4f6apu","y0oebl","uvfttm","ringThicker","ringThickest","shadow4","h8m2vh","shadow8","shadow16","shadow28","inactive","abs64n","vz82u","qhf8xq","B5kzvoi","j35jbq","E5pizo","badgeLarge","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","m","useSizeStyles","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","Bic5iru","brand","cranberry","red","pumpkin","peach","marigold","gold","brass","brown","forest","seafoam","teal","steel","blue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","useAvatarStyles_unstable","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","rootClasses","push","className","iconSizeClass"],"sources":["../../../src/components/Avatar/useAvatarStyles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { AvatarSlots, AvatarState } from './Avatar.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const avatarClassNames: SlotClassNames<AvatarSlots> = {\n root: 'fui-Avatar',\n image: 'fui-Avatar__image',\n initials: 'fui-Avatar__initials',\n icon: 'fui-Avatar__icon',\n badge: 'fui-Avatar__badge',\n};\n\nconst useRootClassName = makeResetStyles({\n display: 'inline-block',\n flexShrink: 0,\n position: 'relative',\n verticalAlign: 'middle',\n borderRadius: tokens.borderRadiusCircular,\n fontFamily: tokens.fontFamilyBase,\n fontWeight: tokens.fontWeightSemibold,\n fontSize: tokens.fontSizeBase300,\n width: '32px',\n height: '32px',\n});\n\nconst useImageClassName = makeResetStyles({\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n\n borderRadius: 'inherit',\n objectFit: 'cover',\n verticalAlign: 'top',\n});\n\nconst useIconInitialsClassName = makeResetStyles({\n position: 'absolute',\n boxSizing: 'border-box',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n lineHeight: '1',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n verticalAlign: 'center',\n textAlign: 'center',\n userSelect: 'none',\n borderRadius: 'inherit',\n});\n\nconst useStyles = makeStyles({\n textCaption2Strong: { fontSize: tokens.fontSizeBase100 },\n textCaption1Strong: { fontSize: tokens.fontSizeBase200 },\n textSubtitle2: { fontSize: tokens.fontSizeBase400 },\n textSubtitle1: { fontSize: tokens.fontSizeBase500 },\n textTitle3: { fontSize: tokens.fontSizeBase600 },\n\n squareSmall: {\n ...shorthands.borderRadius(tokens.borderRadiusSmall),\n },\n squareMedium: {\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n },\n squareLarge: {\n ...shorthands.borderRadius(tokens.borderRadiusLarge),\n },\n squareXLarge: {\n ...shorthands.borderRadius(tokens.borderRadiusXLarge),\n },\n\n activeOrInactive: {\n transform: 'perspective(1px)', // Work-around for text pixel snapping at the end of the animation\n transitionProperty: 'transform, opacity',\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationFaster}`,\n transitionTimingFunction: `${tokens.curveEasyEaseMax}, ${tokens.curveLinear}`,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n },\n\n '::before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n bottom: 0,\n right: 0,\n\n ...shorthands.borderRadius('inherit'),\n transitionProperty: 'margin, opacity',\n transitionDuration: `${tokens.durationUltraSlow}, ${tokens.durationSlower}`,\n transitionTimingFunction: `${tokens.curveEasyEaseMax}, ${tokens.curveLinear}`,\n\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms',\n },\n },\n },\n\n ring: {\n '::before': {\n ...shorthands.borderStyle('solid'),\n },\n },\n ringThick: {\n '::before': {\n ...shorthands.margin(`calc(-2 * ${tokens.strokeWidthThick})`),\n ...shorthands.borderWidth(tokens.strokeWidthThick),\n },\n },\n ringThicker: {\n '::before': {\n ...shorthands.margin(`calc(-2 * ${tokens.strokeWidthThicker})`),\n ...shorthands.borderWidth(tokens.strokeWidthThicker),\n },\n },\n ringThickest: {\n '::before': {\n ...shorthands.margin(`calc(-2 * ${tokens.strokeWidthThickest})`),\n ...shorthands.borderWidth(tokens.strokeWidthThickest),\n },\n },\n\n shadow4: { '::before': { boxShadow: tokens.shadow4 } },\n shadow8: { '::before': { boxShadow: tokens.shadow8 } },\n shadow16: { '::before': { boxShadow: tokens.shadow16 } },\n shadow28: { '::before': { boxShadow: tokens.shadow28 } },\n\n inactive: {\n opacity: '0.8',\n transform: 'scale(0.875)',\n transitionTimingFunction: `${tokens.curveDecelerateMin}, ${tokens.curveLinear}`,\n\n '::before': {\n ...shorthands.margin(0),\n opacity: 0,\n transitionTimingFunction: `${tokens.curveDecelerateMin}, ${tokens.curveLinear}`,\n },\n },\n\n badge: {\n position: 'absolute',\n bottom: 0,\n right: 0,\n boxShadow: `0 0 0 ${tokens.strokeWidthThin} ${tokens.colorNeutralBackground1}`,\n },\n\n badgeLarge: {\n boxShadow: `0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralBackground1}`,\n },\n\n icon12: { fontSize: '12px' },\n icon16: { fontSize: '16px' },\n icon20: { fontSize: '20px' },\n icon24: { fontSize: '24px' },\n icon28: { fontSize: '28px' },\n icon32: { fontSize: '32px' },\n icon48: { fontSize: '48px' },\n});\n\nexport const useSizeStyles = makeStyles({\n 16: { width: '16px', height: '16px' },\n 20: { width: '20px', height: '20px' },\n 24: { width: '24px', height: '24px' },\n 28: { width: '28px', height: '28px' },\n 32: { width: '32px', height: '32px' },\n 36: { width: '36px', height: '36px' },\n 40: { width: '40px', height: '40px' },\n 48: { width: '48px', height: '48px' },\n 56: { width: '56px', height: '56px' },\n 64: { width: '64px', height: '64px' },\n 72: { width: '72px', height: '72px' },\n 96: { width: '96px', height: '96px' },\n 120: { width: '120px', height: '120px' },\n 128: { width: '128px', height: '128px' },\n});\n\nconst useColorStyles = makeStyles({\n neutral: {\n color: tokens.colorNeutralForeground3,\n backgroundColor: tokens.colorNeutralBackground6,\n // The ::before element is the ring when active\n '::before': { color: tokens.colorBrandStroke1 },\n },\n brand: {\n color: tokens.colorNeutralForegroundStaticInverted,\n backgroundColor: tokens.colorBrandBackgroundStatic,\n '::before': { color: tokens.colorBrandStroke1 },\n },\n 'dark-red': {\n color: tokens.colorPaletteDarkRedForeground2,\n backgroundColor: tokens.colorPaletteDarkRedBackground2,\n '::before': { color: tokens.colorPaletteDarkRedBorderActive },\n },\n cranberry: {\n color: tokens.colorPaletteCranberryForeground2,\n backgroundColor: tokens.colorPaletteCranberryBackground2,\n '::before': { color: tokens.colorPaletteCranberryBorderActive },\n },\n red: {\n color: tokens.colorPaletteRedForeground2,\n backgroundColor: tokens.colorPaletteRedBackground2,\n '::before': { color: tokens.colorPaletteRedBorderActive },\n },\n pumpkin: {\n color: tokens.colorPalettePumpkinForeground2,\n backgroundColor: tokens.colorPalettePumpkinBackground2,\n '::before': { color: tokens.colorPalettePumpkinBorderActive },\n },\n peach: {\n color: tokens.colorPalettePeachForeground2,\n backgroundColor: tokens.colorPalettePeachBackground2,\n '::before': { color: tokens.colorPalettePeachBorderActive },\n },\n marigold: {\n color: tokens.colorPaletteMarigoldForeground2,\n backgroundColor: tokens.colorPaletteMarigoldBackground2,\n '::before': { color: tokens.colorPaletteMarigoldBorderActive },\n },\n gold: {\n color: tokens.colorPaletteGoldForeground2,\n backgroundColor: tokens.colorPaletteGoldBackground2,\n '::before': { color: tokens.colorPaletteGoldBorderActive },\n },\n brass: {\n color: tokens.colorPaletteBrassForeground2,\n backgroundColor: tokens.colorPaletteBrassBackground2,\n '::before': { color: tokens.colorPaletteBrassBorderActive },\n },\n brown: {\n color: tokens.colorPaletteBrownForeground2,\n backgroundColor: tokens.colorPaletteBrownBackground2,\n '::before': { color: tokens.colorPaletteBrownBorderActive },\n },\n forest: {\n color: tokens.colorPaletteForestForeground2,\n backgroundColor: tokens.colorPaletteForestBackground2,\n '::before': { color: tokens.colorPaletteForestBorderActive },\n },\n seafoam: {\n color: tokens.colorPaletteSeafoamForeground2,\n backgroundColor: tokens.colorPaletteSeafoamBackground2,\n '::before': { color: tokens.colorPaletteSeafoamBorderActive },\n },\n 'dark-green': {\n color: tokens.colorPaletteDarkGreenForeground2,\n backgroundColor: tokens.colorPaletteDarkGreenBackground2,\n '::before': { color: tokens.colorPaletteDarkGreenBorderActive },\n },\n 'light-teal': {\n color: tokens.colorPaletteLightTealForeground2,\n backgroundColor: tokens.colorPaletteLightTealBackground2,\n '::before': { color: tokens.colorPaletteLightTealBorderActive },\n },\n teal: {\n color: tokens.colorPaletteTealForeground2,\n backgroundColor: tokens.colorPaletteTealBackground2,\n '::before': { color: tokens.colorPaletteTealBorderActive },\n },\n steel: {\n color: tokens.colorPaletteSteelForeground2,\n backgroundColor: tokens.colorPaletteSteelBackground2,\n '::before': { color: tokens.colorPaletteSteelBorderActive },\n },\n blue: {\n color: tokens.colorPaletteBlueForeground2,\n backgroundColor: tokens.colorPaletteBlueBackground2,\n '::before': { color: tokens.colorPaletteBlueBorderActive },\n },\n 'royal-blue': {\n color: tokens.colorPaletteRoyalBlueForeground2,\n backgroundColor: tokens.colorPaletteRoyalBlueBackground2,\n '::before': { color: tokens.colorPaletteRoyalBlueBorderActive },\n },\n cornflower: {\n color: tokens.colorPaletteCornflowerForeground2,\n backgroundColor: tokens.colorPaletteCornflowerBackground2,\n '::before': { color: tokens.colorPaletteCornflowerBorderActive },\n },\n navy: {\n color: tokens.colorPaletteNavyForeground2,\n backgroundColor: tokens.colorPaletteNavyBackground2,\n '::before': { color: tokens.colorPaletteNavyBorderActive },\n },\n lavender: {\n color: tokens.colorPaletteLavenderForeground2,\n backgroundColor: tokens.colorPaletteLavenderBackground2,\n '::before': { color: tokens.colorPaletteLavenderBorderActive },\n },\n purple: {\n color: tokens.colorPalettePurpleForeground2,\n backgroundColor: tokens.colorPalettePurpleBackground2,\n '::before': { color: tokens.colorPalettePurpleBorderActive },\n },\n grape: {\n color: tokens.colorPaletteGrapeForeground2,\n backgroundColor: tokens.colorPaletteGrapeBackground2,\n '::before': { color: tokens.colorPaletteGrapeBorderActive },\n },\n lilac: {\n color: tokens.colorPaletteLilacForeground2,\n backgroundColor: tokens.colorPaletteLilacBackground2,\n '::before': { color: tokens.colorPaletteLilacBorderActive },\n },\n pink: {\n color: tokens.colorPalettePinkForeground2,\n backgroundColor: tokens.colorPalettePinkBackground2,\n '::before': { color: tokens.colorPalettePinkBorderActive },\n },\n magenta: {\n color: tokens.colorPaletteMagentaForeground2,\n backgroundColor: tokens.colorPaletteMagentaBackground2,\n '::before': { color: tokens.colorPaletteMagentaBorderActive },\n },\n plum: {\n color: tokens.colorPalettePlumForeground2,\n backgroundColor: tokens.colorPalettePlumBackground2,\n '::before': { color: tokens.colorPalettePlumBorderActive },\n },\n beige: {\n color: tokens.colorPaletteBeigeForeground2,\n backgroundColor: tokens.colorPaletteBeigeBackground2,\n '::before': { color: tokens.colorPaletteBeigeBorderActive },\n },\n mink: {\n color: tokens.colorPaletteMinkForeground2,\n backgroundColor: tokens.colorPaletteMinkBackground2,\n '::before': { color: tokens.colorPaletteMinkBorderActive },\n },\n platinum: {\n color: tokens.colorPalettePlatinumForeground2,\n backgroundColor: tokens.colorPalettePlatinumBackground2,\n '::before': { color: tokens.colorPalettePlatinumBorderActive },\n },\n anchor: {\n color: tokens.colorPaletteAnchorForeground2,\n backgroundColor: tokens.colorPaletteAnchorBackground2,\n '::before': { color: tokens.colorPaletteAnchorBorderActive },\n },\n});\n\nexport const useAvatarStyles_unstable = (state: AvatarState): AvatarState => {\n const { size, shape, active, activeAppearance, color } = state;\n\n const rootClassName = useRootClassName();\n const imageClassName = useImageClassName();\n const iconInitialsClassName = useIconInitialsClassName();\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n const colorStyles = useColorStyles();\n\n const rootClasses = [rootClassName, size !== 32 && sizeStyles[size], colorStyles[color]];\n\n if (size <= 24) {\n rootClasses.push(styles.textCaption2Strong);\n } else if (size <= 28) {\n rootClasses.push(styles.textCaption1Strong);\n } else if (size <= 40) {\n // Default text size included in useRootClassName\n } else if (size <= 56) {\n rootClasses.push(styles.textSubtitle2);\n } else if (size <= 96) {\n rootClasses.push(styles.textSubtitle1);\n } else {\n rootClasses.push(styles.textTitle3);\n }\n\n if (shape === 'square') {\n if (size <= 24) {\n rootClasses.push(styles.squareSmall);\n } else if (size <= 48) {\n rootClasses.push(styles.squareMedium);\n } else if (size <= 72) {\n rootClasses.push(styles.squareLarge);\n } else {\n rootClasses.push(styles.squareXLarge);\n }\n }\n\n if (active === 'active' || active === 'inactive') {\n rootClasses.push(styles.activeOrInactive);\n\n if (activeAppearance === 'ring' || activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.ring);\n\n if (size <= 48) {\n rootClasses.push(styles.ringThick);\n } else if (size <= 64) {\n rootClasses.push(styles.ringThicker);\n } else {\n rootClasses.push(styles.ringThickest);\n }\n }\n\n if (activeAppearance === 'shadow' || activeAppearance === 'ring-shadow') {\n if (size <= 28) {\n rootClasses.push(styles.shadow4);\n } else if (size <= 48) {\n rootClasses.push(styles.shadow8);\n } else if (size <= 64) {\n rootClasses.push(styles.shadow16);\n } else {\n rootClasses.push(styles.shadow28);\n }\n }\n\n // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them\n if (active === 'inactive') {\n rootClasses.push(styles.inactive);\n }\n }\n\n state.root.className = mergeClasses(avatarClassNames.root, ...rootClasses, state.root.className);\n\n if (state.badge) {\n state.badge.className = mergeClasses(\n avatarClassNames.badge,\n styles.badge,\n size >= 64 && styles.badgeLarge,\n state.badge.className,\n );\n }\n\n if (state.image) {\n state.image.className = mergeClasses(avatarClassNames.image, imageClassName, state.image.className);\n }\n\n if (state.initials) {\n state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, state.initials.className);\n }\n\n if (state.icon) {\n let iconSizeClass;\n if (size <= 16) {\n iconSizeClass = styles.icon12;\n } else if (size <= 24) {\n iconSizeClass = styles.icon16;\n } else if (size <= 40) {\n iconSizeClass = styles.icon20;\n } else if (size <= 48) {\n iconSizeClass = styles.icon24;\n } else if (size <= 56) {\n iconSizeClass = styles.icon28;\n } else if (size <= 72) {\n iconSizeClass = styles.icon32;\n } else {\n iconSizeClass = styles.icon48;\n }\n\n state.icon.className = mergeClasses(\n avatarClassNames.icon,\n iconInitialsClassName,\n iconSizeClass,\n state.icon.className,\n );\n }\n\n return state;\n};\n"],"mappings":"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"}
@@ -1,5 +1,5 @@
1
- import * as React from 'react';
2
- import { getSlots } from '@fluentui/react-utilities';
1
+ /** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
2
+ import { getSlotsNext } from '@fluentui/react-utilities';
3
3
  import { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';
4
4
  /**
5
5
  * Render the final JSX of AvatarGroup
@@ -8,9 +8,9 @@ export const renderAvatarGroup_unstable = (state, contextValues) => {
8
8
  const {
9
9
  slots,
10
10
  slotProps
11
- } = getSlots(state);
12
- return /*#__PURE__*/React.createElement(AvatarGroupProvider, {
11
+ } = getSlotsNext(state);
12
+ return /*#__PURE__*/createElement(AvatarGroupProvider, {
13
13
  value: contextValues.avatarGroup
14
- }, /*#__PURE__*/React.createElement(slots.root, slotProps.root));
14
+ }, /*#__PURE__*/createElement(slots.root, slotProps.root));
15
15
  };
16
16
  //# sourceMappingURL=renderAvatarGroup.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","getSlots","AvatarGroupProvider","renderAvatarGroup_unstable","state","contextValues","slots","slotProps","createElement","value","avatarGroup","root"],"sources":["../../../src/components/AvatarGroup/renderAvatarGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\nimport type { AvatarGroupState, AvatarGroupSlots, AvatarGroupContextValues } from './AvatarGroup.types';\n\n/**\n * Render the final JSX of AvatarGroup\n */\nexport const renderAvatarGroup_unstable = (state: AvatarGroupState, contextValues: AvatarGroupContextValues) => {\n const { slots, slotProps } = getSlots<AvatarGroupSlots>(state);\n\n return (\n <AvatarGroupProvider value={contextValues.avatarGroup}>\n <slots.root {...slotProps.root} />\n </AvatarGroupProvider>\n );\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,QAAQ,QAAQ;AACzB,SAASC,mBAAmB,QAAQ;AAGpC;;;AAGA,OAAO,MAAMC,0BAAA,GAA6BA,CAACC,KAAA,EAAyBC,aAAA,KAA4C;EAC9G,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGN,QAAA,CAA2BG,KAAA;EAExD,oBACEJ,KAAA,CAAAQ,aAAA,CAACN,mBAAA;IAAoBO,KAAA,EAAOJ,aAAA,CAAcK;kBACxCV,KAAA,CAAAQ,aAAA,CAACF,KAAA,CAAMK,IAAI,EAAKJ,SAAA,CAAUI,IAAI;AAGpC"}
1
+ {"version":3,"names":["createElement","getSlotsNext","AvatarGroupProvider","renderAvatarGroup_unstable","state","contextValues","slots","slotProps","value","avatarGroup","root"],"sources":["../../../src/components/AvatarGroup/renderAvatarGroup.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\nimport type { AvatarGroupState, AvatarGroupSlots, AvatarGroupContextValues } from './AvatarGroup.types';\n\n/**\n * Render the final JSX of AvatarGroup\n */\nexport const renderAvatarGroup_unstable = (state: AvatarGroupState, contextValues: AvatarGroupContextValues) => {\n const { slots, slotProps } = getSlotsNext<AvatarGroupSlots>(state);\n\n return (\n <AvatarGroupProvider value={contextValues.avatarGroup}>\n <slots.root {...slotProps.root} />\n </AvatarGroupProvider>\n );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,mBAAmB,QAAQ;AAGpC;;;AAGA,OAAO,MAAMC,0BAAA,GAA6BA,CAACC,KAAA,EAAyBC,aAAA,KAA4C;EAC9G,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGN,YAAA,CAA+BG,KAAA;EAE5D,oBACEJ,aAfJ,CAeKE,mBAAA;IAAoBM,KAAA,EAAOH,aAAA,CAAcI;kBACxCT,aAhBN,CAgBOM,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI;AAGpC"}
@@ -1,5 +1,5 @@
1
- import * as React from 'react';
2
- import { getSlots } from '@fluentui/react-utilities';
1
+ /** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
2
+ import { getSlotsNext } from '@fluentui/react-utilities';
3
3
  /**
4
4
  * Render the final JSX of AvatarGroupItem
5
5
  */
@@ -7,7 +7,7 @@ export const renderAvatarGroupItem_unstable = state => {
7
7
  const {
8
8
  slots,
9
9
  slotProps
10
- } = getSlots(state);
11
- return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.avatar, slotProps.avatar), state.isOverflowItem && /*#__PURE__*/React.createElement(slots.overflowLabel, slotProps.overflowLabel));
10
+ } = getSlotsNext(state);
11
+ return /*#__PURE__*/createElement(slots.root, slotProps.root, /*#__PURE__*/createElement(slots.avatar, slotProps.avatar), state.isOverflowItem && /*#__PURE__*/createElement(slots.overflowLabel, slotProps.overflowLabel));
12
12
  };
13
13
  //# sourceMappingURL=renderAvatarGroupItem.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","getSlots","renderAvatarGroupItem_unstable","state","slots","slotProps","createElement","root","avatar","isOverflowItem","overflowLabel"],"sources":["../../../src/components/AvatarGroupItem/renderAvatarGroupItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { AvatarGroupItemState, AvatarGroupItemSlots } from './AvatarGroupItem.types';\n\n/**\n * Render the final JSX of AvatarGroupItem\n */\nexport const renderAvatarGroupItem_unstable = (state: AvatarGroupItemState) => {\n const { slots, slotProps } = getSlots<AvatarGroupItemSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n <slots.avatar {...slotProps.avatar} />\n {state.isOverflowItem && <slots.overflowLabel {...slotProps.overflowLabel} />}\n </slots.root>\n );\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,QAAQ,QAAQ;AAGzB;;;AAGA,OAAO,MAAMC,8BAAA,GAAkCC,KAAA,IAAgC;EAC7E,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,QAAA,CAA+BE,KAAA;EAE5D,oBACEH,KAAA,CAAAM,aAAA,CAACF,KAAA,CAAMG,IAAI,EAAKF,SAAA,CAAUE,IAAI,eAC5BP,KAAA,CAAAM,aAAA,CAACF,KAAA,CAAMI,MAAM,EAAKH,SAAA,CAAUG,MAAM,GACjCL,KAAA,CAAMM,cAAc,iBAAIT,KAAA,CAAAM,aAAA,CAACF,KAAA,CAAMM,aAAa,EAAKL,SAAA,CAAUK,aAAa;AAG/E"}
1
+ {"version":3,"names":["createElement","getSlotsNext","renderAvatarGroupItem_unstable","state","slots","slotProps","root","avatar","isOverflowItem","overflowLabel"],"sources":["../../../src/components/AvatarGroupItem/renderAvatarGroupItem.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { AvatarGroupItemState, AvatarGroupItemSlots } from './AvatarGroupItem.types';\n\n/**\n * Render the final JSX of AvatarGroupItem\n */\nexport const renderAvatarGroupItem_unstable = (state: AvatarGroupItemState) => {\n const { slots, slotProps } = getSlotsNext<AvatarGroupItemSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n <slots.avatar {...slotProps.avatar} />\n {state.isOverflowItem && <slots.overflowLabel {...slotProps.overflowLabel} />}\n </slots.root>\n );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,8BAAA,GAAkCC,KAAA,IAAgC;EAC7E,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAAmCE,KAAA;EAEhE,oBACEH,aAdJ,CAcKI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI,eAC5BN,aAfN,CAeOI,KAAA,CAAMG,MAAM,EAAKF,SAAA,CAAUE,MAAM,GACjCJ,KAAA,CAAMK,cAAc,iBAAIR,aAhB/B,CAgBgCI,KAAA,CAAMK,aAAa,EAAKJ,SAAA,CAAUI,aAAa;AAG/E"}
@@ -1,6 +1,6 @@
1
- import * as React from 'react';
1
+ /** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
2
2
  import { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';
3
- import { getSlots } from '@fluentui/react-utilities';
3
+ import { getSlotsNext } from '@fluentui/react-utilities';
4
4
  import { PopoverTrigger } from '@fluentui/react-popover';
5
5
  /**
6
6
  * Render the final JSX of AvatarGroupPopover
@@ -9,11 +9,11 @@ export const renderAvatarGroupPopover_unstable = (state, contextValues) => {
9
9
  const {
10
10
  slots,
11
11
  slotProps
12
- } = getSlots(state);
13
- return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(PopoverTrigger, {
12
+ } = getSlotsNext(state);
13
+ return /*#__PURE__*/createElement(slots.root, slotProps.root, /*#__PURE__*/createElement(PopoverTrigger, {
14
14
  disableButtonEnhancement: true
15
- }, /*#__PURE__*/React.createElement(slots.tooltip, slotProps.tooltip, /*#__PURE__*/React.createElement(slots.triggerButton, slotProps.triggerButton))), /*#__PURE__*/React.createElement(slots.popoverSurface, slotProps.popoverSurface, /*#__PURE__*/React.createElement(AvatarGroupProvider, {
15
+ }, /*#__PURE__*/createElement(slots.tooltip, slotProps.tooltip, /*#__PURE__*/createElement(slots.triggerButton, slotProps.triggerButton))), /*#__PURE__*/createElement(slots.popoverSurface, slotProps.popoverSurface, /*#__PURE__*/createElement(AvatarGroupProvider, {
16
16
  value: contextValues.avatarGroup
17
- }, /*#__PURE__*/React.createElement(slots.content, slotProps.content))));
17
+ }, /*#__PURE__*/createElement(slots.content, slotProps.content))));
18
18
  };
19
19
  //# sourceMappingURL=renderAvatarGroupPopover.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","AvatarGroupProvider","getSlots","PopoverTrigger","renderAvatarGroupPopover_unstable","state","contextValues","slots","slotProps","createElement","root","disableButtonEnhancement","tooltip","triggerButton","popoverSurface","value","avatarGroup","content"],"sources":["../../../src/components/AvatarGroupPopover/renderAvatarGroupPopover.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\nimport { AvatarGroupContextValues } from '../AvatarGroup/AvatarGroup.types';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { PopoverProps, PopoverTrigger } from '@fluentui/react-popover';\nimport { TooltipProps } from '@fluentui/react-tooltip';\nimport type { AvatarGroupPopoverState, AvatarGroupPopoverSlots } from './AvatarGroupPopover.types';\n\n/**\n * Render the final JSX of AvatarGroupPopover\n */\nexport const renderAvatarGroupPopover_unstable = (\n state: AvatarGroupPopoverState,\n contextValues: AvatarGroupContextValues,\n) => {\n const { slots, slotProps } = getSlots<AvatarGroupPopoverSlots>(state);\n\n return (\n <slots.root {...(slotProps.root as PopoverProps)}>\n <PopoverTrigger disableButtonEnhancement>\n <slots.tooltip {...(slotProps.tooltip as TooltipProps)}>\n <slots.triggerButton {...slotProps.triggerButton} />\n </slots.tooltip>\n </PopoverTrigger>\n <slots.popoverSurface {...slotProps.popoverSurface}>\n <AvatarGroupProvider value={contextValues.avatarGroup}>\n <slots.content {...slotProps.content} />\n </AvatarGroupProvider>\n </slots.popoverSurface>\n </slots.root>\n );\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,QAAQ,QAAQ;AACzB,SAAuBC,cAAc,QAAQ;AAI7C;;;AAGA,OAAO,MAAMC,iCAAA,GAAoCA,CAC/CC,KAAA,EACAC,aAAA,KACG;EACH,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGN,QAAA,CAAkCG,KAAA;EAE/D,oBACEL,KAAA,CAAAS,aAAA,CAACF,KAAA,CAAMG,IAAI,EAAMF,SAAA,CAAUE,IAAI,eAC7BV,KAAA,CAAAS,aAAA,CAACN,cAAA;IAAeQ,wBAAA;kBACdX,KAAA,CAAAS,aAAA,CAACF,KAAA,CAAMK,OAAO,EAAMJ,SAAA,CAAUI,OAAO,eACnCZ,KAAA,CAAAS,aAAA,CAACF,KAAA,CAAMM,aAAa,EAAKL,SAAA,CAAUK,aAAa,kBAGpDb,KAAA,CAAAS,aAAA,CAACF,KAAA,CAAMO,cAAc,EAAKN,SAAA,CAAUM,cAAc,eAChDd,KAAA,CAAAS,aAAA,CAACR,mBAAA;IAAoBc,KAAA,EAAOT,aAAA,CAAcU;kBACxChB,KAAA,CAAAS,aAAA,CAACF,KAAA,CAAMU,OAAO,EAAKT,SAAA,CAAUS,OAAO;AAK9C"}
1
+ {"version":3,"names":["createElement","AvatarGroupProvider","getSlotsNext","PopoverTrigger","renderAvatarGroupPopover_unstable","state","contextValues","slots","slotProps","root","disableButtonEnhancement","tooltip","triggerButton","popoverSurface","value","avatarGroup","content"],"sources":["../../../src/components/AvatarGroupPopover/renderAvatarGroupPopover.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\nimport { AvatarGroupContextValues } from '../AvatarGroup/AvatarGroup.types';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { PopoverProps, PopoverTrigger } from '@fluentui/react-popover';\nimport { TooltipProps } from '@fluentui/react-tooltip';\nimport type { AvatarGroupPopoverState, AvatarGroupPopoverSlots } from './AvatarGroupPopover.types';\n\n/**\n * Render the final JSX of AvatarGroupPopover\n */\nexport const renderAvatarGroupPopover_unstable = (\n state: AvatarGroupPopoverState,\n contextValues: AvatarGroupContextValues,\n) => {\n const { slots, slotProps } = getSlotsNext<AvatarGroupPopoverSlots>(state);\n\n return (\n <slots.root {...(slotProps.root as PopoverProps)}>\n <PopoverTrigger disableButtonEnhancement>\n <slots.tooltip {...(slotProps.tooltip as TooltipProps)}>\n <slots.triggerButton {...slotProps.triggerButton} />\n </slots.tooltip>\n </PopoverTrigger>\n <slots.popoverSurface {...slotProps.popoverSurface}>\n <AvatarGroupProvider value={contextValues.avatarGroup}>\n <slots.content {...slotProps.content} />\n </AvatarGroupProvider>\n </slots.popoverSurface>\n </slots.root>\n );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAC9B,SAASC,mBAAmB,QAAQ;AAGpC,SAASC,YAAY,QAAQ;AAC7B,SAAuBC,cAAc,QAAQ;AAI7C;;;AAGA,OAAO,MAAMC,iCAAA,GAAoCA,CAC/CC,KAAA,EACAC,aAAA,KACG;EACH,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGN,YAAA,CAAsCG,KAAA;EAEnE,oBACEL,aArBJ,CAqBKO,KAAA,CAAME,IAAI,EAAMD,SAAA,CAAUC,IAAI,eAC7BT,aAtBN,CAsBOG,cAAA;IAAeO,wBAAA;kBACdV,aAvBR,CAuBSO,KAAA,CAAMI,OAAO,EAAMH,SAAA,CAAUG,OAAO,eACnCX,aAxBV,CAwBWO,KAAA,CAAMK,aAAa,EAAKJ,SAAA,CAAUI,aAAa,kBAGpDZ,aA3BN,CA2BOO,KAAA,CAAMM,cAAc,EAAKL,SAAA,CAAUK,cAAc,eAChDb,aA5BR,CA4BSC,mBAAA;IAAoBa,KAAA,EAAOR,aAAA,CAAcS;kBACxCf,aA7BV,CA6BWO,KAAA,CAAMS,OAAO,EAAKR,SAAA,CAAUQ,OAAO;AAK9C"}
@@ -1,4 +1,4 @@
1
- "use strict";
1
+ /** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
@@ -6,12 +6,11 @@ Object.defineProperty(exports, "renderAvatar_unstable", {
6
6
  enumerable: true,
7
7
  get: ()=>renderAvatar_unstable
8
8
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
9
+ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
11
10
  const _reactUtilities = require("@fluentui/react-utilities");
12
11
  const renderAvatar_unstable = (state)=>{
13
- const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
14
- return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, slots.initials && /*#__PURE__*/ _react.createElement(slots.initials, slotProps.initials), slots.icon && /*#__PURE__*/ _react.createElement(slots.icon, slotProps.icon), slots.image && /*#__PURE__*/ _react.createElement(slots.image, slotProps.image), slots.badge && /*#__PURE__*/ _react.createElement(slots.badge, slotProps.badge), state.activeAriaLabelElement);
12
+ const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
13
+ return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slots.initials && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.initials, slotProps.initials), slots.icon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.icon, slotProps.icon), slots.image && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.image, slotProps.image), slots.badge && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.badge, slotProps.badge), state.activeAriaLabelElement);
15
14
  }; //# sourceMappingURL=renderAvatar.js.map
16
15
 
17
16
  //# sourceMappingURL=renderAvatar.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Avatar/renderAvatar.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nexport const renderAvatar_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(slots.root, slotProps.root, slots.initials && /*#__PURE__*/React.createElement(slots.initials, slotProps.initials), slots.icon && /*#__PURE__*/React.createElement(slots.icon, slotProps.icon), slots.image && /*#__PURE__*/React.createElement(slots.image, slotProps.image), slots.badge && /*#__PURE__*/React.createElement(slots.badge, slotProps.badge), state.activeAriaLabelElement);\n};\n//# sourceMappingURL=renderAvatar.js.map"],"names":["renderAvatar_unstable","state","slots","slotProps","getSlots","React","createElement","root","initials","icon","image","badge","activeAriaLabelElement"],"mappings":";;;;+BAEaA;;aAAAA;;;6DAFU;gCACE;AAClB,MAAMA,wBAAwBC,CAAAA,QAAS;IAC5C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAEL,MAAMM,QAAQ,IAAI,WAAW,GAAEH,OAAMC,aAAa,CAACJ,MAAMM,QAAQ,EAAEL,UAAUK,QAAQ,GAAGN,MAAMO,IAAI,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMO,IAAI,EAAEN,UAAUM,IAAI,GAAGP,MAAMQ,KAAK,IAAI,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMQ,KAAK,EAAEP,UAAUO,KAAK,GAAGR,MAAMS,KAAK,IAAI,WAAW,GAAEN,OAAMC,aAAa,CAACJ,MAAMS,KAAK,EAAER,UAAUQ,KAAK,GAAGV,MAAMW,sBAAsB;AACpa,GACA,wCAAwC"}
1
+ {"version":3,"sources":["../../../lib/components/Avatar/renderAvatar.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nexport const renderAvatar_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /*#__PURE__*/createElement(slots.root, slotProps.root, slots.initials && /*#__PURE__*/createElement(slots.initials, slotProps.initials), slots.icon && /*#__PURE__*/createElement(slots.icon, slotProps.icon), slots.image && /*#__PURE__*/createElement(slots.image, slotProps.image), slots.badge && /*#__PURE__*/createElement(slots.badge, slotProps.badge), state.activeAriaLabelElement);\n};\n//# sourceMappingURL=renderAvatar.js.map"],"names":["renderAvatar_unstable","state","slots","slotProps","getSlotsNext","createElement","root","initials","icon","image","badge","activeAriaLabelElement"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAErCA;;aAAAA;;iCAFqE;gCACrD;AACtB,MAAMA,wBAAwBC,CAAAA,QAAS;IAC5C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,QAAQ,IAAI,WAAW,GAAEF,IAAAA,8BAAa,EAACH,MAAMK,QAAQ,EAAEJ,UAAUI,QAAQ,GAAGL,MAAMM,IAAI,IAAI,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMM,IAAI,EAAEL,UAAUK,IAAI,GAAGN,MAAMO,KAAK,IAAI,WAAW,GAAEJ,IAAAA,8BAAa,EAACH,MAAMO,KAAK,EAAEN,UAAUM,KAAK,GAAGP,MAAMQ,KAAK,IAAI,WAAW,GAAEL,IAAAA,8BAAa,EAACH,MAAMQ,KAAK,EAAEP,UAAUO,KAAK,GAAGT,MAAMU,sBAAsB;AACtY,GACA,wCAAwC"}
@@ -14,7 +14,6 @@ _export(exports, {
14
14
  useAvatarStyles_unstable: ()=>useAvatarStyles_unstable
15
15
  });
16
16
  const _react = require("@griffel/react");
17
- const _reactTheme = require("@fluentui/react-theme");
18
17
  const avatarClassNames = {
19
18
  root: 'fui-Avatar',
20
19
  image: 'fui-Avatar__image',
@@ -22,17 +21,6 @@ const avatarClassNames = {
22
21
  icon: 'fui-Avatar__icon',
23
22
  badge: 'fui-Avatar__badge'
24
23
  };
25
- const animations = {
26
- fastOutSlowInMax: _reactTheme.tokens.curveDecelerateMax,
27
- fastOutSlowInMid: _reactTheme.tokens.curveDecelerateMid,
28
- fastOutSlowInMin: _reactTheme.tokens.curveDecelerateMin,
29
- slowOutFastInMax: _reactTheme.tokens.curveAccelerateMax,
30
- slowOutFastInMid: _reactTheme.tokens.curveAccelerateMid,
31
- slowOutFastInMin: _reactTheme.tokens.curveAccelerateMin,
32
- fastEase: _reactTheme.tokens.curveEasyEaseMax,
33
- normalEase: _reactTheme.tokens.curveEasyEase,
34
- nullEasing: _reactTheme.tokens.curveLinear
35
- };
36
24
  const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("rz243wu", null, [
37
25
  ".rz243wu{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}"
38
26
  ]);
@@ -136,7 +124,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
136
124
  Bz10aip: "ftfx35i",
137
125
  Bmy1vo4: "fv0atk9",
138
126
  B3o57yi: "f1iry5bo",
139
- Cwk7ip: "f1gyuh7d",
127
+ Bkqvd7p: "f15n41j8",
140
128
  Hwfdqs: "f1onx1g3",
141
129
  Ftih45: "f1wl9k8s",
142
130
  Brfgrao: "f1j7ml58",
@@ -168,9 +156,8 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
168
156
  ],
169
157
  B8bqphf: "f1e9wvyh",
170
158
  h7gv66: "f1vyz52m",
171
- Bvy8d8o: "f1rjhkxy",
172
- B1pumaf: "f1ak47q9",
173
- B17wnbm: "f1apa6og"
159
+ wjn42g: "f1s8xkrt",
160
+ B1pumaf: "f1ak47q9"
174
161
  },
175
162
  ring: {
176
163
  Bdkvgpv: "f163fonl",
@@ -265,11 +252,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
265
252
  inactive: {
266
253
  abs64n: "fp25eh",
267
254
  Bz10aip: "f1clczzi",
268
- Bmy1vo4: "fv0atk9",
269
- B3o57yi: "f1iry5bo",
270
- Cwk7ip: "fxm264b",
271
- Hwfdqs: "f1onx1g3",
272
- Bwz0kr7: "f1o7dfsw",
255
+ Bkqvd7p: "f1l3s34x",
273
256
  qehafq: "fe3o830",
274
257
  Bicfajf: [
275
258
  "fzynn9s",
@@ -281,11 +264,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
281
264
  "fzynn9s"
282
265
  ],
283
266
  vz82u: "f1dhznln",
284
- B8bqphf: "f1e9wvyh",
285
- h7gv66: "f1vyz52m",
286
- Bvy8d8o: "f1yb2g89",
287
- B1pumaf: "f1ak47q9",
288
- B17wnbm: "f1apa6og"
267
+ wjn42g: "f1iysauc"
289
268
  },
290
269
  badge: {
291
270
  qhf8xq: "f1euv43f",
@@ -346,7 +325,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
346
325
  ".ftfx35i{-webkit-transform:perspective(1px);-moz-transform:perspective(1px);-ms-transform:perspective(1px);transform:perspective(1px);}",
347
326
  ".fv0atk9{transition-property:transform,opacity;}",
348
327
  ".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}",
349
- ".f1gyuh7d{transition-delay:var(--curveEasyEaseMax),var(--curveLinear);}",
328
+ ".f15n41j8{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}",
350
329
  ".f1wl9k8s::before{content:\"\";}",
351
330
  ".f1j7ml58::before{position:absolute;}",
352
331
  ".ffi060y::before{top:0;}",
@@ -359,7 +338,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
359
338
  ".f1xx2lx6::before{border-top-left-radius:inherit;}",
360
339
  ".f1e9wvyh::before{transition-property:margin,opacity;}",
361
340
  ".f1vyz52m::before{transition-duration:var(--durationUltraSlow),var(--durationSlower);}",
362
- ".f1rjhkxy::before{transition-delay:var(--curveEasyEaseMax),var(--curveLinear);}",
341
+ ".f1s8xkrt::before{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}",
363
342
  ".f163fonl::before{border-top-style:solid;}",
364
343
  ".f1yq6w5o::before{border-right-style:solid;}",
365
344
  ".f1jpmc5p::before{border-left-style:solid;}",
@@ -394,13 +373,13 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
394
373
  ".f4c2u2p::before{box-shadow:var(--shadow28);}",
395
374
  ".fp25eh{opacity:0.8;}",
396
375
  ".f1clczzi{-webkit-transform:scale(0.875);-moz-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);}",
397
- ".fxm264b{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}",
376
+ ".f1l3s34x{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}",
398
377
  ".fe3o830::before{margin-top:0;}",
399
378
  ".fzynn9s::before{margin-right:0;}",
400
379
  ".f1z0ukd1::before{margin-left:0;}",
401
380
  ".f1kyqvp9::before{margin-bottom:0;}",
402
381
  ".f1dhznln::before{opacity:0;}",
403
- ".f1yb2g89::before{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}",
382
+ ".f1iysauc::before{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}",
404
383
  ".f1euv43f{position:absolute;}",
405
384
  ".f1yab3r1{bottom:0;}",
406
385
  ".f1e31b4d{right:0;}",
@@ -427,36 +406,6 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
427
406
  {
428
407
  m: "screen and (prefers-reduced-motion: reduce)"
429
408
  }
430
- ],
431
- [
432
- "@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}",
433
- {
434
- m: "screen and (prefers-reduced-motion: reduce)"
435
- }
436
- ],
437
- [
438
- "@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}",
439
- {
440
- m: "screen and (prefers-reduced-motion: reduce)"
441
- }
442
- ],
443
- [
444
- "@media screen and (prefers-reduced-motion: reduce){.f1o7dfsw{transition-delay:0.01ms;}}",
445
- {
446
- m: "screen and (prefers-reduced-motion: reduce)"
447
- }
448
- ],
449
- [
450
- "@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}",
451
- {
452
- m: "screen and (prefers-reduced-motion: reduce)"
453
- }
454
- ],
455
- [
456
- "@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}",
457
- {
458
- m: "screen and (prefers-reduced-motion: reduce)"
459
- }
460
409
  ]
461
410
  ]
462
411
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Avatar/useAvatarStyles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const avatarClassNames = {\n root: 'fui-Avatar',\n image: 'fui-Avatar__image',\n initials: 'fui-Avatar__initials',\n icon: 'fui-Avatar__icon',\n badge: 'fui-Avatar__badge'\n};\nconst animations = {\n fastOutSlowInMax: tokens.curveDecelerateMax,\n fastOutSlowInMid: tokens.curveDecelerateMid,\n fastOutSlowInMin: tokens.curveDecelerateMin,\n slowOutFastInMax: tokens.curveAccelerateMax,\n slowOutFastInMid: tokens.curveAccelerateMid,\n slowOutFastInMin: tokens.curveAccelerateMin,\n fastEase: tokens.curveEasyEaseMax,\n normalEase: tokens.curveEasyEase,\n nullEasing: tokens.curveLinear\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"rz243wu\", null, [\".rz243wu{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}\"]);\nconst useImageClassName = /*#__PURE__*/__resetStyles(\"r136dc0n\", \"rjly0nl\", [\".r136dc0n{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}\", \".rjly0nl{position:absolute;top:0;right:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}\"]);\nconst useIconInitialsClassName = /*#__PURE__*/__resetStyles(\"rip04v\", \"r31uzil\", [\".rip04v{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}\", \".r31uzil{position:absolute;box-sizing:border-box;top:0;right:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}\"]);\nconst useStyles = /*#__PURE__*/__styles({\n textCaption2Strong: {\n Be2twd7: \"f13mqy1h\"\n },\n textCaption1Strong: {\n Be2twd7: \"fy9rknc\"\n },\n textSubtitle2: {\n Be2twd7: \"fod5ikn\"\n },\n textSubtitle1: {\n Be2twd7: \"f1pp30po\"\n },\n textTitle3: {\n Be2twd7: \"f1x0m3f5\"\n },\n squareSmall: {\n Bbmb7ep: [\"f1g3puop\", \"fi2rrw2\"],\n Beyfa6y: [\"fi2rrw2\", \"f1g3puop\"],\n B7oj6ja: [\"f1rstyi9\", \"f1s4nn1u\"],\n Btl43ni: [\"f1s4nn1u\", \"f1rstyi9\"]\n },\n squareMedium: {\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n },\n squareLarge: {\n Bbmb7ep: [\"f1ldthgs\", \"frrelxk\"],\n Beyfa6y: [\"frrelxk\", \"f1ldthgs\"],\n B7oj6ja: [\"fobrfso\", \"ffisxpw\"],\n Btl43ni: [\"ffisxpw\", \"fobrfso\"]\n },\n squareXLarge: {\n Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n Btl43ni: [\"f8yange\", \"f1el4m67\"]\n },\n activeOrInactive: {\n Bz10aip: \"ftfx35i\",\n Bmy1vo4: \"fv0atk9\",\n B3o57yi: \"f1iry5bo\",\n Cwk7ip: \"f1gyuh7d\",\n Hwfdqs: \"f1onx1g3\",\n Ftih45: \"f1wl9k8s\",\n Brfgrao: \"f1j7ml58\",\n Bciustq: \"ffi060y\",\n Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n lawp4y: \"fchca7p\",\n mdwyqc: [\"f1f351id\", \"f1fzr1x6\"],\n Budzafs: [\"f1kd9phw\", \"fyf2ch2\"],\n r59vdv: [\"fyf2ch2\", \"f1kd9phw\"],\n n07z76: [\"f1gnrg9b\", \"f1xx2lx6\"],\n ck0cow: [\"f1xx2lx6\", \"f1gnrg9b\"],\n B8bqphf: \"f1e9wvyh\",\n h7gv66: \"f1vyz52m\",\n Bvy8d8o: \"f1rjhkxy\",\n B1pumaf: \"f1ak47q9\",\n B17wnbm: \"f1apa6og\"\n },\n ring: {\n Bdkvgpv: \"f163fonl\",\n m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n qa3bma: \"f11yjt3y\",\n Bbv0w2i: [\"f1jpmc5p\", \"f1yq6w5o\"]\n },\n ringThick: {\n qehafq: \"f1rbtjc9\",\n Bicfajf: [\"f1wm0e7m\", \"f1o0l8kp\"],\n susq4k: \"f1tz5420\",\n Biibvgv: [\"f1o0l8kp\", \"f1wm0e7m\"],\n B0qfbqy: \"f1q30tuz\",\n B4f6apu: [\"f9c0djs\", \"fcwzx2y\"],\n y0oebl: \"f1hdqo1a\",\n uvfttm: [\"fcwzx2y\", \"f9c0djs\"]\n },\n ringThicker: {\n qehafq: \"fk7ejgl\",\n Bicfajf: [\"f12sbt0w\", \"f1tnh028\"],\n susq4k: \"fcrsff4\",\n Biibvgv: [\"f1tnh028\", \"f12sbt0w\"],\n B0qfbqy: \"f1jrge4j\",\n B4f6apu: [\"fc2vpa6\", \"f133djwz\"],\n y0oebl: \"f9hcsm3\",\n uvfttm: [\"f133djwz\", \"fc2vpa6\"]\n },\n ringThickest: {\n qehafq: \"fl3e39p\",\n Bicfajf: [\"f14m8wrz\", \"fckzhtt\"],\n susq4k: \"fnxq6pw\",\n Biibvgv: [\"fckzhtt\", \"f14m8wrz\"],\n B0qfbqy: \"fr6r3yi\",\n B4f6apu: [\"ftxoq8w\", \"f4gs2h8\"],\n y0oebl: \"f9gga8r\",\n uvfttm: [\"f4gs2h8\", \"ftxoq8w\"]\n },\n shadow4: {\n h8m2vh: \"f196qwgu\"\n },\n shadow8: {\n h8m2vh: \"fut48mo\"\n },\n shadow16: {\n h8m2vh: \"fh2kfig\"\n },\n shadow28: {\n h8m2vh: \"f4c2u2p\"\n },\n inactive: {\n abs64n: \"fp25eh\",\n Bz10aip: \"f1clczzi\",\n Bmy1vo4: \"fv0atk9\",\n B3o57yi: \"f1iry5bo\",\n Cwk7ip: \"fxm264b\",\n Hwfdqs: \"f1onx1g3\",\n Bwz0kr7: \"f1o7dfsw\",\n qehafq: \"fe3o830\",\n Bicfajf: [\"fzynn9s\", \"f1z0ukd1\"],\n susq4k: \"f1kyqvp9\",\n Biibvgv: [\"f1z0ukd1\", \"fzynn9s\"],\n vz82u: \"f1dhznln\",\n B8bqphf: \"f1e9wvyh\",\n h7gv66: \"f1vyz52m\",\n Bvy8d8o: \"f1yb2g89\",\n B1pumaf: \"f1ak47q9\",\n B17wnbm: \"f1apa6og\"\n },\n badge: {\n qhf8xq: \"f1euv43f\",\n B5kzvoi: \"f1yab3r1\",\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n E5pizo: \"ffo9j2l\"\n },\n badgeLarge: {\n E5pizo: \"f1nayfl2\"\n },\n icon12: {\n Be2twd7: \"f1ugzwwg\"\n },\n icon16: {\n Be2twd7: \"f4ybsrx\"\n },\n icon20: {\n Be2twd7: \"fe5j1ua\"\n },\n icon24: {\n Be2twd7: \"f1rt2boy\"\n },\n icon28: {\n Be2twd7: \"f24l1pt\"\n },\n icon32: {\n Be2twd7: \"ffl51b\"\n },\n icon48: {\n Be2twd7: \"f18m8u13\"\n }\n}, {\n d: [\".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f1x0m3f5{font-size:var(--fontSizeBase600);}\", \".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}\", \".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1ldthgs{border-bottom-right-radius:var(--borderRadiusLarge);}\", \".frrelxk{border-bottom-left-radius:var(--borderRadiusLarge);}\", \".fobrfso{border-top-right-radius:var(--borderRadiusLarge);}\", \".ffisxpw{border-top-left-radius:var(--borderRadiusLarge);}\", \".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}\", \".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}\", \".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}\", \".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}\", \".ftfx35i{-webkit-transform:perspective(1px);-moz-transform:perspective(1px);-ms-transform:perspective(1px);transform:perspective(1px);}\", \".fv0atk9{transition-property:transform,opacity;}\", \".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}\", \".f1gyuh7d{transition-delay:var(--curveEasyEaseMax),var(--curveLinear);}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1j7ml58::before{position:absolute;}\", \".ffi060y::before{top:0;}\", \".f1fzr1x6::before{left:0;}\", \".f1f351id::before{right:0;}\", \".fchca7p::before{bottom:0;}\", \".f1kd9phw::before{border-bottom-right-radius:inherit;}\", \".fyf2ch2::before{border-bottom-left-radius:inherit;}\", \".f1gnrg9b::before{border-top-right-radius:inherit;}\", \".f1xx2lx6::before{border-top-left-radius:inherit;}\", \".f1e9wvyh::before{transition-property:margin,opacity;}\", \".f1vyz52m::before{transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".f1rjhkxy::before{transition-delay:var(--curveEasyEaseMax),var(--curveLinear);}\", \".f163fonl::before{border-top-style:solid;}\", \".f1yq6w5o::before{border-right-style:solid;}\", \".f1jpmc5p::before{border-left-style:solid;}\", \".f11yjt3y::before{border-bottom-style:solid;}\", \".f1rbtjc9::before{margin-top:calc(-2 * var(--strokeWidthThick));}\", \".f1wm0e7m::before{margin-right:calc(-2 * var(--strokeWidthThick));}\", \".f1o0l8kp::before{margin-left:calc(-2 * var(--strokeWidthThick));}\", \".f1tz5420::before{margin-bottom:calc(-2 * var(--strokeWidthThick));}\", \".f1q30tuz::before{border-top-width:var(--strokeWidthThick);}\", \".f9c0djs::before{border-right-width:var(--strokeWidthThick);}\", \".fcwzx2y::before{border-left-width:var(--strokeWidthThick);}\", \".f1hdqo1a::before{border-bottom-width:var(--strokeWidthThick);}\", \".fk7ejgl::before{margin-top:calc(-2 * var(--strokeWidthThicker));}\", \".f12sbt0w::before{margin-right:calc(-2 * var(--strokeWidthThicker));}\", \".f1tnh028::before{margin-left:calc(-2 * var(--strokeWidthThicker));}\", \".fcrsff4::before{margin-bottom:calc(-2 * var(--strokeWidthThicker));}\", \".f1jrge4j::before{border-top-width:var(--strokeWidthThicker);}\", \".fc2vpa6::before{border-right-width:var(--strokeWidthThicker);}\", \".f133djwz::before{border-left-width:var(--strokeWidthThicker);}\", \".f9hcsm3::before{border-bottom-width:var(--strokeWidthThicker);}\", \".fl3e39p::before{margin-top:calc(-2 * var(--strokeWidthThickest));}\", \".f14m8wrz::before{margin-right:calc(-2 * var(--strokeWidthThickest));}\", \".fckzhtt::before{margin-left:calc(-2 * var(--strokeWidthThickest));}\", \".fnxq6pw::before{margin-bottom:calc(-2 * var(--strokeWidthThickest));}\", \".fr6r3yi::before{border-top-width:var(--strokeWidthThickest);}\", \".ftxoq8w::before{border-right-width:var(--strokeWidthThickest);}\", \".f4gs2h8::before{border-left-width:var(--strokeWidthThickest);}\", \".f9gga8r::before{border-bottom-width:var(--strokeWidthThickest);}\", \".f196qwgu::before{box-shadow:var(--shadow4);}\", \".fut48mo::before{box-shadow:var(--shadow8);}\", \".fh2kfig::before{box-shadow:var(--shadow16);}\", \".f4c2u2p::before{box-shadow:var(--shadow28);}\", \".fp25eh{opacity:0.8;}\", \".f1clczzi{-webkit-transform:scale(0.875);-moz-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);}\", \".fxm264b{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}\", \".fe3o830::before{margin-top:0;}\", \".fzynn9s::before{margin-right:0;}\", \".f1z0ukd1::before{margin-left:0;}\", \".f1kyqvp9::before{margin-bottom:0;}\", \".f1dhznln::before{opacity:0;}\", \".f1yb2g89::before{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}\", \".f1euv43f{position:absolute;}\", \".f1yab3r1{bottom:0;}\", \".f1e31b4d{right:0;}\", \".f1vgc2s3{left:0;}\", \".ffo9j2l{box-shadow:0 0 0 var(--strokeWidthThin) var(--colorNeutralBackground1);}\", \".f1nayfl2{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground1);}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f24l1pt{font-size:28px;}\", \".ffl51b{font-size:32px;}\", \".f18m8u13{font-size:48px;}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1o7dfsw{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]]\n});\nexport const useSizeStyles = /*#__PURE__*/__styles({\n \"16\": {\n a9b677: \"fjw5fx7\",\n Bqenvij: \"fd461yt\"\n },\n \"20\": {\n a9b677: \"f64fuq3\",\n Bqenvij: \"fjamq6b\"\n },\n \"24\": {\n a9b677: \"fq4mcun\",\n Bqenvij: \"frvgh55\"\n },\n \"28\": {\n a9b677: \"f1w9dchk\",\n Bqenvij: \"fxldao9\"\n },\n \"32\": {\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n },\n \"36\": {\n a9b677: \"fpdz1er\",\n Bqenvij: \"f8ljn23\"\n },\n \"40\": {\n a9b677: \"feqmc2u\",\n Bqenvij: \"fbhnoac\"\n },\n \"48\": {\n a9b677: \"f124akge\",\n Bqenvij: \"ff2sm71\"\n },\n \"56\": {\n a9b677: \"f1u66zr1\",\n Bqenvij: \"fzki0ko\"\n },\n \"64\": {\n a9b677: \"fa9ln6p\",\n Bqenvij: \"f16k9i2m\"\n },\n \"72\": {\n a9b677: \"fhcae8x\",\n Bqenvij: \"f1shusfg\"\n },\n \"96\": {\n a9b677: \"f1kyr2gn\",\n Bqenvij: \"fypu0ge\"\n },\n \"120\": {\n a9b677: \"fwfqyga\",\n Bqenvij: \"fjr5b71\"\n },\n \"128\": {\n a9b677: \"f1iksgmy\",\n Bqenvij: \"fele2au\"\n }\n}, {\n d: [\".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fpdz1er{width:36px;}\", \".f8ljn23{height:36px;}\", \".feqmc2u{width:40px;}\", \".fbhnoac{height:40px;}\", \".f124akge{width:48px;}\", \".ff2sm71{height:48px;}\", \".f1u66zr1{width:56px;}\", \".fzki0ko{height:56px;}\", \".fa9ln6p{width:64px;}\", \".f16k9i2m{height:64px;}\", \".fhcae8x{width:72px;}\", \".f1shusfg{height:72px;}\", \".f1kyr2gn{width:96px;}\", \".fypu0ge{height:96px;}\", \".fwfqyga{width:120px;}\", \".fjr5b71{height:120px;}\", \".f1iksgmy{width:128px;}\", \".fele2au{height:128px;}\"]\n});\nconst useColorStyles = /*#__PURE__*/__styles({\n neutral: {\n sj55zd: \"f11d4kpn\",\n De3pzq: \"f18f03hv\",\n Bic5iru: \"f1uuiafn\"\n },\n brand: {\n sj55zd: \"fonrgv7\",\n De3pzq: \"f1blnnmj\",\n Bic5iru: \"f1uuiafn\"\n },\n \"dark-red\": {\n sj55zd: \"fqjd1y1\",\n De3pzq: \"f1vq2oo4\",\n Bic5iru: \"f1t2x9on\"\n },\n cranberry: {\n sj55zd: \"fg9gses\",\n De3pzq: \"f1lwxszt\",\n Bic5iru: \"f1pvshc9\"\n },\n red: {\n sj55zd: \"f23f7i0\",\n De3pzq: \"f1q9qhfq\",\n Bic5iru: \"f1ectbk9\"\n },\n pumpkin: {\n sj55zd: \"fjnan08\",\n De3pzq: \"fz91bi3\",\n Bic5iru: \"fvzpl0b\"\n },\n peach: {\n sj55zd: \"fknu15p\",\n De3pzq: \"f1b9nr51\",\n Bic5iru: \"fwj2kd7\"\n },\n marigold: {\n sj55zd: \"f9603vw\",\n De3pzq: \"f3z4w6d\",\n Bic5iru: \"fr120vy\"\n },\n gold: {\n sj55zd: \"fmq0uwp\",\n De3pzq: \"fg50kya\",\n Bic5iru: \"f8xmmar\"\n },\n brass: {\n sj55zd: \"f28g5vo\",\n De3pzq: \"f4w2gd0\",\n Bic5iru: \"f1hbety2\"\n },\n brown: {\n sj55zd: \"ftl572b\",\n De3pzq: \"f14wu1f4\",\n Bic5iru: \"f1vg3s4g\"\n },\n forest: {\n sj55zd: \"f1gymlvd\",\n De3pzq: \"f19ut4y6\",\n Bic5iru: \"f1m3olm5\"\n },\n seafoam: {\n sj55zd: \"fnnb6wn\",\n De3pzq: \"f1n057jc\",\n Bic5iru: \"f17xiqtr\"\n },\n \"dark-green\": {\n sj55zd: \"ff58qw8\",\n De3pzq: \"f11t05wk\",\n Bic5iru: \"fx32vyh\"\n },\n \"light-teal\": {\n sj55zd: \"f1up9qbj\",\n De3pzq: \"f42feg1\",\n Bic5iru: \"f1mkihwv\"\n },\n teal: {\n sj55zd: \"f135dsb4\",\n De3pzq: \"f6hvv1p\",\n Bic5iru: \"fecnooh\"\n },\n steel: {\n sj55zd: \"f151dlcp\",\n De3pzq: \"f1lnp8zf\",\n Bic5iru: \"f15hfgzm\"\n },\n blue: {\n sj55zd: \"f1rjv50u\",\n De3pzq: \"f1ggcpy6\",\n Bic5iru: \"fqproka\"\n },\n \"royal-blue\": {\n sj55zd: \"f1emykk5\",\n De3pzq: \"f12rj61f\",\n Bic5iru: \"f17v2w59\"\n },\n cornflower: {\n sj55zd: \"fqsigj7\",\n De3pzq: \"f8k7hur\",\n Bic5iru: \"fp0q1mo\"\n },\n navy: {\n sj55zd: \"f1nj97xi\",\n De3pzq: \"f19gw0ux\",\n Bic5iru: \"f1nlym55\"\n },\n lavender: {\n sj55zd: \"fwctg0i\",\n De3pzq: \"ff379vm\",\n Bic5iru: \"f62vk8h\"\n },\n purple: {\n sj55zd: \"fjrsgpu\",\n De3pzq: \"f1mzf1e1\",\n Bic5iru: \"f15zl69q\"\n },\n grape: {\n sj55zd: \"f1fiiydq\",\n De3pzq: \"f1o4k8oy\",\n Bic5iru: \"f53w4j7\"\n },\n lilac: {\n sj55zd: \"f1res9jt\",\n De3pzq: \"f1x6mz1o\",\n Bic5iru: \"fu2771t\"\n },\n pink: {\n sj55zd: \"fv3fbbi\",\n De3pzq: \"fydlv6t\",\n Bic5iru: \"fzflscs\"\n },\n magenta: {\n sj55zd: \"f1f1fwnz\",\n De3pzq: \"f4xb6j5\",\n Bic5iru: \"fb6rmqc\"\n },\n plum: {\n sj55zd: \"f8ptl6j\",\n De3pzq: \"fqo8e26\",\n Bic5iru: \"f1a4gm5b\"\n },\n beige: {\n sj55zd: \"f1ntv3ld\",\n De3pzq: \"f101elhj\",\n Bic5iru: \"f1qpf9z1\"\n },\n mink: {\n sj55zd: \"f1fscmp\",\n De3pzq: \"f13g8o5c\",\n Bic5iru: \"f1l7or83\"\n },\n platinum: {\n sj55zd: \"f1dr00v2\",\n De3pzq: \"fkh7blw\",\n Bic5iru: \"fzrj0iu\"\n },\n anchor: {\n sj55zd: \"f1f3ti53\",\n De3pzq: \"fu4yj0j\",\n Bic5iru: \"f8oz6wf\"\n }\n}, {\n d: [\".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f18f03hv{background-color:var(--colorNeutralBackground6);}\", \".f1uuiafn::before{color:var(--colorBrandStroke1);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}\", \".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}\", \".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}\", \".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}\", \".fg9gses{color:var(--colorPaletteCranberryForeground2);}\", \".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}\", \".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}\", \".f23f7i0{color:var(--colorPaletteRedForeground2);}\", \".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}\", \".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}\", \".fjnan08{color:var(--colorPalettePumpkinForeground2);}\", \".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}\", \".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}\", \".fknu15p{color:var(--colorPalettePeachForeground2);}\", \".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}\", \".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}\", \".f9603vw{color:var(--colorPaletteMarigoldForeground2);}\", \".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}\", \".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}\", \".fmq0uwp{color:var(--colorPaletteGoldForeground2);}\", \".fg50kya{background-color:var(--colorPaletteGoldBackground2);}\", \".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}\", \".f28g5vo{color:var(--colorPaletteBrassForeground2);}\", \".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}\", \".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}\", \".ftl572b{color:var(--colorPaletteBrownForeground2);}\", \".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}\", \".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}\", \".f1gymlvd{color:var(--colorPaletteForestForeground2);}\", \".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}\", \".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}\", \".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}\", \".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}\", \".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}\", \".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}\", \".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}\", \".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}\", \".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}\", \".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}\", \".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}\", \".f135dsb4{color:var(--colorPaletteTealForeground2);}\", \".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}\", \".fecnooh::before{color:var(--colorPaletteTealBorderActive);}\", \".f151dlcp{color:var(--colorPaletteSteelForeground2);}\", \".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}\", \".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}\", \".f1rjv50u{color:var(--colorPaletteBlueForeground2);}\", \".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}\", \".fqproka::before{color:var(--colorPaletteBlueBorderActive);}\", \".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}\", \".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}\", \".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}\", \".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}\", \".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}\", \".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}\", \".f1nj97xi{color:var(--colorPaletteNavyForeground2);}\", \".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}\", \".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}\", \".fwctg0i{color:var(--colorPaletteLavenderForeground2);}\", \".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}\", \".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}\", \".fjrsgpu{color:var(--colorPalettePurpleForeground2);}\", \".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}\", \".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}\", \".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}\", \".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}\", \".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}\", \".f1res9jt{color:var(--colorPaletteLilacForeground2);}\", \".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}\", \".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}\", \".fv3fbbi{color:var(--colorPalettePinkForeground2);}\", \".fydlv6t{background-color:var(--colorPalettePinkBackground2);}\", \".fzflscs::before{color:var(--colorPalettePinkBorderActive);}\", \".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}\", \".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}\", \".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}\", \".f8ptl6j{color:var(--colorPalettePlumForeground2);}\", \".fqo8e26{background-color:var(--colorPalettePlumBackground2);}\", \".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}\", \".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}\", \".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}\", \".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}\", \".f1fscmp{color:var(--colorPaletteMinkForeground2);}\", \".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}\", \".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}\", \".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}\", \".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}\", \".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}\", \".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}\", \".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}\", \".f8oz6wf::before{color:var(--colorPaletteAnchorBorderActive);}\"]\n});\nexport const useAvatarStyles_unstable = state => {\n const {\n size,\n shape,\n active,\n activeAppearance,\n color\n } = state;\n const rootClassName = useRootClassName();\n const imageClassName = useImageClassName();\n const iconInitialsClassName = useIconInitialsClassName();\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n const colorStyles = useColorStyles();\n const rootClasses = [rootClassName, size !== 32 && sizeStyles[size], colorStyles[color]];\n if (size <= 24) {\n rootClasses.push(styles.textCaption2Strong);\n } else if (size <= 28) {\n rootClasses.push(styles.textCaption1Strong);\n } else if (size <= 40) {\n // Default text size included in useRootClassName\n } else if (size <= 56) {\n rootClasses.push(styles.textSubtitle2);\n } else if (size <= 96) {\n rootClasses.push(styles.textSubtitle1);\n } else {\n rootClasses.push(styles.textTitle3);\n }\n if (shape === 'square') {\n if (size <= 24) {\n rootClasses.push(styles.squareSmall);\n } else if (size <= 48) {\n rootClasses.push(styles.squareMedium);\n } else if (size <= 72) {\n rootClasses.push(styles.squareLarge);\n } else {\n rootClasses.push(styles.squareXLarge);\n }\n }\n if (active === 'active' || active === 'inactive') {\n rootClasses.push(styles.activeOrInactive);\n if (activeAppearance === 'ring' || activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.ring);\n if (size <= 48) {\n rootClasses.push(styles.ringThick);\n } else if (size <= 64) {\n rootClasses.push(styles.ringThicker);\n } else {\n rootClasses.push(styles.ringThickest);\n }\n }\n if (activeAppearance === 'shadow' || activeAppearance === 'ring-shadow') {\n if (size <= 28) {\n rootClasses.push(styles.shadow4);\n } else if (size <= 48) {\n rootClasses.push(styles.shadow8);\n } else if (size <= 64) {\n rootClasses.push(styles.shadow16);\n } else {\n rootClasses.push(styles.shadow28);\n }\n }\n // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them\n if (active === 'inactive') {\n rootClasses.push(styles.inactive);\n }\n }\n state.root.className = mergeClasses(avatarClassNames.root, ...rootClasses, state.root.className);\n if (state.badge) {\n state.badge.className = mergeClasses(avatarClassNames.badge, styles.badge, size >= 64 && styles.badgeLarge, state.badge.className);\n }\n if (state.image) {\n state.image.className = mergeClasses(avatarClassNames.image, imageClassName, state.image.className);\n }\n if (state.initials) {\n state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, state.initials.className);\n }\n if (state.icon) {\n let iconSizeClass;\n if (size <= 16) {\n iconSizeClass = styles.icon12;\n } else if (size <= 24) {\n iconSizeClass = styles.icon16;\n } else if (size <= 40) {\n iconSizeClass = styles.icon20;\n } else if (size <= 48) {\n iconSizeClass = styles.icon24;\n } else if (size <= 56) {\n iconSizeClass = styles.icon28;\n } else if (size <= 72) {\n iconSizeClass = styles.icon32;\n } else {\n iconSizeClass = styles.icon48;\n }\n state.icon.className = mergeClasses(avatarClassNames.icon, iconInitialsClassName, iconSizeClass, state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useAvatarStyles.js.map"],"names":["avatarClassNames","useSizeStyles","useAvatarStyles_unstable","root","image","initials","icon","badge","animations","fastOutSlowInMax","tokens","curveDecelerateMax","fastOutSlowInMid","curveDecelerateMid","fastOutSlowInMin","curveDecelerateMin","slowOutFastInMax","curveAccelerateMax","slowOutFastInMid","curveAccelerateMid","slowOutFastInMin","curveAccelerateMin","fastEase","curveEasyEaseMax","normalEase","curveEasyEase","nullEasing","curveLinear","useRootClassName","__resetStyles","useImageClassName","useIconInitialsClassName","useStyles","__styles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Cwk7ip","Hwfdqs","Ftih45","Brfgrao","Bciustq","Fbdkly","lawp4y","mdwyqc","Budzafs","r59vdv","n07z76","ck0cow","B8bqphf","h7gv66","Bvy8d8o","B1pumaf","B17wnbm","ring","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","ringThick","qehafq","Bicfajf","susq4k","Biibvgv","B0qfbqy","B4f6apu","y0oebl","uvfttm","ringThicker","ringThickest","shadow4","h8m2vh","shadow8","shadow16","shadow28","inactive","abs64n","Bwz0kr7","vz82u","qhf8xq","B5kzvoi","j35jbq","E5pizo","badgeLarge","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","m","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","Bic5iru","brand","cranberry","red","pumpkin","peach","marigold","gold","brass","brown","forest","seafoam","teal","steel","blue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","rootClasses","push","className","mergeClasses","iconSizeClass"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../lib/components/Avatar/useAvatarStyles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const avatarClassNames = {\n root: 'fui-Avatar',\n image: 'fui-Avatar__image',\n initials: 'fui-Avatar__initials',\n icon: 'fui-Avatar__icon',\n badge: 'fui-Avatar__badge'\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"rz243wu\", null, [\".rz243wu{display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;vertical-align:middle;border-radius:var(--borderRadiusCircular);font-family:var(--fontFamilyBase);font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);width:32px;height:32px;}\"]);\nconst useImageClassName = /*#__PURE__*/__resetStyles(\"r136dc0n\", \"rjly0nl\", [\".r136dc0n{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}\", \".rjly0nl{position:absolute;top:0;right:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;vertical-align:top;}\"]);\nconst useIconInitialsClassName = /*#__PURE__*/__resetStyles(\"rip04v\", \"r31uzil\", [\".rip04v{position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}\", \".r31uzil{position:absolute;box-sizing:border-box;top:0;right:0;width:100%;height:100%;line-height:1;border:var(--strokeWidthThin) solid var(--colorTransparentStroke);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;vertical-align:center;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;}\"]);\nconst useStyles = /*#__PURE__*/__styles({\n textCaption2Strong: {\n Be2twd7: \"f13mqy1h\"\n },\n textCaption1Strong: {\n Be2twd7: \"fy9rknc\"\n },\n textSubtitle2: {\n Be2twd7: \"fod5ikn\"\n },\n textSubtitle1: {\n Be2twd7: \"f1pp30po\"\n },\n textTitle3: {\n Be2twd7: \"f1x0m3f5\"\n },\n squareSmall: {\n Bbmb7ep: [\"f1g3puop\", \"fi2rrw2\"],\n Beyfa6y: [\"fi2rrw2\", \"f1g3puop\"],\n B7oj6ja: [\"f1rstyi9\", \"f1s4nn1u\"],\n Btl43ni: [\"f1s4nn1u\", \"f1rstyi9\"]\n },\n squareMedium: {\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n },\n squareLarge: {\n Bbmb7ep: [\"f1ldthgs\", \"frrelxk\"],\n Beyfa6y: [\"frrelxk\", \"f1ldthgs\"],\n B7oj6ja: [\"fobrfso\", \"ffisxpw\"],\n Btl43ni: [\"ffisxpw\", \"fobrfso\"]\n },\n squareXLarge: {\n Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n Btl43ni: [\"f8yange\", \"f1el4m67\"]\n },\n activeOrInactive: {\n Bz10aip: \"ftfx35i\",\n Bmy1vo4: \"fv0atk9\",\n B3o57yi: \"f1iry5bo\",\n Bkqvd7p: \"f15n41j8\",\n Hwfdqs: \"f1onx1g3\",\n Ftih45: \"f1wl9k8s\",\n Brfgrao: \"f1j7ml58\",\n Bciustq: \"ffi060y\",\n Fbdkly: [\"f1fzr1x6\", \"f1f351id\"],\n lawp4y: \"fchca7p\",\n mdwyqc: [\"f1f351id\", \"f1fzr1x6\"],\n Budzafs: [\"f1kd9phw\", \"fyf2ch2\"],\n r59vdv: [\"fyf2ch2\", \"f1kd9phw\"],\n n07z76: [\"f1gnrg9b\", \"f1xx2lx6\"],\n ck0cow: [\"f1xx2lx6\", \"f1gnrg9b\"],\n B8bqphf: \"f1e9wvyh\",\n h7gv66: \"f1vyz52m\",\n wjn42g: \"f1s8xkrt\",\n B1pumaf: \"f1ak47q9\"\n },\n ring: {\n Bdkvgpv: \"f163fonl\",\n m598lv: [\"f1yq6w5o\", \"f1jpmc5p\"],\n qa3bma: \"f11yjt3y\",\n Bbv0w2i: [\"f1jpmc5p\", \"f1yq6w5o\"]\n },\n ringThick: {\n qehafq: \"f1rbtjc9\",\n Bicfajf: [\"f1wm0e7m\", \"f1o0l8kp\"],\n susq4k: \"f1tz5420\",\n Biibvgv: [\"f1o0l8kp\", \"f1wm0e7m\"],\n B0qfbqy: \"f1q30tuz\",\n B4f6apu: [\"f9c0djs\", \"fcwzx2y\"],\n y0oebl: \"f1hdqo1a\",\n uvfttm: [\"fcwzx2y\", \"f9c0djs\"]\n },\n ringThicker: {\n qehafq: \"fk7ejgl\",\n Bicfajf: [\"f12sbt0w\", \"f1tnh028\"],\n susq4k: \"fcrsff4\",\n Biibvgv: [\"f1tnh028\", \"f12sbt0w\"],\n B0qfbqy: \"f1jrge4j\",\n B4f6apu: [\"fc2vpa6\", \"f133djwz\"],\n y0oebl: \"f9hcsm3\",\n uvfttm: [\"f133djwz\", \"fc2vpa6\"]\n },\n ringThickest: {\n qehafq: \"fl3e39p\",\n Bicfajf: [\"f14m8wrz\", \"fckzhtt\"],\n susq4k: \"fnxq6pw\",\n Biibvgv: [\"fckzhtt\", \"f14m8wrz\"],\n B0qfbqy: \"fr6r3yi\",\n B4f6apu: [\"ftxoq8w\", \"f4gs2h8\"],\n y0oebl: \"f9gga8r\",\n uvfttm: [\"f4gs2h8\", \"ftxoq8w\"]\n },\n shadow4: {\n h8m2vh: \"f196qwgu\"\n },\n shadow8: {\n h8m2vh: \"fut48mo\"\n },\n shadow16: {\n h8m2vh: \"fh2kfig\"\n },\n shadow28: {\n h8m2vh: \"f4c2u2p\"\n },\n inactive: {\n abs64n: \"fp25eh\",\n Bz10aip: \"f1clczzi\",\n Bkqvd7p: \"f1l3s34x\",\n qehafq: \"fe3o830\",\n Bicfajf: [\"fzynn9s\", \"f1z0ukd1\"],\n susq4k: \"f1kyqvp9\",\n Biibvgv: [\"f1z0ukd1\", \"fzynn9s\"],\n vz82u: \"f1dhznln\",\n wjn42g: \"f1iysauc\"\n },\n badge: {\n qhf8xq: \"f1euv43f\",\n B5kzvoi: \"f1yab3r1\",\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"],\n E5pizo: \"ffo9j2l\"\n },\n badgeLarge: {\n E5pizo: \"f1nayfl2\"\n },\n icon12: {\n Be2twd7: \"f1ugzwwg\"\n },\n icon16: {\n Be2twd7: \"f4ybsrx\"\n },\n icon20: {\n Be2twd7: \"fe5j1ua\"\n },\n icon24: {\n Be2twd7: \"f1rt2boy\"\n },\n icon28: {\n Be2twd7: \"f24l1pt\"\n },\n icon32: {\n Be2twd7: \"ffl51b\"\n },\n icon48: {\n Be2twd7: \"f18m8u13\"\n }\n}, {\n d: [\".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f1x0m3f5{font-size:var(--fontSizeBase600);}\", \".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}\", \".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1ldthgs{border-bottom-right-radius:var(--borderRadiusLarge);}\", \".frrelxk{border-bottom-left-radius:var(--borderRadiusLarge);}\", \".fobrfso{border-top-right-radius:var(--borderRadiusLarge);}\", \".ffisxpw{border-top-left-radius:var(--borderRadiusLarge);}\", \".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}\", \".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}\", \".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}\", \".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}\", \".ftfx35i{-webkit-transform:perspective(1px);-moz-transform:perspective(1px);-ms-transform:perspective(1px);transform:perspective(1px);}\", \".fv0atk9{transition-property:transform,opacity;}\", \".f1iry5bo{transition-duration:var(--durationUltraSlow),var(--durationFaster);}\", \".f15n41j8{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}\", \".f1wl9k8s::before{content:\\\"\\\";}\", \".f1j7ml58::before{position:absolute;}\", \".ffi060y::before{top:0;}\", \".f1fzr1x6::before{left:0;}\", \".f1f351id::before{right:0;}\", \".fchca7p::before{bottom:0;}\", \".f1kd9phw::before{border-bottom-right-radius:inherit;}\", \".fyf2ch2::before{border-bottom-left-radius:inherit;}\", \".f1gnrg9b::before{border-top-right-radius:inherit;}\", \".f1xx2lx6::before{border-top-left-radius:inherit;}\", \".f1e9wvyh::before{transition-property:margin,opacity;}\", \".f1vyz52m::before{transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \".f1s8xkrt::before{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}\", \".f163fonl::before{border-top-style:solid;}\", \".f1yq6w5o::before{border-right-style:solid;}\", \".f1jpmc5p::before{border-left-style:solid;}\", \".f11yjt3y::before{border-bottom-style:solid;}\", \".f1rbtjc9::before{margin-top:calc(-2 * var(--strokeWidthThick));}\", \".f1wm0e7m::before{margin-right:calc(-2 * var(--strokeWidthThick));}\", \".f1o0l8kp::before{margin-left:calc(-2 * var(--strokeWidthThick));}\", \".f1tz5420::before{margin-bottom:calc(-2 * var(--strokeWidthThick));}\", \".f1q30tuz::before{border-top-width:var(--strokeWidthThick);}\", \".f9c0djs::before{border-right-width:var(--strokeWidthThick);}\", \".fcwzx2y::before{border-left-width:var(--strokeWidthThick);}\", \".f1hdqo1a::before{border-bottom-width:var(--strokeWidthThick);}\", \".fk7ejgl::before{margin-top:calc(-2 * var(--strokeWidthThicker));}\", \".f12sbt0w::before{margin-right:calc(-2 * var(--strokeWidthThicker));}\", \".f1tnh028::before{margin-left:calc(-2 * var(--strokeWidthThicker));}\", \".fcrsff4::before{margin-bottom:calc(-2 * var(--strokeWidthThicker));}\", \".f1jrge4j::before{border-top-width:var(--strokeWidthThicker);}\", \".fc2vpa6::before{border-right-width:var(--strokeWidthThicker);}\", \".f133djwz::before{border-left-width:var(--strokeWidthThicker);}\", \".f9hcsm3::before{border-bottom-width:var(--strokeWidthThicker);}\", \".fl3e39p::before{margin-top:calc(-2 * var(--strokeWidthThickest));}\", \".f14m8wrz::before{margin-right:calc(-2 * var(--strokeWidthThickest));}\", \".fckzhtt::before{margin-left:calc(-2 * var(--strokeWidthThickest));}\", \".fnxq6pw::before{margin-bottom:calc(-2 * var(--strokeWidthThickest));}\", \".fr6r3yi::before{border-top-width:var(--strokeWidthThickest);}\", \".ftxoq8w::before{border-right-width:var(--strokeWidthThickest);}\", \".f4gs2h8::before{border-left-width:var(--strokeWidthThickest);}\", \".f9gga8r::before{border-bottom-width:var(--strokeWidthThickest);}\", \".f196qwgu::before{box-shadow:var(--shadow4);}\", \".fut48mo::before{box-shadow:var(--shadow8);}\", \".fh2kfig::before{box-shadow:var(--shadow16);}\", \".f4c2u2p::before{box-shadow:var(--shadow28);}\", \".fp25eh{opacity:0.8;}\", \".f1clczzi{-webkit-transform:scale(0.875);-moz-transform:scale(0.875);-ms-transform:scale(0.875);transform:scale(0.875);}\", \".f1l3s34x{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", \".fe3o830::before{margin-top:0;}\", \".fzynn9s::before{margin-right:0;}\", \".f1z0ukd1::before{margin-left:0;}\", \".f1kyqvp9::before{margin-bottom:0;}\", \".f1dhznln::before{opacity:0;}\", \".f1iysauc::before{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", \".f1euv43f{position:absolute;}\", \".f1yab3r1{bottom:0;}\", \".f1e31b4d{right:0;}\", \".f1vgc2s3{left:0;}\", \".ffo9j2l{box-shadow:0 0 0 var(--strokeWidthThin) var(--colorNeutralBackground1);}\", \".f1nayfl2{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground1);}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f24l1pt{font-size:28px;}\", \".ffl51b{font-size:32px;}\", \".f18m8u13{font-size:48px;}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }], [\"@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]]\n});\nexport const useSizeStyles = /*#__PURE__*/__styles({\n \"16\": {\n a9b677: \"fjw5fx7\",\n Bqenvij: \"fd461yt\"\n },\n \"20\": {\n a9b677: \"f64fuq3\",\n Bqenvij: \"fjamq6b\"\n },\n \"24\": {\n a9b677: \"fq4mcun\",\n Bqenvij: \"frvgh55\"\n },\n \"28\": {\n a9b677: \"f1w9dchk\",\n Bqenvij: \"fxldao9\"\n },\n \"32\": {\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n },\n \"36\": {\n a9b677: \"fpdz1er\",\n Bqenvij: \"f8ljn23\"\n },\n \"40\": {\n a9b677: \"feqmc2u\",\n Bqenvij: \"fbhnoac\"\n },\n \"48\": {\n a9b677: \"f124akge\",\n Bqenvij: \"ff2sm71\"\n },\n \"56\": {\n a9b677: \"f1u66zr1\",\n Bqenvij: \"fzki0ko\"\n },\n \"64\": {\n a9b677: \"fa9ln6p\",\n Bqenvij: \"f16k9i2m\"\n },\n \"72\": {\n a9b677: \"fhcae8x\",\n Bqenvij: \"f1shusfg\"\n },\n \"96\": {\n a9b677: \"f1kyr2gn\",\n Bqenvij: \"fypu0ge\"\n },\n \"120\": {\n a9b677: \"fwfqyga\",\n Bqenvij: \"fjr5b71\"\n },\n \"128\": {\n a9b677: \"f1iksgmy\",\n Bqenvij: \"fele2au\"\n }\n}, {\n d: [\".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fpdz1er{width:36px;}\", \".f8ljn23{height:36px;}\", \".feqmc2u{width:40px;}\", \".fbhnoac{height:40px;}\", \".f124akge{width:48px;}\", \".ff2sm71{height:48px;}\", \".f1u66zr1{width:56px;}\", \".fzki0ko{height:56px;}\", \".fa9ln6p{width:64px;}\", \".f16k9i2m{height:64px;}\", \".fhcae8x{width:72px;}\", \".f1shusfg{height:72px;}\", \".f1kyr2gn{width:96px;}\", \".fypu0ge{height:96px;}\", \".fwfqyga{width:120px;}\", \".fjr5b71{height:120px;}\", \".f1iksgmy{width:128px;}\", \".fele2au{height:128px;}\"]\n});\nconst useColorStyles = /*#__PURE__*/__styles({\n neutral: {\n sj55zd: \"f11d4kpn\",\n De3pzq: \"f18f03hv\",\n Bic5iru: \"f1uuiafn\"\n },\n brand: {\n sj55zd: \"fonrgv7\",\n De3pzq: \"f1blnnmj\",\n Bic5iru: \"f1uuiafn\"\n },\n \"dark-red\": {\n sj55zd: \"fqjd1y1\",\n De3pzq: \"f1vq2oo4\",\n Bic5iru: \"f1t2x9on\"\n },\n cranberry: {\n sj55zd: \"fg9gses\",\n De3pzq: \"f1lwxszt\",\n Bic5iru: \"f1pvshc9\"\n },\n red: {\n sj55zd: \"f23f7i0\",\n De3pzq: \"f1q9qhfq\",\n Bic5iru: \"f1ectbk9\"\n },\n pumpkin: {\n sj55zd: \"fjnan08\",\n De3pzq: \"fz91bi3\",\n Bic5iru: \"fvzpl0b\"\n },\n peach: {\n sj55zd: \"fknu15p\",\n De3pzq: \"f1b9nr51\",\n Bic5iru: \"fwj2kd7\"\n },\n marigold: {\n sj55zd: \"f9603vw\",\n De3pzq: \"f3z4w6d\",\n Bic5iru: \"fr120vy\"\n },\n gold: {\n sj55zd: \"fmq0uwp\",\n De3pzq: \"fg50kya\",\n Bic5iru: \"f8xmmar\"\n },\n brass: {\n sj55zd: \"f28g5vo\",\n De3pzq: \"f4w2gd0\",\n Bic5iru: \"f1hbety2\"\n },\n brown: {\n sj55zd: \"ftl572b\",\n De3pzq: \"f14wu1f4\",\n Bic5iru: \"f1vg3s4g\"\n },\n forest: {\n sj55zd: \"f1gymlvd\",\n De3pzq: \"f19ut4y6\",\n Bic5iru: \"f1m3olm5\"\n },\n seafoam: {\n sj55zd: \"fnnb6wn\",\n De3pzq: \"f1n057jc\",\n Bic5iru: \"f17xiqtr\"\n },\n \"dark-green\": {\n sj55zd: \"ff58qw8\",\n De3pzq: \"f11t05wk\",\n Bic5iru: \"fx32vyh\"\n },\n \"light-teal\": {\n sj55zd: \"f1up9qbj\",\n De3pzq: \"f42feg1\",\n Bic5iru: \"f1mkihwv\"\n },\n teal: {\n sj55zd: \"f135dsb4\",\n De3pzq: \"f6hvv1p\",\n Bic5iru: \"fecnooh\"\n },\n steel: {\n sj55zd: \"f151dlcp\",\n De3pzq: \"f1lnp8zf\",\n Bic5iru: \"f15hfgzm\"\n },\n blue: {\n sj55zd: \"f1rjv50u\",\n De3pzq: \"f1ggcpy6\",\n Bic5iru: \"fqproka\"\n },\n \"royal-blue\": {\n sj55zd: \"f1emykk5\",\n De3pzq: \"f12rj61f\",\n Bic5iru: \"f17v2w59\"\n },\n cornflower: {\n sj55zd: \"fqsigj7\",\n De3pzq: \"f8k7hur\",\n Bic5iru: \"fp0q1mo\"\n },\n navy: {\n sj55zd: \"f1nj97xi\",\n De3pzq: \"f19gw0ux\",\n Bic5iru: \"f1nlym55\"\n },\n lavender: {\n sj55zd: \"fwctg0i\",\n De3pzq: \"ff379vm\",\n Bic5iru: \"f62vk8h\"\n },\n purple: {\n sj55zd: \"fjrsgpu\",\n De3pzq: \"f1mzf1e1\",\n Bic5iru: \"f15zl69q\"\n },\n grape: {\n sj55zd: \"f1fiiydq\",\n De3pzq: \"f1o4k8oy\",\n Bic5iru: \"f53w4j7\"\n },\n lilac: {\n sj55zd: \"f1res9jt\",\n De3pzq: \"f1x6mz1o\",\n Bic5iru: \"fu2771t\"\n },\n pink: {\n sj55zd: \"fv3fbbi\",\n De3pzq: \"fydlv6t\",\n Bic5iru: \"fzflscs\"\n },\n magenta: {\n sj55zd: \"f1f1fwnz\",\n De3pzq: \"f4xb6j5\",\n Bic5iru: \"fb6rmqc\"\n },\n plum: {\n sj55zd: \"f8ptl6j\",\n De3pzq: \"fqo8e26\",\n Bic5iru: \"f1a4gm5b\"\n },\n beige: {\n sj55zd: \"f1ntv3ld\",\n De3pzq: \"f101elhj\",\n Bic5iru: \"f1qpf9z1\"\n },\n mink: {\n sj55zd: \"f1fscmp\",\n De3pzq: \"f13g8o5c\",\n Bic5iru: \"f1l7or83\"\n },\n platinum: {\n sj55zd: \"f1dr00v2\",\n De3pzq: \"fkh7blw\",\n Bic5iru: \"fzrj0iu\"\n },\n anchor: {\n sj55zd: \"f1f3ti53\",\n De3pzq: \"fu4yj0j\",\n Bic5iru: \"f8oz6wf\"\n }\n}, {\n d: [\".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f18f03hv{background-color:var(--colorNeutralBackground6);}\", \".f1uuiafn::before{color:var(--colorBrandStroke1);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}\", \".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}\", \".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}\", \".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}\", \".fg9gses{color:var(--colorPaletteCranberryForeground2);}\", \".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}\", \".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}\", \".f23f7i0{color:var(--colorPaletteRedForeground2);}\", \".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}\", \".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}\", \".fjnan08{color:var(--colorPalettePumpkinForeground2);}\", \".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}\", \".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}\", \".fknu15p{color:var(--colorPalettePeachForeground2);}\", \".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}\", \".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}\", \".f9603vw{color:var(--colorPaletteMarigoldForeground2);}\", \".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}\", \".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}\", \".fmq0uwp{color:var(--colorPaletteGoldForeground2);}\", \".fg50kya{background-color:var(--colorPaletteGoldBackground2);}\", \".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}\", \".f28g5vo{color:var(--colorPaletteBrassForeground2);}\", \".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}\", \".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}\", \".ftl572b{color:var(--colorPaletteBrownForeground2);}\", \".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}\", \".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}\", \".f1gymlvd{color:var(--colorPaletteForestForeground2);}\", \".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}\", \".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}\", \".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}\", \".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}\", \".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}\", \".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}\", \".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}\", \".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}\", \".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}\", \".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}\", \".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}\", \".f135dsb4{color:var(--colorPaletteTealForeground2);}\", \".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}\", \".fecnooh::before{color:var(--colorPaletteTealBorderActive);}\", \".f151dlcp{color:var(--colorPaletteSteelForeground2);}\", \".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}\", \".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}\", \".f1rjv50u{color:var(--colorPaletteBlueForeground2);}\", \".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}\", \".fqproka::before{color:var(--colorPaletteBlueBorderActive);}\", \".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}\", \".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}\", \".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}\", \".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}\", \".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}\", \".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}\", \".f1nj97xi{color:var(--colorPaletteNavyForeground2);}\", \".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}\", \".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}\", \".fwctg0i{color:var(--colorPaletteLavenderForeground2);}\", \".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}\", \".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}\", \".fjrsgpu{color:var(--colorPalettePurpleForeground2);}\", \".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}\", \".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}\", \".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}\", \".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}\", \".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}\", \".f1res9jt{color:var(--colorPaletteLilacForeground2);}\", \".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}\", \".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}\", \".fv3fbbi{color:var(--colorPalettePinkForeground2);}\", \".fydlv6t{background-color:var(--colorPalettePinkBackground2);}\", \".fzflscs::before{color:var(--colorPalettePinkBorderActive);}\", \".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}\", \".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}\", \".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}\", \".f8ptl6j{color:var(--colorPalettePlumForeground2);}\", \".fqo8e26{background-color:var(--colorPalettePlumBackground2);}\", \".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}\", \".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}\", \".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}\", \".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}\", \".f1fscmp{color:var(--colorPaletteMinkForeground2);}\", \".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}\", \".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}\", \".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}\", \".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}\", \".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}\", \".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}\", \".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}\", \".f8oz6wf::before{color:var(--colorPaletteAnchorBorderActive);}\"]\n});\nexport const useAvatarStyles_unstable = state => {\n const {\n size,\n shape,\n active,\n activeAppearance,\n color\n } = state;\n const rootClassName = useRootClassName();\n const imageClassName = useImageClassName();\n const iconInitialsClassName = useIconInitialsClassName();\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n const colorStyles = useColorStyles();\n const rootClasses = [rootClassName, size !== 32 && sizeStyles[size], colorStyles[color]];\n if (size <= 24) {\n rootClasses.push(styles.textCaption2Strong);\n } else if (size <= 28) {\n rootClasses.push(styles.textCaption1Strong);\n } else if (size <= 40) {\n // Default text size included in useRootClassName\n } else if (size <= 56) {\n rootClasses.push(styles.textSubtitle2);\n } else if (size <= 96) {\n rootClasses.push(styles.textSubtitle1);\n } else {\n rootClasses.push(styles.textTitle3);\n }\n if (shape === 'square') {\n if (size <= 24) {\n rootClasses.push(styles.squareSmall);\n } else if (size <= 48) {\n rootClasses.push(styles.squareMedium);\n } else if (size <= 72) {\n rootClasses.push(styles.squareLarge);\n } else {\n rootClasses.push(styles.squareXLarge);\n }\n }\n if (active === 'active' || active === 'inactive') {\n rootClasses.push(styles.activeOrInactive);\n if (activeAppearance === 'ring' || activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.ring);\n if (size <= 48) {\n rootClasses.push(styles.ringThick);\n } else if (size <= 64) {\n rootClasses.push(styles.ringThicker);\n } else {\n rootClasses.push(styles.ringThickest);\n }\n }\n if (activeAppearance === 'shadow' || activeAppearance === 'ring-shadow') {\n if (size <= 28) {\n rootClasses.push(styles.shadow4);\n } else if (size <= 48) {\n rootClasses.push(styles.shadow8);\n } else if (size <= 64) {\n rootClasses.push(styles.shadow16);\n } else {\n rootClasses.push(styles.shadow28);\n }\n }\n // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them\n if (active === 'inactive') {\n rootClasses.push(styles.inactive);\n }\n }\n state.root.className = mergeClasses(avatarClassNames.root, ...rootClasses, state.root.className);\n if (state.badge) {\n state.badge.className = mergeClasses(avatarClassNames.badge, styles.badge, size >= 64 && styles.badgeLarge, state.badge.className);\n }\n if (state.image) {\n state.image.className = mergeClasses(avatarClassNames.image, imageClassName, state.image.className);\n }\n if (state.initials) {\n state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, state.initials.className);\n }\n if (state.icon) {\n let iconSizeClass;\n if (size <= 16) {\n iconSizeClass = styles.icon12;\n } else if (size <= 24) {\n iconSizeClass = styles.icon16;\n } else if (size <= 40) {\n iconSizeClass = styles.icon20;\n } else if (size <= 48) {\n iconSizeClass = styles.icon24;\n } else if (size <= 56) {\n iconSizeClass = styles.icon28;\n } else if (size <= 72) {\n iconSizeClass = styles.icon32;\n } else {\n iconSizeClass = styles.icon48;\n }\n state.icon.className = mergeClasses(avatarClassNames.icon, iconInitialsClassName, iconSizeClass, state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useAvatarStyles.js.map"],"names":["avatarClassNames","useSizeStyles","useAvatarStyles_unstable","root","image","initials","icon","badge","useRootClassName","__resetStyles","useImageClassName","useIconInitialsClassName","useStyles","__styles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Bkqvd7p","Hwfdqs","Ftih45","Brfgrao","Bciustq","Fbdkly","lawp4y","mdwyqc","Budzafs","r59vdv","n07z76","ck0cow","B8bqphf","h7gv66","wjn42g","B1pumaf","ring","Bdkvgpv","m598lv","qa3bma","Bbv0w2i","ringThick","qehafq","Bicfajf","susq4k","Biibvgv","B0qfbqy","B4f6apu","y0oebl","uvfttm","ringThicker","ringThickest","shadow4","h8m2vh","shadow8","shadow16","shadow28","inactive","abs64n","vz82u","qhf8xq","B5kzvoi","j35jbq","E5pizo","badgeLarge","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","m","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","Bic5iru","brand","cranberry","red","pumpkin","peach","marigold","gold","brass","brown","forest","seafoam","teal","steel","blue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","rootClasses","push","className","mergeClasses","iconSizeClass"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- "use strict";
1
+ /** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
@@ -6,15 +6,14 @@ Object.defineProperty(exports, "renderAvatarGroup_unstable", {
6
6
  enumerable: true,
7
7
  get: ()=>renderAvatarGroup_unstable
8
8
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
9
+ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
11
10
  const _reactUtilities = require("@fluentui/react-utilities");
12
11
  const _avatarGroupContext = require("../../contexts/AvatarGroupContext");
13
12
  const renderAvatarGroup_unstable = (state, contextValues)=>{
14
- const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
15
- return /*#__PURE__*/ _react.createElement(_avatarGroupContext.AvatarGroupProvider, {
13
+ const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
14
+ return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_avatarGroupContext.AvatarGroupProvider, {
16
15
  value: contextValues.avatarGroup
17
- }, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root));
16
+ }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root));
18
17
  }; //# sourceMappingURL=renderAvatarGroup.js.map
19
18
 
20
19
  //# sourceMappingURL=renderAvatarGroup.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/AvatarGroup/renderAvatarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\n/**\n * Render the final JSX of AvatarGroup\n */\nexport const renderAvatarGroup_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(AvatarGroupProvider, {\n value: contextValues.avatarGroup\n }, /*#__PURE__*/React.createElement(slots.root, slotProps.root));\n};\n//# sourceMappingURL=renderAvatarGroup.js.map"],"names":["renderAvatarGroup_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","AvatarGroupProvider","value","avatarGroup","root"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;oCACW;AAI7B,MAAMA,6BAA6B,CAACC,OAAOC,gBAAkB;IAClE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACC,uCAAmB,EAAE;QAC3DC,OAAOP,cAAcQ,WAAW;IAClC,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,IAAI,EAAEP,UAAUO,IAAI;AAChE,GACA,6CAA6C"}
1
+ {"version":3,"sources":["../../../lib/components/AvatarGroup/renderAvatarGroup.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\n/**\n * Render the final JSX of AvatarGroup\n */\nexport const renderAvatarGroup_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /*#__PURE__*/createElement(AvatarGroupProvider, {\n value: contextValues.avatarGroup\n }, /*#__PURE__*/createElement(slots.root, slotProps.root));\n};\n//# sourceMappingURL=renderAvatarGroup.js.map"],"names":["renderAvatarGroup_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","AvatarGroupProvider","value","avatarGroup","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMrCA;;aAAAA;;iCANqE;gCACrD;oCACO;AAI7B,MAAMA,6BAA6B,CAACC,OAAOC,gBAAkB;IAClE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACJ;IACjB,OAAO,WAAW,GAAEK,IAAAA,8BAAa,EAACC,uCAAmB,EAAE;QACrDC,OAAON,cAAcO,WAAW;IAClC,GAAG,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AAC1D,GACA,6CAA6C"}
@@ -1,4 +1,4 @@
1
- "use strict";
1
+ /** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
@@ -6,12 +6,11 @@ Object.defineProperty(exports, "renderAvatarGroupItem_unstable", {
6
6
  enumerable: true,
7
7
  get: ()=>renderAvatarGroupItem_unstable
8
8
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
9
+ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
11
10
  const _reactUtilities = require("@fluentui/react-utilities");
12
11
  const renderAvatarGroupItem_unstable = (state)=>{
13
- const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
14
- return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(slots.avatar, slotProps.avatar), state.isOverflowItem && /*#__PURE__*/ _react.createElement(slots.overflowLabel, slotProps.overflowLabel));
12
+ const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
13
+ return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.avatar, slotProps.avatar), state.isOverflowItem && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.overflowLabel, slotProps.overflowLabel));
15
14
  }; //# sourceMappingURL=renderAvatarGroupItem.js.map
16
15
 
17
16
  //# sourceMappingURL=renderAvatarGroupItem.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/AvatarGroupItem/renderAvatarGroupItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of AvatarGroupItem\n */\nexport const renderAvatarGroupItem_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.avatar, slotProps.avatar), state.isOverflowItem && /*#__PURE__*/React.createElement(slots.overflowLabel, slotProps.overflowLabel));\n};\n//# sourceMappingURL=renderAvatarGroupItem.js.map"],"names":["renderAvatarGroupItem_unstable","state","slots","slotProps","getSlots","React","createElement","root","avatar","isOverflowItem","overflowLabel"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,iCAAiCC,CAAAA,QAAS;IACrD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACJ,MAAMM,MAAM,EAAEL,UAAUK,MAAM,GAAGP,MAAMQ,cAAc,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,aAAa,EAAEP,UAAUO,aAAa;AAC7O,GACA,iDAAiD"}
1
+ {"version":3,"sources":["../../../lib/components/AvatarGroupItem/renderAvatarGroupItem.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of AvatarGroupItem\n */\nexport const renderAvatarGroupItem_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /*#__PURE__*/createElement(slots.root, slotProps.root, /*#__PURE__*/createElement(slots.avatar, slotProps.avatar), state.isOverflowItem && /*#__PURE__*/createElement(slots.overflowLabel, slotProps.overflowLabel));\n};\n//# sourceMappingURL=renderAvatarGroupItem.js.map"],"names":["renderAvatarGroupItem_unstable","state","slots","slotProps","getSlotsNext","createElement","root","avatar","isOverflowItem","overflowLabel"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,iCAAiCC,CAAAA,QAAS;IACrD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAED,IAAAA,8BAAa,EAACH,MAAMK,MAAM,EAAEJ,UAAUI,MAAM,GAAGN,MAAMO,cAAc,IAAI,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMO,aAAa,EAAEN,UAAUM,aAAa;AAC3N,GACA,iDAAiD"}
@@ -1,4 +1,4 @@
1
- "use strict";
1
+ /** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
@@ -6,18 +6,17 @@ Object.defineProperty(exports, "renderAvatarGroupPopover_unstable", {
6
6
  enumerable: true,
7
7
  get: ()=>renderAvatarGroupPopover_unstable
8
8
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
9
+ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
11
10
  const _avatarGroupContext = require("../../contexts/AvatarGroupContext");
12
11
  const _reactUtilities = require("@fluentui/react-utilities");
13
12
  const _reactPopover = require("@fluentui/react-popover");
14
13
  const renderAvatarGroupPopover_unstable = (state, contextValues)=>{
15
- const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
16
- return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(_reactPopover.PopoverTrigger, {
14
+ const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
15
+ return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactPopover.PopoverTrigger, {
17
16
  disableButtonEnhancement: true
18
- }, /*#__PURE__*/ _react.createElement(slots.tooltip, slotProps.tooltip, /*#__PURE__*/ _react.createElement(slots.triggerButton, slotProps.triggerButton))), /*#__PURE__*/ _react.createElement(slots.popoverSurface, slotProps.popoverSurface, /*#__PURE__*/ _react.createElement(_avatarGroupContext.AvatarGroupProvider, {
17
+ }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.tooltip, slotProps.tooltip, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.triggerButton, slotProps.triggerButton))), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.popoverSurface, slotProps.popoverSurface, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_avatarGroupContext.AvatarGroupProvider, {
19
18
  value: contextValues.avatarGroup
20
- }, /*#__PURE__*/ _react.createElement(slots.content, slotProps.content))));
19
+ }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.content, slotProps.content))));
21
20
  }; //# sourceMappingURL=renderAvatarGroupPopover.js.map
22
21
 
23
22
  //# sourceMappingURL=renderAvatarGroupPopover.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js"],"sourcesContent":["import * as React from 'react';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\n/**\n * Render the final JSX of AvatarGroupPopover\n */\nexport const renderAvatarGroupPopover_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(PopoverTrigger, {\n disableButtonEnhancement: true\n }, /*#__PURE__*/React.createElement(slots.tooltip, slotProps.tooltip, /*#__PURE__*/React.createElement(slots.triggerButton, slotProps.triggerButton))), /*#__PURE__*/React.createElement(slots.popoverSurface, slotProps.popoverSurface, /*#__PURE__*/React.createElement(AvatarGroupProvider, {\n value: contextValues.avatarGroup\n }, /*#__PURE__*/React.createElement(slots.content, slotProps.content))));\n};\n//# sourceMappingURL=renderAvatarGroupPopover.js.map"],"names":["renderAvatarGroupPopover_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","root","PopoverTrigger","disableButtonEnhancement","tooltip","triggerButton","popoverSurface","AvatarGroupProvider","value","avatarGroup","content"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;oCACa;gCACX;8BACM;AAIxB,MAAMA,oCAAoC,CAACC,OAAOC,gBAAkB;IACzE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACE,4BAAc,EAAE;QACnHC,0BAA0B,IAAI;IAChC,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMQ,OAAO,EAAEP,UAAUO,OAAO,EAAE,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMS,aAAa,EAAER,UAAUQ,aAAa,KAAK,WAAW,GAAEN,OAAMC,aAAa,CAACJ,MAAMU,cAAc,EAAET,UAAUS,cAAc,EAAE,WAAW,GAAEP,OAAMC,aAAa,CAACO,uCAAmB,EAAE;QAC7RC,OAAOb,cAAcc,WAAW;IAClC,GAAG,WAAW,GAAEV,OAAMC,aAAa,CAACJ,MAAMc,OAAO,EAAEb,UAAUa,OAAO;AACtE,GACA,oDAAoD"}
1
+ {"version":3,"sources":["../../../lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\n/**\n * Render the final JSX of AvatarGroupPopover\n */\nexport const renderAvatarGroupPopover_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /*#__PURE__*/createElement(slots.root, slotProps.root, /*#__PURE__*/createElement(PopoverTrigger, {\n disableButtonEnhancement: true\n }, /*#__PURE__*/createElement(slots.tooltip, slotProps.tooltip, /*#__PURE__*/createElement(slots.triggerButton, slotProps.triggerButton))), /*#__PURE__*/createElement(slots.popoverSurface, slotProps.popoverSurface, /*#__PURE__*/createElement(AvatarGroupProvider, {\n value: contextValues.avatarGroup\n }, /*#__PURE__*/createElement(slots.content, slotProps.content))));\n};\n//# sourceMappingURL=renderAvatarGroupPopover.js.map"],"names":["renderAvatarGroupPopover_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","PopoverTrigger","disableButtonEnhancement","tooltip","triggerButton","popoverSurface","AvatarGroupProvider","value","avatarGroup","content"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAOrCA;;aAAAA;;iCAPqE;oCAC9C;gCACP;8BACE;AAIxB,MAAMA,oCAAoC,CAACC,OAAOC,gBAAkB;IACzE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACJ;IACjB,OAAO,WAAW,GAAEK,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAED,IAAAA,8BAAa,EAACE,4BAAc,EAAE;QACvGC,0BAA0B,IAAI;IAChC,GAAG,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMO,OAAO,EAAEN,UAAUM,OAAO,EAAE,WAAW,GAAEJ,IAAAA,8BAAa,EAACH,MAAMQ,aAAa,EAAEP,UAAUO,aAAa,KAAK,WAAW,GAAEL,IAAAA,8BAAa,EAACH,MAAMS,cAAc,EAAER,UAAUQ,cAAc,EAAE,WAAW,GAAEN,IAAAA,8BAAa,EAACO,uCAAmB,EAAE;QACrQC,OAAOZ,cAAca,WAAW;IAClC,GAAG,WAAW,GAAET,IAAAA,8BAAa,EAACH,MAAMa,OAAO,EAAEZ,UAAUY,OAAO;AAChE,GACA,oDAAoD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-avatar",
3
- "version": "9.4.8",
3
+ "version": "9.4.10",
4
4
  "description": "React components for building Microsoft web experiences.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -36,15 +36,16 @@
36
36
  "@fluentui/scripts-tasks": "*"
37
37
  },
38
38
  "dependencies": {
39
- "@fluentui/react-badge": "^9.1.8",
40
- "@fluentui/react-context-selector": "^9.1.17",
39
+ "@fluentui/react-badge": "^9.1.10",
40
+ "@fluentui/react-context-selector": "^9.1.18",
41
41
  "@fluentui/react-icons": "^2.0.196",
42
- "@fluentui/react-popover": "^9.5.8",
42
+ "@fluentui/react-popover": "^9.5.10",
43
43
  "@fluentui/react-shared-contexts": "^9.3.3",
44
- "@fluentui/react-tabster": "^9.6.4",
44
+ "@fluentui/react-tabster": "^9.6.5",
45
45
  "@fluentui/react-theme": "^9.1.7",
46
- "@fluentui/react-tooltip": "^9.2.8",
47
- "@fluentui/react-utilities": "^9.7.4",
46
+ "@fluentui/react-tooltip": "^9.2.10",
47
+ "@fluentui/react-utilities": "^9.8.0",
48
+ "@fluentui/react-jsx-runtime": "9.0.0-alpha.2",
48
49
  "@griffel/react": "^1.5.2",
49
50
  "@swc/helpers": "^0.4.14"
50
51
  },