npm - @fluentui/react-avatar - Versions diffs - 9.4.8 → 9.4.9 - Mend

@fluentui/react-avatar 9.4.8 → 9.4.9

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 (7) hide show

package/CHANGELOG.json +58 -7
package/CHANGELOG.md +23 -8
package/lib/components/Avatar/useAvatarStyles.js +6 -36
package/lib/components/Avatar/useAvatarStyles.js.map +1 -1
package/lib-commonjs/components/Avatar/useAvatarStyles.js +9 -60
package/lib-commonjs/components/Avatar/useAvatarStyles.js.map +1 -1
package/package.json +7 -7

package/CHANGELOG.json CHANGED Viewed

@@ -2,7 +2,58 @@
   "name": "@fluentui/react-avatar",
   "entries": [
     {
-      "date": "Wed, 12 Apr 2023 09:28:17 GMT",
+      "date": "Mon, 17 Apr 2023 17:49:56 GMT",
+      "tag": "@fluentui/react-avatar_v9.4.9",
+      "version": "9.4.9",
+      "comments": {
+        "patch": [
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-avatar",
+            "commit": "b120cc8a76bea610aeeded3eade7c78c0e9ddc0b",
+            "comment": "fix: Correct Avatar's active-inactive transition animation curve"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-badge to v9.1.9",
+            "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.18",
+            "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-popover to v9.5.9",
+            "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-tabster to v9.6.5",
+            "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-tooltip to v9.2.9",
+            "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-utilities to v9.8.0",
+            "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 12 Apr 2023 09:31:45 GMT",
       "tag": "@fluentui/react-avatar_v9.4.8",
       "version": "9.4.8",
       "comments": {
@@ -11,37 +62,37 @@
             "author": "beachball",
             "package": "@fluentui/react-avatar",
             "comment": "Bump @fluentui/react-badge to v9.1.8",
-            "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
+            "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-avatar",
             "comment": "Bump @fluentui/react-context-selector to v9.1.17",
-            "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
+            "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-avatar",
             "comment": "Bump @fluentui/react-popover to v9.5.8",
-            "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
+            "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-avatar",
             "comment": "Bump @fluentui/react-tabster to v9.6.4",
-            "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
+            "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-avatar",
             "comment": "Bump @fluentui/react-tooltip to v9.2.8",
-            "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
+            "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-avatar",
             "comment": "Bump @fluentui/react-utilities to v9.7.4",
-            "commit": "b48890859f5ce28fe12fd40f6bda26ed486c5e47"
+            "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8"
           }
         ]
       }

package/CHANGELOG.md CHANGED Viewed

@@ -1,22 +1,37 @@
 # Change Log - @fluentui/react-avatar
-This log was last generated on Wed, 12 Apr 2023 09:28:17 GMT and should not be manually modified.
+This log was last generated on Mon, 17 Apr 2023 17:49:56 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.4.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.4.9)
+Mon, 17 Apr 2023 17:49:56 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.4.8..@fluentui/react-avatar_v9.4.9)
+### Patches
+- fix: Correct Avatar's active-inactive transition animation curve ([PR #27537](https://github.com/microsoft/fluentui/pull/27537) by behowell@microsoft.com)
+- Bump @fluentui/react-badge to v9.1.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
+- Bump @fluentui/react-popover to v9.5.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
+- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
+- Bump @fluentui/react-tooltip to v9.2.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
+- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball)
 ## [9.4.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.4.8)
-Wed, 12 Apr 2023 09:28:17 GMT
+Wed, 12 Apr 2023 09:31:45 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.4.7..@fluentui/react-avatar_v9.4.8)
 ### Patches
-- Bump @fluentui/react-badge to v9.1.8 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
-- Bump @fluentui/react-context-selector to v9.1.17 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
-- Bump @fluentui/react-popover to v9.5.8 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
-- Bump @fluentui/react-tabster to v9.6.4 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
-- Bump @fluentui/react-tooltip to v9.2.8 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
-- Bump @fluentui/react-utilities to v9.7.4 ([commit](https://github.com/microsoft/fluentui/commit/b48890859f5ce28fe12fd40f6bda26ed486c5e47) by beachball)
+- Bump @fluentui/react-badge to v9.1.8 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.17 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
+- Bump @fluentui/react-popover to v9.5.8 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
+- Bump @fluentui/react-tabster to v9.6.4 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
+- Bump @fluentui/react-tooltip to v9.2.8 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
+- Bump @fluentui/react-utilities to v9.7.4 ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by beachball)
 ## [9.4.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.4.7)

package/lib/components/Avatar/useAvatarStyles.js CHANGED Viewed

@@ -7,17 +7,6 @@ export const avatarClassNames = {
   icon: 'fui-Avatar__icon',
   badge: 'fui-Avatar__badge'
 };
-const animations = {
-  fastOutSlowInMax: tokens.curveDecelerateMax,
-  fastOutSlowInMid: tokens.curveDecelerateMid,
-  fastOutSlowInMin: tokens.curveDecelerateMin,
-  slowOutFastInMax: tokens.curveAccelerateMax,
-  slowOutFastInMid: tokens.curveAccelerateMid,
-  slowOutFastInMin: tokens.curveAccelerateMin,
-  fastEase: tokens.curveEasyEaseMax,
-  normalEase: tokens.curveEasyEase,
-  nullEasing: tokens.curveLinear
-};
 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;}"]);
 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;}"]);
 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({
     Bz10aip: "ftfx35i",
     Bmy1vo4: "fv0atk9",
     B3o57yi: "f1iry5bo",
-    Cwk7ip: "f1gyuh7d",
+    Bkqvd7p: "f15n41j8",
     Hwfdqs: "f1onx1g3",
     Ftih45: "f1wl9k8s",
     Brfgrao: "f1j7ml58",
@@ -79,9 +68,8 @@ const useStyles = /*#__PURE__*/__styles({
     ck0cow: ["f1xx2lx6", "f1gnrg9b"],
     B8bqphf: "f1e9wvyh",
     h7gv66: "f1vyz52m",
-    Bvy8d8o: "f1rjhkxy",
-    B1pumaf: "f1ak47q9",
-    B17wnbm: "f1apa6og"
+    wjn42g: "f1s8xkrt",
+    B1pumaf: "f1ak47q9"
   },
   ring: {
     Bdkvgpv: "f163fonl",
@@ -134,21 +122,13 @@ const useStyles = /*#__PURE__*/__styles({
   inactive: {
     abs64n: "fp25eh",
     Bz10aip: "f1clczzi",
-    Bmy1vo4: "fv0atk9",
-    B3o57yi: "f1iry5bo",
-    Cwk7ip: "fxm264b",
-    Hwfdqs: "f1onx1g3",
-    Bwz0kr7: "f1o7dfsw",
+    Bkqvd7p: "f1l3s34x",
     qehafq: "fe3o830",
     Bicfajf: ["fzynn9s", "f1z0ukd1"],
     susq4k: "f1kyqvp9",
     Biibvgv: ["f1z0ukd1", "fzynn9s"],
     vz82u: "f1dhznln",
-    B8bqphf: "f1e9wvyh",
-    h7gv66: "f1vyz52m",
-    Bvy8d8o: "f1yb2g89",
-    B1pumaf: "f1ak47q9",
-    B17wnbm: "f1apa6og"
+    wjn42g: "f1iysauc"
   },
   badge: {
     qhf8xq: "f1euv43f",
@@ -181,21 +161,11 @@ const useStyles = /*#__PURE__*/__styles({
     Be2twd7: "f18m8u13"
   }
 }, {
-  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;}"],
+  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;}"],
   m: [["@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}", {
     m: "screen and (prefers-reduced-motion: reduce)"
   }], ["@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}", {
     m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f1o7dfsw{transition-delay:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
-  }], ["@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}", {
-    m: "screen and (prefers-reduced-motion: reduce)"
   }]]
 });
 export const useSizeStyles = /*#__PURE__*/__styles({

package/lib/components/Avatar/useAvatarStyles.js.map CHANGED Viewed

	@@ -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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"}

package/lib-commonjs/components/Avatar/useAvatarStyles.js CHANGED Viewed

@@ -14,7 +14,6 @@ _export(exports, {
     useAvatarStyles_unstable: ()=>useAvatarStyles_unstable
 });
 const _react = require("@griffel/react");
-const _reactTheme = require("@fluentui/react-theme");
 const avatarClassNames = {
     root: 'fui-Avatar',
     image: 'fui-Avatar__image',
@@ -22,17 +21,6 @@ const avatarClassNames = {
     icon: 'fui-Avatar__icon',
     badge: 'fui-Avatar__badge'
 };
-const animations = {
-    fastOutSlowInMax: _reactTheme.tokens.curveDecelerateMax,
-    fastOutSlowInMid: _reactTheme.tokens.curveDecelerateMid,
-    fastOutSlowInMin: _reactTheme.tokens.curveDecelerateMin,
-    slowOutFastInMax: _reactTheme.tokens.curveAccelerateMax,
-    slowOutFastInMid: _reactTheme.tokens.curveAccelerateMid,
-    slowOutFastInMin: _reactTheme.tokens.curveAccelerateMin,
-    fastEase: _reactTheme.tokens.curveEasyEaseMax,
-    normalEase: _reactTheme.tokens.curveEasyEase,
-    nullEasing: _reactTheme.tokens.curveLinear
-};
 const useRootClassName = /*#__PURE__*/ (0, _react["__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;}"
 ]);
@@ -136,7 +124,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         Bz10aip: "ftfx35i",
         Bmy1vo4: "fv0atk9",
         B3o57yi: "f1iry5bo",
-        Cwk7ip: "f1gyuh7d",
+        Bkqvd7p: "f15n41j8",
         Hwfdqs: "f1onx1g3",
         Ftih45: "f1wl9k8s",
         Brfgrao: "f1j7ml58",
@@ -168,9 +156,8 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ],
         B8bqphf: "f1e9wvyh",
         h7gv66: "f1vyz52m",
-        Bvy8d8o: "f1rjhkxy",
-        B1pumaf: "f1ak47q9",
-        B17wnbm: "f1apa6og"
+        wjn42g: "f1s8xkrt",
+        B1pumaf: "f1ak47q9"
     },
     ring: {
         Bdkvgpv: "f163fonl",
@@ -265,11 +252,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
     inactive: {
         abs64n: "fp25eh",
         Bz10aip: "f1clczzi",
-        Bmy1vo4: "fv0atk9",
-        B3o57yi: "f1iry5bo",
-        Cwk7ip: "fxm264b",
-        Hwfdqs: "f1onx1g3",
-        Bwz0kr7: "f1o7dfsw",
+        Bkqvd7p: "f1l3s34x",
         qehafq: "fe3o830",
         Bicfajf: [
             "fzynn9s",
@@ -281,11 +264,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
             "fzynn9s"
         ],
         vz82u: "f1dhznln",
-        B8bqphf: "f1e9wvyh",
-        h7gv66: "f1vyz52m",
-        Bvy8d8o: "f1yb2g89",
-        B1pumaf: "f1ak47q9",
-        B17wnbm: "f1apa6og"
+        wjn42g: "f1iysauc"
     },
     badge: {
         qhf8xq: "f1euv43f",
@@ -346,7 +325,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".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);}",
+        ".f15n41j8{transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);}",
         ".f1wl9k8s::before{content:\"\";}",
         ".f1j7ml58::before{position:absolute;}",
         ".ffi060y::before{top:0;}",
@@ -359,7 +338,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".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);}",
+        ".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;}",
@@ -394,13 +373,13 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".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);}",
+        ".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;}",
-        ".f1yb2g89::before{transition-delay:var(--curveDecelerateMin),var(--curveLinear);}",
+        ".f1iysauc::before{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}",
         ".f1euv43f{position:absolute;}",
         ".f1yab3r1{bottom:0;}",
         ".f1e31b4d{right:0;}",
@@ -427,36 +406,6 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
             {
                 m: "screen and (prefers-reduced-motion: reduce)"
             }
-        ],
-        [
-            "@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}",
-            {
-                m: "screen and (prefers-reduced-motion: reduce)"
-            }
-        ],
-        [
-            "@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}",
-            {
-                m: "screen and (prefers-reduced-motion: reduce)"
-            }
-        ],
-        [
-            "@media screen and (prefers-reduced-motion: reduce){.f1o7dfsw{transition-delay:0.01ms;}}",
-            {
-                m: "screen and (prefers-reduced-motion: reduce)"
-            }
-        ],
-        [
-            "@media screen and (prefers-reduced-motion: reduce){.f1ak47q9::before{transition-duration:0.01ms;}}",
-            {
-                m: "screen and (prefers-reduced-motion: reduce)"
-            }
-        ],
-        [
-            "@media screen and (prefers-reduced-motion: reduce){.f1apa6og::before{transition-delay:0.01ms;}}",
-            {
-                m: "screen and (prefers-reduced-motion: reduce)"
-            }
         ]
     ]
 });

package/lib-commonjs/components/Avatar/useAvatarStyles.js.map CHANGED Viewed

	@@ -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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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-avatar",
-  "version": "9.4.8",
+  "version": "9.4.9",
   "description": "React components for building Microsoft web experiences.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -36,15 +36,15 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-badge": "^9.1.8",
-    "@fluentui/react-context-selector": "^9.1.17",
+    "@fluentui/react-badge": "^9.1.9",
+    "@fluentui/react-context-selector": "^9.1.18",
     "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-popover": "^9.5.8",
+    "@fluentui/react-popover": "^9.5.9",
     "@fluentui/react-shared-contexts": "^9.3.3",
-    "@fluentui/react-tabster": "^9.6.4",
+    "@fluentui/react-tabster": "^9.6.5",
     "@fluentui/react-theme": "^9.1.7",
-    "@fluentui/react-tooltip": "^9.2.8",
-    "@fluentui/react-utilities": "^9.7.4",
+    "@fluentui/react-tooltip": "^9.2.9",
+    "@fluentui/react-utilities": "^9.8.0",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },