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

@fluentui/react-avatar 9.4.9 → 9.5.0

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

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../lib/components/Avatar/useAvatarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const avatarClassNames = {\n root: 'fui-Avatar',\n image: 'fui-Avatar__image',\n initials: 'fui-Avatar__initials',\n icon: 'fui-Avatar__icon',\n badge: 'fui-Avatar__badge'\n};\n// CSS variables used internally in Avatar's styles\nconst vars = {\n badgeRadius: '--fui-Avatar-badgeRadius',\n badgeGap: '--fui-Avatar-badgeGap',\n badgeAlign: '--fui-Avatar-badgeAlign',\n ringWidth: '--fui-Avatar-ringWidth'\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r81b29z\", \"r1aatmv\", [\".r81b29z{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;}\", \".r81b29z::before,.r81b29z::after{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \"@media screen and (prefers-reduced-motion: reduce){.r81b29z::before,.r81b29z::after{transition-duration:0.01ms;}}\", \".r81b29z::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\", \".r1aatmv{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;}\", \".r1aatmv::before,.r1aatmv::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:calc(-2 * var(--fui-Avatar-ringWidth, 0px));border-radius:inherit;transition-property:margin,opacity;transition-timing-function:var(--curveEasyEaseMax),var(--curveLinear);transition-duration:var(--durationUltraSlow),var(--durationSlower);}\", \"@media screen and (prefers-reduced-motion: reduce){.r1aatmv::before,.r1aatmv::after{transition-duration:0.01ms;}}\", \".r1aatmv::before{border-style:solid;border-width:var(--fui-Avatar-ringWidth);}\"]);\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;}\"]);\n/**\n * Helper to create a maskImage that punches out a circle larger than the badge by `badgeGap`.\n * This creates a transparent gap between the badge and Avatar.\n *\n * Used by the icon, initials, and image slots, as well as the ring ::before pseudo-element.\n */\nconst badgeMask = margin => {\n // Center the cutout at the badge's radius away from the edge.\n // The ring (::before) also has a 2 * ringWidth margin that also needs to be offset.\n const centerOffset = margin ? `calc(var(${vars.badgeRadius}) + ${margin})` : `var(${vars.badgeRadius})`;\n // radial-gradient does not have anti-aliasing, so the transparent and opaque gradient stops are offset by +/- 0.25px\n // to \"fade\" from transparent to opaque over a half-pixel and ease the transition.\n const innerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) - 0.25px)`;\n const outerRadius = `calc(var(${vars.badgeRadius}) + var(${vars.badgeGap}) + 0.25px)`;\n return `radial-gradient(circle at bottom ${centerOffset} var(${vars.badgeAlign}) ${centerOffset}, ` + `transparent ${innerRadius}, white ${outerRadius})`;\n};\nconst useStyles = /*#__PURE__*/__styles({\n textCaption2Strong: {\n Be2twd7: \"f13mqy1h\"\n },\n textCaption1Strong: {\n Be2twd7: \"fy9rknc\"\n },\n textSubtitle2: {\n Be2twd7: \"fod5ikn\"\n },\n textSubtitle1: {\n Be2twd7: \"f1pp30po\"\n },\n textTitle3: {\n Be2twd7: \"f1x0m3f5\"\n },\n squareSmall: {\n Bbmb7ep: [\"f1g3puop\", \"fi2rrw2\"],\n Beyfa6y: [\"fi2rrw2\", \"f1g3puop\"],\n B7oj6ja: [\"f1rstyi9\", \"f1s4nn1u\"],\n Btl43ni: [\"f1s4nn1u\", \"f1rstyi9\"]\n },\n squareMedium: {\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n },\n squareLarge: {\n Bbmb7ep: [\"f1ldthgs\", \"frrelxk\"],\n Beyfa6y: [\"frrelxk\", \"f1ldthgs\"],\n B7oj6ja: [\"fobrfso\", \"ffisxpw\"],\n Btl43ni: [\"ffisxpw\", \"fobrfso\"]\n },\n squareXLarge: {\n Bbmb7ep: [\"fnivh3a\", \"fc7yr5o\"],\n Beyfa6y: [\"fc7yr5o\", \"fnivh3a\"],\n B7oj6ja: [\"f1el4m67\", \"f8yange\"],\n Btl43ni: [\"f8yange\", \"f1el4m67\"]\n },\n activeOrInactive: {\n Bz10aip: \"ftfx35i\",\n Bmy1vo4: \"fv0atk9\",\n B3o57yi: \"f1iry5bo\",\n Bkqvd7p: \"f15n41j8\",\n Hwfdqs: \"f1onx1g3\"\n },\n ring: {\n Ftih45: \"f1wl9k8s\"\n },\n ringBadgeCutout: {\n f4a502: \"fp2gujx\"\n },\n ringThick: {\n of393c: \"fq1w1vq\"\n },\n ringThicker: {\n of393c: \"fzg6ace\"\n },\n ringThickest: {\n of393c: \"f1nu8p71\"\n },\n shadow: {\n Bsft5z2: \"f13zj6fq\"\n },\n shadow4: {\n Be6vj1x: \"fcjn15l\"\n },\n shadow8: {\n Be6vj1x: \"f1tm8t9f\"\n },\n shadow16: {\n Be6vj1x: \"f1a1aohj\"\n },\n shadow28: {\n Be6vj1x: \"fond6v5\"\n },\n inactive: {\n abs64n: \"fp25eh\",\n Bz10aip: \"f1clczzi\",\n Bkqvd7p: \"f1l3s34x\",\n Bucmhp4: \"f1f5ar78\",\n b2tv09: [\"fqxtap0\", \"fhjukvy\"],\n Bfgortx: \"f1qj1nzo\",\n Bnvr3x9: [\"fhjukvy\", \"fqxtap0\"],\n b6ubon: \"fw457kn\",\n Bqinb2h: \"f1wmllxl\"\n },\n badge: {\n qhf8xq: \"f1euv43f\",\n B5kzvoi: \"f1yab3r1\",\n j35jbq: [\"f1e31b4d\", \"f1vgc2s3\"]\n },\n badgeCutout: {\n btxmck: \"f1eugkqs\"\n },\n badgeAlign: {\n Dnlfbu: [\"f1tlnv9o\", \"f1y9kyih\"]\n },\n tiny: {\n Bdjeniz: \"f1uwoubl\",\n niu6jh: \"fid048z\"\n },\n \"extra-small\": {\n Bdjeniz: \"f13ar0e0\",\n niu6jh: \"fid048z\"\n },\n small: {\n Bdjeniz: \"fwwuruf\",\n niu6jh: \"fid048z\"\n },\n medium: {\n Bdjeniz: \"f1af27q5\",\n niu6jh: \"fid048z\"\n },\n large: {\n Bdjeniz: \"f18yy57a\",\n niu6jh: \"f924bxt\"\n },\n \"extra-large\": {\n Bdjeniz: \"f2jg042\",\n niu6jh: \"f924bxt\"\n },\n icon12: {\n Be2twd7: \"f1ugzwwg\"\n },\n icon16: {\n Be2twd7: \"f4ybsrx\"\n },\n icon20: {\n Be2twd7: \"fe5j1ua\"\n },\n icon24: {\n Be2twd7: \"f1rt2boy\"\n },\n icon28: {\n Be2twd7: \"f24l1pt\"\n },\n icon32: {\n Be2twd7: \"ffl51b\"\n },\n icon48: {\n Be2twd7: \"f18m8u13\"\n }\n}, {\n d: [\".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".f1x0m3f5{font-size:var(--fontSizeBase600);}\", \".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}\", \".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1ldthgs{border-bottom-right-radius:var(--borderRadiusLarge);}\", \".frrelxk{border-bottom-left-radius:var(--borderRadiusLarge);}\", \".fobrfso{border-top-right-radius:var(--borderRadiusLarge);}\", \".ffisxpw{border-top-left-radius:var(--borderRadiusLarge);}\", \".fnivh3a{border-bottom-right-radius:var(--borderRadiusXLarge);}\", \".fc7yr5o{border-bottom-left-radius:var(--borderRadiusXLarge);}\", \".f1el4m67{border-top-right-radius:var(--borderRadiusXLarge);}\", \".f8yange{border-top-left-radius:var(--borderRadiusXLarge);}\", \".ftfx35i{-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:\\\"\\\";}\", \".fp2gujx::before{-webkit-mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)) var(--fui-Avatar-badgeAlign) calc(var(--fui-Avatar-badgeRadius) + 2 * var(--fui-Avatar-ringWidth)), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}\", \".fq1w1vq{--fui-Avatar-ringWidth:var(--strokeWidthThick);}\", \".fzg6ace{--fui-Avatar-ringWidth:var(--strokeWidthThicker);}\", \".f1nu8p71{--fui-Avatar-ringWidth:var(--strokeWidthThickest);}\", \".f13zj6fq::after{content:\\\"\\\";}\", \".fcjn15l::after{box-shadow:var(--shadow4);}\", \".f1tm8t9f::after{box-shadow:var(--shadow8);}\", \".f1a1aohj::after{box-shadow:var(--shadow16);}\", \".fond6v5::after{box-shadow:var(--shadow28);}\", \".fp25eh{opacity:0.8;}\", \".f1clczzi{-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);}\", \".f1f5ar78::before,.f1f5ar78::after{margin-top:0;}\", \".fqxtap0::before,.fqxtap0::after{margin-right:0;}\", \".fhjukvy::before,.fhjukvy::after{margin-left:0;}\", \".f1qj1nzo::before,.f1qj1nzo::after{margin-bottom:0;}\", \".fw457kn::before,.fw457kn::after{opacity:0;}\", \".f1wmllxl::before,.f1wmllxl::after{transition-timing-function:var(--curveDecelerateMin),var(--curveLinear);}\", \".f1euv43f{position:absolute;}\", \".f1yab3r1{bottom:0;}\", \".f1e31b4d{right:0;}\", \".f1vgc2s3{left:0;}\", \".f1eugkqs{-webkit-mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));mask-image:radial-gradient(circle at bottom var(--fui-Avatar-badgeRadius) var(--fui-Avatar-badgeAlign) var(--fui-Avatar-badgeRadius), transparent calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) - 0.25px), white calc(var(--fui-Avatar-badgeRadius) + var(--fui-Avatar-badgeGap) + 0.25px));}\", \".f1tlnv9o{--fui-Avatar-badgeAlign:right;}\", \".f1y9kyih{--fui-Avatar-badgeAlign:left;}\", \".f1uwoubl{--fui-Avatar-badgeRadius:3px;}\", \".fid048z{--fui-Avatar-badgeGap:var(--strokeWidthThin);}\", \".f13ar0e0{--fui-Avatar-badgeRadius:5px;}\", \".fwwuruf{--fui-Avatar-badgeRadius:6px;}\", \".f1af27q5{--fui-Avatar-badgeRadius:8px;}\", \".f18yy57a{--fui-Avatar-badgeRadius:10px;}\", \".f924bxt{--fui-Avatar-badgeGap:var(--strokeWidthThick);}\", \".f2jg042{--fui-Avatar-badgeRadius:14px;}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".f24l1pt{font-size:28px;}\", \".ffl51b{font-size:32px;}\", \".f18m8u13{font-size:48px;}\"],\n m: [[\"@media screen and (prefers-reduced-motion: reduce){.f1onx1g3{transition-duration:0.01ms;}}\", {\n m: \"screen and (prefers-reduced-motion: reduce)\"\n }]]\n});\nexport const useSizeStyles = /*#__PURE__*/__styles({\n \"16\": {\n a9b677: \"fjw5fx7\",\n Bqenvij: \"fd461yt\"\n },\n \"20\": {\n a9b677: \"f64fuq3\",\n Bqenvij: \"fjamq6b\"\n },\n \"24\": {\n a9b677: \"fq4mcun\",\n Bqenvij: \"frvgh55\"\n },\n \"28\": {\n a9b677: \"f1w9dchk\",\n Bqenvij: \"fxldao9\"\n },\n \"32\": {\n a9b677: \"f1szoe96\",\n Bqenvij: \"f1d2rq10\"\n },\n \"36\": {\n a9b677: \"fpdz1er\",\n Bqenvij: \"f8ljn23\"\n },\n \"40\": {\n a9b677: \"feqmc2u\",\n Bqenvij: \"fbhnoac\"\n },\n \"48\": {\n a9b677: \"f124akge\",\n Bqenvij: \"ff2sm71\"\n },\n \"56\": {\n a9b677: \"f1u66zr1\",\n Bqenvij: \"fzki0ko\"\n },\n \"64\": {\n a9b677: \"fa9ln6p\",\n Bqenvij: \"f16k9i2m\"\n },\n \"72\": {\n a9b677: \"fhcae8x\",\n Bqenvij: \"f1shusfg\"\n },\n \"96\": {\n a9b677: \"f1kyr2gn\",\n Bqenvij: \"fypu0ge\"\n },\n \"120\": {\n a9b677: \"fwfqyga\",\n Bqenvij: \"fjr5b71\"\n },\n \"128\": {\n a9b677: \"f1iksgmy\",\n Bqenvij: \"fele2au\"\n }\n}, {\n d: [\".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f64fuq3{width:20px;}\", \".fjamq6b{height:20px;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f1w9dchk{width:28px;}\", \".fxldao9{height:28px;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fpdz1er{width:36px;}\", \".f8ljn23{height:36px;}\", \".feqmc2u{width:40px;}\", \".fbhnoac{height:40px;}\", \".f124akge{width:48px;}\", \".ff2sm71{height:48px;}\", \".f1u66zr1{width:56px;}\", \".fzki0ko{height:56px;}\", \".fa9ln6p{width:64px;}\", \".f16k9i2m{height:64px;}\", \".fhcae8x{width:72px;}\", \".f1shusfg{height:72px;}\", \".f1kyr2gn{width:96px;}\", \".fypu0ge{height:96px;}\", \".fwfqyga{width:120px;}\", \".fjr5b71{height:120px;}\", \".f1iksgmy{width:128px;}\", \".fele2au{height:128px;}\"]\n});\nconst useColorStyles = /*#__PURE__*/__styles({\n neutral: {\n sj55zd: \"f11d4kpn\",\n De3pzq: \"f18f03hv\"\n },\n brand: {\n sj55zd: \"fonrgv7\",\n De3pzq: \"f1blnnmj\"\n },\n \"dark-red\": {\n sj55zd: \"fqjd1y1\",\n De3pzq: \"f1vq2oo4\"\n },\n cranberry: {\n sj55zd: \"fg9gses\",\n De3pzq: \"f1lwxszt\"\n },\n red: {\n sj55zd: \"f23f7i0\",\n De3pzq: \"f1q9qhfq\"\n },\n pumpkin: {\n sj55zd: \"fjnan08\",\n De3pzq: \"fz91bi3\"\n },\n peach: {\n sj55zd: \"fknu15p\",\n De3pzq: \"f1b9nr51\"\n },\n marigold: {\n sj55zd: \"f9603vw\",\n De3pzq: \"f3z4w6d\"\n },\n gold: {\n sj55zd: \"fmq0uwp\",\n De3pzq: \"fg50kya\"\n },\n brass: {\n sj55zd: \"f28g5vo\",\n De3pzq: \"f4w2gd0\"\n },\n brown: {\n sj55zd: \"ftl572b\",\n De3pzq: \"f14wu1f4\"\n },\n forest: {\n sj55zd: \"f1gymlvd\",\n De3pzq: \"f19ut4y6\"\n },\n seafoam: {\n sj55zd: \"fnnb6wn\",\n De3pzq: \"f1n057jc\"\n },\n \"dark-green\": {\n sj55zd: \"ff58qw8\",\n De3pzq: \"f11t05wk\"\n },\n \"light-teal\": {\n sj55zd: \"f1up9qbj\",\n De3pzq: \"f42feg1\"\n },\n teal: {\n sj55zd: \"f135dsb4\",\n De3pzq: \"f6hvv1p\"\n },\n steel: {\n sj55zd: \"f151dlcp\",\n De3pzq: \"f1lnp8zf\"\n },\n blue: {\n sj55zd: \"f1rjv50u\",\n De3pzq: \"f1ggcpy6\"\n },\n \"royal-blue\": {\n sj55zd: \"f1emykk5\",\n De3pzq: \"f12rj61f\"\n },\n cornflower: {\n sj55zd: \"fqsigj7\",\n De3pzq: \"f8k7hur\"\n },\n navy: {\n sj55zd: \"f1nj97xi\",\n De3pzq: \"f19gw0ux\"\n },\n lavender: {\n sj55zd: \"fwctg0i\",\n De3pzq: \"ff379vm\"\n },\n purple: {\n sj55zd: \"fjrsgpu\",\n De3pzq: \"f1mzf1e1\"\n },\n grape: {\n sj55zd: \"f1fiiydq\",\n De3pzq: \"f1o4k8oy\"\n },\n lilac: {\n sj55zd: \"f1res9jt\",\n De3pzq: \"f1x6mz1o\"\n },\n pink: {\n sj55zd: \"fv3fbbi\",\n De3pzq: \"fydlv6t\"\n },\n magenta: {\n sj55zd: \"f1f1fwnz\",\n De3pzq: \"f4xb6j5\"\n },\n plum: {\n sj55zd: \"f8ptl6j\",\n De3pzq: \"fqo8e26\"\n },\n beige: {\n sj55zd: \"f1ntv3ld\",\n De3pzq: \"f101elhj\"\n },\n mink: {\n sj55zd: \"f1fscmp\",\n De3pzq: \"f13g8o5c\"\n },\n platinum: {\n sj55zd: \"f1dr00v2\",\n De3pzq: \"fkh7blw\"\n },\n anchor: {\n sj55zd: \"f1f3ti53\",\n De3pzq: \"fu4yj0j\"\n }\n}, {\n d: [\".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f18f03hv{background-color:var(--colorNeutralBackground6);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1blnnmj{background-color:var(--colorBrandBackgroundStatic);}\", \".fqjd1y1{color:var(--colorPaletteDarkRedForeground2);}\", \".f1vq2oo4{background-color:var(--colorPaletteDarkRedBackground2);}\", \".fg9gses{color:var(--colorPaletteCranberryForeground2);}\", \".f1lwxszt{background-color:var(--colorPaletteCranberryBackground2);}\", \".f23f7i0{color:var(--colorPaletteRedForeground2);}\", \".f1q9qhfq{background-color:var(--colorPaletteRedBackground2);}\", \".fjnan08{color:var(--colorPalettePumpkinForeground2);}\", \".fz91bi3{background-color:var(--colorPalettePumpkinBackground2);}\", \".fknu15p{color:var(--colorPalettePeachForeground2);}\", \".f1b9nr51{background-color:var(--colorPalettePeachBackground2);}\", \".f9603vw{color:var(--colorPaletteMarigoldForeground2);}\", \".f3z4w6d{background-color:var(--colorPaletteMarigoldBackground2);}\", \".fmq0uwp{color:var(--colorPaletteGoldForeground2);}\", \".fg50kya{background-color:var(--colorPaletteGoldBackground2);}\", \".f28g5vo{color:var(--colorPaletteBrassForeground2);}\", \".f4w2gd0{background-color:var(--colorPaletteBrassBackground2);}\", \".ftl572b{color:var(--colorPaletteBrownForeground2);}\", \".f14wu1f4{background-color:var(--colorPaletteBrownBackground2);}\", \".f1gymlvd{color:var(--colorPaletteForestForeground2);}\", \".f19ut4y6{background-color:var(--colorPaletteForestBackground2);}\", \".fnnb6wn{color:var(--colorPaletteSeafoamForeground2);}\", \".f1n057jc{background-color:var(--colorPaletteSeafoamBackground2);}\", \".ff58qw8{color:var(--colorPaletteDarkGreenForeground2);}\", \".f11t05wk{background-color:var(--colorPaletteDarkGreenBackground2);}\", \".f1up9qbj{color:var(--colorPaletteLightTealForeground2);}\", \".f42feg1{background-color:var(--colorPaletteLightTealBackground2);}\", \".f135dsb4{color:var(--colorPaletteTealForeground2);}\", \".f6hvv1p{background-color:var(--colorPaletteTealBackground2);}\", \".f151dlcp{color:var(--colorPaletteSteelForeground2);}\", \".f1lnp8zf{background-color:var(--colorPaletteSteelBackground2);}\", \".f1rjv50u{color:var(--colorPaletteBlueForeground2);}\", \".f1ggcpy6{background-color:var(--colorPaletteBlueBackground2);}\", \".f1emykk5{color:var(--colorPaletteRoyalBlueForeground2);}\", \".f12rj61f{background-color:var(--colorPaletteRoyalBlueBackground2);}\", \".fqsigj7{color:var(--colorPaletteCornflowerForeground2);}\", \".f8k7hur{background-color:var(--colorPaletteCornflowerBackground2);}\", \".f1nj97xi{color:var(--colorPaletteNavyForeground2);}\", \".f19gw0ux{background-color:var(--colorPaletteNavyBackground2);}\", \".fwctg0i{color:var(--colorPaletteLavenderForeground2);}\", \".ff379vm{background-color:var(--colorPaletteLavenderBackground2);}\", \".fjrsgpu{color:var(--colorPalettePurpleForeground2);}\", \".f1mzf1e1{background-color:var(--colorPalettePurpleBackground2);}\", \".f1fiiydq{color:var(--colorPaletteGrapeForeground2);}\", \".f1o4k8oy{background-color:var(--colorPaletteGrapeBackground2);}\", \".f1res9jt{color:var(--colorPaletteLilacForeground2);}\", \".f1x6mz1o{background-color:var(--colorPaletteLilacBackground2);}\", \".fv3fbbi{color:var(--colorPalettePinkForeground2);}\", \".fydlv6t{background-color:var(--colorPalettePinkBackground2);}\", \".f1f1fwnz{color:var(--colorPaletteMagentaForeground2);}\", \".f4xb6j5{background-color:var(--colorPaletteMagentaBackground2);}\", \".f8ptl6j{color:var(--colorPalettePlumForeground2);}\", \".fqo8e26{background-color:var(--colorPalettePlumBackground2);}\", \".f1ntv3ld{color:var(--colorPaletteBeigeForeground2);}\", \".f101elhj{background-color:var(--colorPaletteBeigeBackground2);}\", \".f1fscmp{color:var(--colorPaletteMinkForeground2);}\", \".f13g8o5c{background-color:var(--colorPaletteMinkBackground2);}\", \".f1dr00v2{color:var(--colorPalettePlatinumForeground2);}\", \".fkh7blw{background-color:var(--colorPalettePlatinumBackground2);}\", \".f1f3ti53{color:var(--colorPaletteAnchorForeground2);}\", \".fu4yj0j{background-color:var(--colorPaletteAnchorBackground2);}\"]\n});\nconst useRingColorStyles = /*#__PURE__*/__styles({\n neutral: {\n Bic5iru: \"f1uuiafn\"\n },\n brand: {\n Bic5iru: \"f1uuiafn\"\n },\n \"dark-red\": {\n Bic5iru: \"f1t2x9on\"\n },\n cranberry: {\n Bic5iru: \"f1pvshc9\"\n },\n red: {\n Bic5iru: \"f1ectbk9\"\n },\n pumpkin: {\n Bic5iru: \"fvzpl0b\"\n },\n peach: {\n Bic5iru: \"fwj2kd7\"\n },\n marigold: {\n Bic5iru: \"fr120vy\"\n },\n gold: {\n Bic5iru: \"f8xmmar\"\n },\n brass: {\n Bic5iru: \"f1hbety2\"\n },\n brown: {\n Bic5iru: \"f1vg3s4g\"\n },\n forest: {\n Bic5iru: \"f1m3olm5\"\n },\n seafoam: {\n Bic5iru: \"f17xiqtr\"\n },\n \"dark-green\": {\n Bic5iru: \"fx32vyh\"\n },\n \"light-teal\": {\n Bic5iru: \"f1mkihwv\"\n },\n teal: {\n Bic5iru: \"fecnooh\"\n },\n steel: {\n Bic5iru: \"f15hfgzm\"\n },\n blue: {\n Bic5iru: \"fqproka\"\n },\n \"royal-blue\": {\n Bic5iru: \"f17v2w59\"\n },\n cornflower: {\n Bic5iru: \"fp0q1mo\"\n },\n navy: {\n Bic5iru: \"f1nlym55\"\n },\n lavender: {\n Bic5iru: \"f62vk8h\"\n },\n purple: {\n Bic5iru: \"f15zl69q\"\n },\n grape: {\n Bic5iru: \"f53w4j7\"\n },\n lilac: {\n Bic5iru: \"fu2771t\"\n },\n pink: {\n Bic5iru: \"fzflscs\"\n },\n magenta: {\n Bic5iru: \"fb6rmqc\"\n },\n plum: {\n Bic5iru: \"f1a4gm5b\"\n },\n beige: {\n Bic5iru: \"f1qpf9z1\"\n },\n mink: {\n Bic5iru: \"f1l7or83\"\n },\n platinum: {\n Bic5iru: \"fzrj0iu\"\n },\n anchor: {\n Bic5iru: \"f8oz6wf\"\n }\n}, {\n d: [\".f1uuiafn::before{color:var(--colorBrandStroke1);}\", \".f1t2x9on::before{color:var(--colorPaletteDarkRedBorderActive);}\", \".f1pvshc9::before{color:var(--colorPaletteCranberryBorderActive);}\", \".f1ectbk9::before{color:var(--colorPaletteRedBorderActive);}\", \".fvzpl0b::before{color:var(--colorPalettePumpkinBorderActive);}\", \".fwj2kd7::before{color:var(--colorPalettePeachBorderActive);}\", \".fr120vy::before{color:var(--colorPaletteMarigoldBorderActive);}\", \".f8xmmar::before{color:var(--colorPaletteGoldBorderActive);}\", \".f1hbety2::before{color:var(--colorPaletteBrassBorderActive);}\", \".f1vg3s4g::before{color:var(--colorPaletteBrownBorderActive);}\", \".f1m3olm5::before{color:var(--colorPaletteForestBorderActive);}\", \".f17xiqtr::before{color:var(--colorPaletteSeafoamBorderActive);}\", \".fx32vyh::before{color:var(--colorPaletteDarkGreenBorderActive);}\", \".f1mkihwv::before{color:var(--colorPaletteLightTealBorderActive);}\", \".fecnooh::before{color:var(--colorPaletteTealBorderActive);}\", \".f15hfgzm::before{color:var(--colorPaletteSteelBorderActive);}\", \".fqproka::before{color:var(--colorPaletteBlueBorderActive);}\", \".f17v2w59::before{color:var(--colorPaletteRoyalBlueBorderActive);}\", \".fp0q1mo::before{color:var(--colorPaletteCornflowerBorderActive);}\", \".f1nlym55::before{color:var(--colorPaletteNavyBorderActive);}\", \".f62vk8h::before{color:var(--colorPaletteLavenderBorderActive);}\", \".f15zl69q::before{color:var(--colorPalettePurpleBorderActive);}\", \".f53w4j7::before{color:var(--colorPaletteGrapeBorderActive);}\", \".fu2771t::before{color:var(--colorPaletteLilacBorderActive);}\", \".fzflscs::before{color:var(--colorPalettePinkBorderActive);}\", \".fb6rmqc::before{color:var(--colorPaletteMagentaBorderActive);}\", \".f1a4gm5b::before{color:var(--colorPalettePlumBorderActive);}\", \".f1qpf9z1::before{color:var(--colorPaletteBeigeBorderActive);}\", \".f1l7or83::before{color:var(--colorPaletteMinkBorderActive);}\", \".fzrj0iu::before{color:var(--colorPalettePlatinumBorderActive);}\", \".f8oz6wf::before{color:var(--colorPaletteAnchorBorderActive);}\"]\n});\nexport const useAvatarStyles_unstable = state => {\n const {\n size,\n shape,\n active,\n activeAppearance,\n color\n } = state;\n const rootClassName = useRootClassName();\n const imageClassName = useImageClassName();\n const iconInitialsClassName = useIconInitialsClassName();\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n const colorStyles = useColorStyles();\n const ringColorStyles = useRingColorStyles();\n const rootClasses = [rootClassName, size !== 32 && sizeStyles[size]];\n if (state.badge) {\n rootClasses.push(styles.badgeAlign, styles[state.badge.size || 'medium']);\n }\n if (size <= 24) {\n rootClasses.push(styles.textCaption2Strong);\n } else if (size <= 28) {\n rootClasses.push(styles.textCaption1Strong);\n } else if (size <= 40) {\n // Default text size included in useRootClassName\n } else if (size <= 56) {\n rootClasses.push(styles.textSubtitle2);\n } else if (size <= 96) {\n rootClasses.push(styles.textSubtitle1);\n } else {\n rootClasses.push(styles.textTitle3);\n }\n if (shape === 'square') {\n if (size <= 24) {\n rootClasses.push(styles.squareSmall);\n } else if (size <= 48) {\n rootClasses.push(styles.squareMedium);\n } else if (size <= 72) {\n rootClasses.push(styles.squareLarge);\n } else {\n rootClasses.push(styles.squareXLarge);\n }\n }\n if (active === 'active' || active === 'inactive') {\n rootClasses.push(styles.activeOrInactive);\n if (activeAppearance === 'ring' || activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.ring, ringColorStyles[color]);\n if (state.badge) {\n rootClasses.push(styles.ringBadgeCutout);\n }\n if (size <= 48) {\n rootClasses.push(styles.ringThick);\n } else if (size <= 64) {\n rootClasses.push(styles.ringThicker);\n } else {\n rootClasses.push(styles.ringThickest);\n }\n }\n if (activeAppearance === 'shadow' || activeAppearance === 'ring-shadow') {\n rootClasses.push(styles.shadow);\n if (size <= 28) {\n rootClasses.push(styles.shadow4);\n } else if (size <= 48) {\n rootClasses.push(styles.shadow8);\n } else if (size <= 64) {\n rootClasses.push(styles.shadow16);\n } else {\n rootClasses.push(styles.shadow28);\n }\n }\n // Note: The inactive style overrides some of the activeAppearance styles and must be applied after them\n if (active === 'inactive') {\n rootClasses.push(styles.inactive);\n }\n }\n state.root.className = mergeClasses(avatarClassNames.root, ...rootClasses, state.root.className);\n if (state.badge) {\n state.badge.className = mergeClasses(avatarClassNames.badge, styles.badge, state.badge.className);\n }\n if (state.image) {\n state.image.className = mergeClasses(avatarClassNames.image, imageClassName, colorStyles[color], state.badge && styles.badgeCutout, state.image.className);\n }\n if (state.initials) {\n state.initials.className = mergeClasses(avatarClassNames.initials, iconInitialsClassName, colorStyles[color], state.badge && styles.badgeCutout, state.initials.className);\n }\n if (state.icon) {\n let iconSizeClass;\n if (size <= 16) {\n iconSizeClass = styles.icon12;\n } else if (size <= 24) {\n iconSizeClass = styles.icon16;\n } else if (size <= 40) {\n iconSizeClass = styles.icon20;\n } else if (size <= 48) {\n iconSizeClass = styles.icon24;\n } else if (size <= 56) {\n iconSizeClass = styles.icon28;\n } else if (size <= 72) {\n iconSizeClass = styles.icon32;\n } else {\n iconSizeClass = styles.icon48;\n }\n state.icon.className = mergeClasses(avatarClassNames.icon, iconInitialsClassName, iconSizeClass, colorStyles[color], state.badge && styles.badgeCutout, state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useAvatarStyles.styles.js.map"],"names":["avatarClassNames","useSizeStyles","useAvatarStyles_unstable","root","image","initials","icon","badge","vars","badgeRadius","badgeGap","badgeAlign","ringWidth","useRootClassName","__resetStyles","useImageClassName","useIconInitialsClassName","badgeMask","margin","centerOffset","innerRadius","outerRadius","useStyles","__styles","textCaption2Strong","Be2twd7","textCaption1Strong","textSubtitle2","textSubtitle1","textTitle3","squareSmall","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","squareMedium","squareLarge","squareXLarge","activeOrInactive","Bz10aip","Bmy1vo4","B3o57yi","Bkqvd7p","Hwfdqs","ring","Ftih45","ringBadgeCutout","f4a502","ringThick","of393c","ringThicker","ringThickest","shadow","Bsft5z2","shadow4","Be6vj1x","shadow8","shadow16","shadow28","inactive","abs64n","Bucmhp4","b2tv09","Bfgortx","Bnvr3x9","b6ubon","Bqinb2h","qhf8xq","B5kzvoi","j35jbq","badgeCutout","btxmck","Dnlfbu","tiny","Bdjeniz","niu6jh","small","medium","large","icon12","icon16","icon20","icon24","icon28","icon32","icon48","d","m","a9b677","Bqenvij","useColorStyles","neutral","sj55zd","De3pzq","brand","cranberry","red","pumpkin","peach","marigold","gold","brass","brown","forest","seafoam","teal","steel","blue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor","useRingColorStyles","Bic5iru","state","size","shape","active","activeAppearance","color","rootClassName","imageClassName","iconInitialsClassName","styles","sizeStyles","colorStyles","ringColorStyles","rootClasses","push","className","mergeClasses","iconSizeClass"],"mappings":"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"}

package/lib-commonjs/components/AvatarGroup/AvatarGroup.js CHANGED Viewed

@@ -12,13 +12,12 @@ const _renderAvatarGroup = require("./renderAvatarGroup");
 const _useAvatarGroup = require("./useAvatarGroup");
 const _useAvatarGroupContextValues = require("./useAvatarGroupContextValues");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
-const _useAvatarGroupStyles = require("./useAvatarGroupStyles");
+const _useAvatarGroupStylesStyles = require("./useAvatarGroupStyles.styles");
 const AvatarGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useAvatarGroup.useAvatarGroup_unstable)(props, ref);
     const contextValues = (0, _useAvatarGroupContextValues.useAvatarGroupContextValues)(state);
-    (0, _useAvatarGroupStyles.useAvatarGroupStyles_unstable)(state);
-    const { useAvatarGroupStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useAvatarGroupStylesStyles.useAvatarGroupStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useAvatarGroupStyles_unstable')(state);
     return (0, _renderAvatarGroup.renderAvatarGroup_unstable)(state, contextValues);
 });
 AvatarGroup.displayName = 'AvatarGroup'; //# sourceMappingURL=AvatarGroup.js.map

package/lib-commonjs/components/AvatarGroup/AvatarGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/AvatarGroup/AvatarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroup_unstable } from './renderAvatarGroup';\nimport { useAvatarGroup_unstable } from './useAvatarGroup';\nimport { useAvatarGroupContextValues } from './useAvatarGroupContextValues';\nimport { ~~useCustomStyleHooks_unstable~~ } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupStyles_unstable } from './useAvatarGroupStyles';\n/*\n The AvatarGroup component represents a group of multiple people or entities by taking care of the arrangement\n * of individual Avatars in a spread, stack, or pie layout.\n /\nexport const AvatarGroup = /#__PURE__*/React.forwardRef((props, ref) => {\n const state = useAvatarGroup_unstable(props, ref);\n const contextValues = useAvatarGroupContextValues(state);\n useAvatarGroupStyles_unstable(state);\n ~~const {\n~~ useAvatarGroupStyles_unstable~~: useCustomStyles\n } = useCustomStyleHooks_unstable(~~)~~;\n useCustomStyles~~(state);\n return renderAvatarGroup_unstable(state, contextValues);\n});\nAvatarGroup.displayName = 'AvatarGroup';\n//# sourceMappingURL=AvatarGroup.js.map"],"names":["AvatarGroup","React","forwardRef","props","ref","state","useAvatarGroup_unstable","contextValues","useAvatarGroupContextValues","useAvatarGroupStyles_unstable","~~useCustomStyles~~","~~useCustomStyleHooks_unstable","~~renderAvatarGroup_unstable","displayName"],"mappings":";;;;+BAUaA;;aAAAA;;;6DAVU;mCACoB;gCACH;6CACI;~~qCACC~~;~~sCACC~~;AAKvC,MAAMA,cAAc,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7C,MAAMG,gBAAgBC,IAAAA,wDAA2B,EAACH;IAClDI,IAAAA,~~mDAA6B~~,EAACJ;~~IAC9B~~,~~MAAM~~,~~EACJI,+BAA+BC~~,~~gBAAe~~,~~EAC/C,GAAGC,IAAAA,iDAA4B~~;~~IAChCD~~,~~gBAAgBL;IAChB~~,~~OAAOO,~~IAAAA,6CAA0B,~~EAACP~~,OAAOE;AAC3C;AACAP,~~YAAYa~~,WAAW,GAAG,eAC1B,uCAAuC"}
1	+ {"version":3,"sources":["../../../lib/components/AvatarGroup/AvatarGroup.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroup_unstable } from './renderAvatarGroup';\nimport { useAvatarGroup_unstable } from './useAvatarGroup';\nimport { useAvatarGroupContextValues } from './useAvatarGroupContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupStyles_unstable } from './useAvatarGroupStyles.styles';\n/*\n The AvatarGroup component represents a group of multiple people or entities by taking care of the arrangement\n * of individual Avatars in a spread, stack, or pie layout.\n /\nexport const AvatarGroup = /#__PURE__*/React.forwardRef((props, ref) => {\n const state = useAvatarGroup_unstable(props, ref);\n const contextValues = useAvatarGroupContextValues(state);\n useAvatarGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useAvatarGroupStyles_unstable')(state);\n return renderAvatarGroup_unstable(state, contextValues);\n});\nAvatarGroup.displayName = 'AvatarGroup';\n//# sourceMappingURL=AvatarGroup.js.map"],"names":["AvatarGroup","React","forwardRef","props","ref","state","useAvatarGroup_unstable","contextValues","useAvatarGroupContextValues","useAvatarGroupStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroup_unstable","displayName"],"mappings":";;;;+BAUaA;;aAAAA;;;6DAVU;mCACoB;gCACH;6CACI;qCACA;4CACE;AAKvC,MAAMA,cAAc,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7C,MAAMG,gBAAgBC,IAAAA,wDAA2B,EAACH;IAClDI,IAAAA,yDAA6B,EAACJ;IAC9BK,IAAAA,gDAA2B,EAAC,iCAAiCL;IAC7D,OAAOM,IAAAA,6CAA0B,EAACN,OAAOE;AAC3C;AACAP,YAAYY,WAAW,GAAG,eAC1B,uCAAuC"}

package/lib-commonjs/components/AvatarGroup/index.js CHANGED Viewed

@@ -7,7 +7,7 @@ _exportStar(require("./AvatarGroup"), exports);
 _exportStar(require("./AvatarGroup.types"), exports);
 _exportStar(require("./renderAvatarGroup"), exports);
 _exportStar(require("./useAvatarGroup"), exports);
-_exportStar(require("./useAvatarGroupStyles"), exports);
+_exportStar(require("./useAvatarGroupStyles.styles"), exports);
 _exportStar(require("./useAvatarGroupContextValues"), exports);
  //# sourceMappingURL=index.js.map

package/lib-commonjs/components/AvatarGroup/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/AvatarGroup/index.js"],"sourcesContent":["export * from './AvatarGroup';\nexport * from './AvatarGroup.types';\nexport * from './renderAvatarGroup';\nexport * from './useAvatarGroup';\nexport * from './useAvatarGroupStyles';\nexport * from './useAvatarGroupContextValues';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1	+ {"version":3,"sources":["../../../lib/components/AvatarGroup/index.js"],"sourcesContent":["export * from './AvatarGroup';\nexport * from './AvatarGroup.types';\nexport * from './renderAvatarGroup';\nexport * from './useAvatarGroup';\nexport * from './useAvatarGroupStyles.styles';\nexport * from './useAvatarGroupContextValues';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";
+/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
@@ -6,15 +6,14 @@ Object.defineProperty(exports, "renderAvatarGroup_unstable", {
     enumerable: true,
     get: ()=>renderAvatarGroup_unstable
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const _avatarGroupContext = require("../../contexts/AvatarGroupContext");
 const renderAvatarGroup_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(_avatarGroupContext.AvatarGroupProvider, {
+    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_avatarGroupContext.AvatarGroupProvider, {
         value: contextValues.avatarGroup
-    }, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root));
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root));
 }; //# sourceMappingURL=renderAvatarGroup.js.map
 //# sourceMappingURL=renderAvatarGroup.js.map

package/lib-commonjs/components/AvatarGroup/renderAvatarGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/AvatarGroup/renderAvatarGroup.js"],"sourcesContent":["import * as ~~React~~ from 'react';\nimport { ~~getSlots~~ } from '@fluentui/react-utilities';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\n/*\n Render the final JSX of AvatarGroup\n /\nexport const renderAvatarGroup_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = ~~getSlots~~(state);\n return /#__PURE__/~~React.~~createElement(AvatarGroupProvider, {\n value: contextValues.avatarGroup\n }, /#__PURE__*/~~React.~~createElement(slots.root, slotProps.root));\n};\n//# sourceMappingURL=renderAvatarGroup.js.map"],"names":["renderAvatarGroup_unstable","state","contextValues","slots","slotProps","~~getSlots~~","~~React","~~createElement","AvatarGroupProvider","value","avatarGroup","root"],"mappings":";;;;+~~BAMaA~~;;aAAAA~~;;;6DANU~~;~~gCACE~~;~~oCACW~~;AAI7B,MAAMA,6BAA6B,CAACC,OAAOC,gBAAkB;IAClE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,~~wBAAQ~~,EAACJ;~~IACb~~,OAAO,WAAW,GAAEK,~~OAAMC~~,~~aAAa~~,~~CAACC~~,uCAAmB,EAAE;~~QAC3DC~~,~~OAAOP~~,~~cAAcQ~~,WAAW;IAClC,GAAG,WAAW,~~GAAEJ~~,~~OAAMC~~,~~aAAa~~,~~CAACJ~~,~~MAAMQ~~,IAAI,~~EAAEP~~,~~UAAUO~~,IAAI;~~AAChE~~,GACA,6CAA6C"}
1	+ {"version":3,"sources":["../../../lib/components/AvatarGroup/renderAvatarGroup.js"],"sourcesContent":["/** @jsxRuntime classic / /* @jsx createElement /import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\n/\n Render the final JSX of AvatarGroup\n /\nexport const renderAvatarGroup_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /#__PURE__/createElement(AvatarGroupProvider, {\n value: contextValues.avatarGroup\n }, /#__PURE__*/createElement(slots.root, slotProps.root));\n};\n//# sourceMappingURL=renderAvatarGroup.js.map"],"names":["renderAvatarGroup_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","AvatarGroupProvider","value","avatarGroup","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMrCA;;aAAAA;;iCANqE;gCACrD;oCACO;AAI7B,MAAMA,6BAA6B,CAACC,OAAOC,gBAAkB;IAClE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACJ;IACjB,OAAO,WAAW,GAAEK,IAAAA,8BAAa,EAACC,uCAAmB,EAAE;QACrDC,OAAON,cAAcO,WAAW;IAClC,GAAG,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AAC1D,GACA,6CAA6C"}

package/lib-commonjs/components/AvatarGroup/{useAvatarGroupStyles.js → useAvatarGroupStyles.styles.js} RENAMED Viewed

@@ -13,7 +13,7 @@ _export(exports, {
     useAvatarGroupStyles_unstable: ()=>useAvatarGroupStyles_unstable
 });
 const _react = require("@griffel/react");
-const _useAvatarStyles = require("../Avatar/useAvatarStyles");
+const _useAvatarStylesStyles = require("../Avatar/useAvatarStyles.styles");
 const avatarGroupClassNames = {
     root: 'fui-AvatarGroup'
 };
@@ -48,9 +48,9 @@ const avatarGroupClassNames = {
 const useAvatarGroupStyles_unstable = (state)=>{
     const { layout , size  } = state;
     const styles = useStyles();
-    const sizeStyles = (0, _useAvatarStyles.useSizeStyles)();
+    const sizeStyles = (0, _useAvatarStylesStyles.useSizeStyles)();
     state.root.className = (0, _react.mergeClasses)(avatarGroupClassNames.root, styles.base, layout === 'pie' && sizeStyles[size], layout === 'pie' && styles.pie, state.root.className);
     return state;
-}; //# sourceMappingURL=useAvatarGroupStyles.js.map
+}; //# sourceMappingURL=useAvatarGroupStyles.styles.js.map
-//# sourceMappingURL=useAvatarGroupStyles.js.map
+//# sourceMappingURL=useAvatarGroupStyles.styles.js.map

package/lib-commonjs/components/AvatarGroup/useAvatarGroupStyles.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../lib/components/AvatarGroup/useAvatarGroupStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../Avatar/useAvatarStyles.styles';\nexport const avatarGroupClassNames = {\n root: 'fui-AvatarGroup'\n};\n/**\n * Styles for the root slot.\n */\nconst useStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n qhf8xq: \"f10pi13n\"\n },\n pie: {\n Bgl5zvf: \"f1uz6ud1\",\n De3pzq: \"f1ganh6p\",\n Bsw6fvg: \"fe2ae1k\"\n }\n}, {\n d: [\".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f10pi13n{position:relative;}\", \".f1uz6ud1{-webkit-clip-path:circle(50%);clip-path:circle(50%);}\", \".f1ganh6p{background-color:var(--colorTransparentStroke);}\"],\n m: [[\"@media (forced-colors: active){.fe2ae1k{background-color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Apply styling to the AvatarGroup slots based on the state\n */\nexport const useAvatarGroupStyles_unstable = state => {\n const {\n layout,\n size\n } = state;\n const styles = useStyles();\n const sizeStyles = useSizeStyles();\n state.root.className = mergeClasses(avatarGroupClassNames.root, styles.base, layout === 'pie' && sizeStyles[size], layout === 'pie' && styles.pie, state.root.className);\n return state;\n};\n//# sourceMappingURL=useAvatarGroupStyles.styles.js.map"],"names":["avatarGroupClassNames","useAvatarGroupStyles_unstable","root","useStyles","__styles","base","mc9l5x","qhf8xq","pie","Bgl5zvf","De3pzq","Bsw6fvg","d","m","state","layout","size","styles","sizeStyles","useSizeStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,qBAAqB,MAArBA;IAyBAC,6BAA6B,MAA7BA;;uBA5B0B;uCAET;AACvB,MAAMD,wBAAwB;IACnCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;IACV;IACAC,KAAK;QACHC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAoH;QAAiC;QAAmE;KAA6D;IACzRC,GAAG;QAAC;YAAC;YAA0E;gBAC7EA,GAAG;YACL;SAAE;KAAC;AACL;AAIO,MAAMZ,gCAAgCa,CAAAA,QAAS;IACpD,MAAM,EACJC,OAAM,EACNC,KAAI,EACL,GAAGF;IACJ,MAAMG,SAASd;IACf,MAAMe,aAAaC,IAAAA,oCAAa;IAChCL,MAAMZ,IAAI,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACrB,sBAAsBE,IAAI,EAAEe,OAAOZ,IAAI,EAAEU,WAAW,SAASG,UAAU,CAACF,KAAK,EAAED,WAAW,SAASE,OAAOT,GAAG,EAAEM,MAAMZ,IAAI,CAACkB,SAAS;IACvK,OAAON;AACT,GACA,uDAAuD"}

package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.js CHANGED Viewed

@@ -11,12 +11,11 @@ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _renderAvatarGroupItem = require("./renderAvatarGroupItem");
 const _useAvatarGroupItem = require("./useAvatarGroupItem");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
-const _useAvatarGroupItemStyles = require("./useAvatarGroupItemStyles");
+const _useAvatarGroupItemStylesStyles = require("./useAvatarGroupItemStyles.styles");
 const AvatarGroupItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useAvatarGroupItem.useAvatarGroupItem_unstable)(props, ref);
-    (0, _useAvatarGroupItemStyles.useAvatarGroupItemStyles_unstable)(state);
-    const { useAvatarGroupItemStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useAvatarGroupItemStylesStyles.useAvatarGroupItemStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useAvatarGroupItemStyles_unstable')(state);
     return (0, _renderAvatarGroupItem.renderAvatarGroupItem_unstable)(state);
 });
 AvatarGroupItem.displayName = 'AvatarGroupItem'; //# sourceMappingURL=AvatarGroupItem.js.map

package/lib-commonjs/components/AvatarGroupItem/AvatarGroupItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/AvatarGroupItem/AvatarGroupItem.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupItem_unstable } from './renderAvatarGroupItem';\nimport { useAvatarGroupItem_unstable } from './useAvatarGroupItem';\nimport { ~~useCustomStyleHooks_unstable~~ } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupItemStyles_unstable } from './useAvatarGroupItemStyles';\n/*\n The AvatarGroupItem component represents a single person or entity.\n * AvatarGroupItem should only be used in an AvatarGroup component.\n /\nexport const AvatarGroupItem = /#__PURE__*/React.forwardRef((props, ref) => {\n const state = useAvatarGroupItem_unstable(props, ref);\n useAvatarGroupItemStyles_unstable(state);\n ~~const {\n~~ useAvatarGroupItemStyles_unstable~~: useCustomStyles\n } = useCustomStyleHooks_unstable(~~)~~;\n useCustomStyles~~(state);\n return renderAvatarGroupItem_unstable(state);\n});\nAvatarGroupItem.displayName = 'AvatarGroupItem';\n//# sourceMappingURL=AvatarGroupItem.js.map"],"names":["AvatarGroupItem","React","forwardRef","props","ref","state","useAvatarGroupItem_unstable","useAvatarGroupItemStyles_unstable","~~useCustomStyles~~","~~useCustomStyleHooks_unstable","~~renderAvatarGroupItem_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;uCACwB;oCACH;~~qCACC~~;~~0CACK~~;AAK3C,MAAMA,kBAAkB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3E,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,~~2DAAiC~~,EAACF;~~IAClC~~,~~MAAM~~,~~EACJE~~,~~mCAAmCC~~,~~gBAAe,EACnD,GAAGC,IAAAA,iDAA4B~~;~~IAChCD~~,~~gBAAgBH;IAChB~~,~~OAAOK,~~IAAAA,qDAA8B,~~EAACL~~;AACxC;AACAL,~~gBAAgBW~~,WAAW,GAAG,mBAC9B,2CAA2C"}
1	+ {"version":3,"sources":["../../../lib/components/AvatarGroupItem/AvatarGroupItem.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupItem_unstable } from './renderAvatarGroupItem';\nimport { useAvatarGroupItem_unstable } from './useAvatarGroupItem';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupItemStyles_unstable } from './useAvatarGroupItemStyles.styles';\n/*\n The AvatarGroupItem component represents a single person or entity.\n * AvatarGroupItem should only be used in an AvatarGroup component.\n /\nexport const AvatarGroupItem = /#__PURE__*/React.forwardRef((props, ref) => {\n const state = useAvatarGroupItem_unstable(props, ref);\n useAvatarGroupItemStyles_unstable(state);\n useCustomStyleHook_unstable('useAvatarGroupItemStyles_unstable')(state);\n return renderAvatarGroupItem_unstable(state);\n});\nAvatarGroupItem.displayName = 'AvatarGroupItem';\n//# sourceMappingURL=AvatarGroupItem.js.map"],"names":["AvatarGroupItem","React","forwardRef","props","ref","state","useAvatarGroupItem_unstable","useAvatarGroupItemStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroupItem_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;uCACwB;oCACH;qCACA;gDACM;AAK3C,MAAMA,kBAAkB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3E,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,iEAAiC,EAACF;IAClCG,IAAAA,gDAA2B,EAAC,qCAAqCH;IACjE,OAAOI,IAAAA,qDAA8B,EAACJ;AACxC;AACAL,gBAAgBU,WAAW,GAAG,mBAC9B,2CAA2C"}

package/lib-commonjs/components/AvatarGroupItem/index.js CHANGED Viewed

@@ -7,7 +7,7 @@ _exportStar(require("./AvatarGroupItem"), exports);
 _exportStar(require("./AvatarGroupItem.types"), exports);
 _exportStar(require("./renderAvatarGroupItem"), exports);
 _exportStar(require("./useAvatarGroupItem"), exports);
-_exportStar(require("./useAvatarGroupItemStyles"), exports);
+_exportStar(require("./useAvatarGroupItemStyles.styles"), exports);
  //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/AvatarGroupItem/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/AvatarGroupItem/index.js"],"sourcesContent":["export * from './AvatarGroupItem';\nexport * from './AvatarGroupItem.types';\nexport * from './renderAvatarGroupItem';\nexport * from './useAvatarGroupItem';\nexport * from './useAvatarGroupItemStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1	+ {"version":3,"sources":["../../../lib/components/AvatarGroupItem/index.js"],"sourcesContent":["export * from './AvatarGroupItem';\nexport * from './AvatarGroupItem.types';\nexport * from './renderAvatarGroupItem';\nexport * from './useAvatarGroupItem';\nexport * from './useAvatarGroupItemStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";
+/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
@@ -6,12 +6,11 @@ Object.defineProperty(exports, "renderAvatarGroupItem_unstable", {
     enumerable: true,
     get: ()=>renderAvatarGroupItem_unstable
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderAvatarGroupItem_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(slots.avatar, slotProps.avatar), state.isOverflowItem && /*#__PURE__*/ _react.createElement(slots.overflowLabel, slotProps.overflowLabel));
+    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.avatar, slotProps.avatar), state.isOverflowItem && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.overflowLabel, slotProps.overflowLabel));
 }; //# sourceMappingURL=renderAvatarGroupItem.js.map
 //# sourceMappingURL=renderAvatarGroupItem.js.map

package/lib-commonjs/components/AvatarGroupItem/renderAvatarGroupItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/AvatarGroupItem/renderAvatarGroupItem.js"],"sourcesContent":["import * as ~~React~~ from 'react';\nimport { ~~getSlots~~ } from '@fluentui/react-utilities';\n/*\n Render the final JSX of AvatarGroupItem\n /\nexport const renderAvatarGroupItem_unstable = state => {\n const {\n slots,\n slotProps\n } = ~~getSlots~~(state);\n return /#__PURE__/~~React.~~createElement(slots.root, slotProps.root, /#__PURE__/~~React.~~createElement(slots.avatar, slotProps.avatar), state.isOverflowItem && /#__PURE__*/~~React.~~createElement(slots.overflowLabel, slotProps.overflowLabel));\n};\n//# sourceMappingURL=renderAvatarGroupItem.js.map"],"names":["renderAvatarGroupItem_unstable","state","slots","slotProps","~~getSlots~~","~~React","~~createElement","root","avatar","isOverflowItem","overflowLabel"],"mappings":";;;;+~~BAKaA~~;;aAAAA~~;;;6DALU~~;~~gCACE~~;~~AAIlB~~,MAAMA,iCAAiCC,CAAAA,QAAS;IACrD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,~~wBAAQ~~,EAACH;~~IACb~~,OAAO,WAAW,GAAEI,~~OAAMC~~,~~aAAa~~,~~CAACJ~~,~~MAAMK~~,IAAI,~~EAAEJ~~,~~UAAUI~~,IAAI,EAAE,WAAW,~~GAAEF~~,~~OAAMC~~,~~aAAa~~,~~CAACJ~~,~~MAAMM~~,MAAM,~~EAAEL~~,~~UAAUK~~,MAAM,~~GAAGP~~,~~MAAMQ~~,cAAc,IAAI,WAAW,~~GAAEJ~~,~~OAAMC~~,~~aAAa~~,~~CAACJ~~,~~MAAMQ~~,aAAa,~~EAAEP~~,~~UAAUO~~,aAAa;~~AAC7O~~,GACA,iDAAiD"}
1	+ {"version":3,"sources":["../../../lib/components/AvatarGroupItem/renderAvatarGroupItem.js"],"sourcesContent":["/** @jsxRuntime classic / /* @jsx createElement /import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/\n Render the final JSX of AvatarGroupItem\n /\nexport const renderAvatarGroupItem_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /#__PURE__/createElement(slots.root, slotProps.root, /#__PURE__/createElement(slots.avatar, slotProps.avatar), state.isOverflowItem && /#__PURE__*/createElement(slots.overflowLabel, slotProps.overflowLabel));\n};\n//# sourceMappingURL=renderAvatarGroupItem.js.map"],"names":["renderAvatarGroupItem_unstable","state","slots","slotProps","getSlotsNext","createElement","root","avatar","isOverflowItem","overflowLabel"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,iCAAiCC,CAAAA,QAAS;IACrD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAED,IAAAA,8BAAa,EAACH,MAAMK,MAAM,EAAEJ,UAAUI,MAAM,GAAGN,MAAMO,cAAc,IAAI,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMO,aAAa,EAAEN,UAAUM,aAAa;AAC3N,GACA,iDAAiD"}

package/lib-commonjs/components/AvatarGroupItem/{useAvatarGroupItemStyles.js → useAvatarGroupItemStyles.styles.js} RENAMED Viewed

@@ -407,6 +407,6 @@ const useGroupChildClassName = (layout, size)=>{
         }
     }
     return (0, _react.mergeClasses)(...layoutClasses);
-}; //# sourceMappingURL=useAvatarGroupItemStyles.js.map
+}; //# sourceMappingURL=useAvatarGroupItemStyles.styles.js.map
-//# sourceMappingURL=useAvatarGroupItemStyles.js.map
+//# sourceMappingURL=useAvatarGroupItemStyles.styles.js.map

package/lib-commonjs/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../lib/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useSizeStyles } from '../../Avatar';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nexport const avatarGroupItemClassNames = {\n root: 'fui-AvatarGroupItem',\n avatar: 'fui-AvatarGroupItem__avatar',\n overflowLabel: 'fui-AvatarGroupItem__overflowLabel'\n};\nconst avatarGroupItemDividerWidthVar = '--fuiAvatarGroupItem__divider--width';\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n mc9l5x: \"ftuwxu6\",\n Bnnss6s: \"fi64zpg\",\n qhf8xq: \"f10pi13n\"\n },\n overflowItem: {\n z8tnut: \"f1ywm7hm\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f14wxoun\",\n uwmqm3: [\"fruq291\", \"f7x41pl\"]\n },\n nonOverflowItem: {\n Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"]\n }\n}, {\n d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".f10pi13n{position:relative;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\"]\n});\n/**\n * Styles for the avatar slot\n */\nconst useAvatarStyles = /*#__PURE__*/__styles({\n nonOverflowItem: {\n qhf8xq: \"f1euv43f\"\n },\n pie: {\n Bbmb7ep: [\"f1krrbdw\", \"f1deotkl\"],\n Beyfa6y: [\"f1deotkl\", \"f1krrbdw\"],\n B7oj6ja: [\"f10ostut\", \"f1ozlkrg\"],\n Btl43ni: [\"f1ozlkrg\", \"f10ostut\"]\n }\n}, {\n d: [\".f1euv43f{position:absolute;}\", \".f1krrbdw{border-bottom-right-radius:0;}\", \".f1deotkl{border-bottom-left-radius:0;}\", \".f10ostut{border-top-right-radius:0;}\", \".f1ozlkrg{border-top-left-radius:0;}\"]\n});\n/**\n * Styles for the label slot\n */\nconst useOverflowLabelStyles = /*#__PURE__*/__styles({\n base: {\n Frg6f3: [\"foyynoy\", \"f1vcna3q\"],\n sj55zd: \"f19n0e5\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".foyynoy{margin-left:var(--spacingHorizontalS);}\", \".f1vcna3q{margin-right:var(--spacingHorizontalS);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/**\n * Styles for the stack layout\n */\nconst useStackStyles = /*#__PURE__*/__styles({\n thick: {\n E5pizo: \"foiuzp5\"\n },\n thicker: {\n E5pizo: \"f1x6o7w7\"\n },\n thickest: {\n E5pizo: \"f2aml1u\"\n },\n xxs: {\n jhia2w: [\"f1cjco14\", \"f13dxjc9\"]\n },\n xs: {\n jhia2w: [\"f15p6bln\", \"f1bab3ru\"]\n },\n s: {\n jhia2w: [\"f1v53ncc\", \"f17pu8r8\"]\n },\n l: {\n jhia2w: [\"flv48ch\", \"fnh1ydj\"]\n }\n}, {\n d: [\".foiuzp5{box-shadow:0 0 0 var(--strokeWidthThick) var(--colorNeutralBackground2);}\", \".f1x6o7w7{box-shadow:0 0 0 var(--strokeWidthThicker) var(--colorNeutralBackground2);}\", \".f2aml1u{box-shadow:0 0 0 var(--strokeWidthThickest) var(--colorNeutralBackground2);}\", \".f1cjco14:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalXXS));}\", \".f13dxjc9:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalXXS));}\", \".f15p6bln:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalXS));}\", \".f1bab3ru:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalXS));}\", \".f1v53ncc:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalS));}\", \".f17pu8r8:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalS));}\", \".flv48ch:not(:first-child){margin-left:calc(-1 * var(--spacingHorizontalL));}\", \".fnh1ydj:not(:first-child){margin-right:calc(-1 * var(--spacingHorizontalL));}\"]\n});\n/**\n * Styles for the spread layout\n */\nconst useSpreadStyles = /*#__PURE__*/__styles({\n s: {\n jhia2w: [\"f7lhxv7\", \"f6ou2b0\"]\n },\n mNudge: {\n jhia2w: [\"f1h0okno\", \"fnnqava\"]\n },\n m: {\n jhia2w: [\"f1wkt588\", \"f1maio5g\"]\n },\n l: {\n jhia2w: [\"f1l333zn\", \"f1r41m4c\"]\n },\n xl: {\n jhia2w: [\"fahr13a\", \"f2n7rbo\"]\n }\n}, {\n d: [\".f7lhxv7:not(:first-child){margin-left:var(--spacingHorizontalS);}\", \".f6ou2b0:not(:first-child){margin-right:var(--spacingHorizontalS);}\", \".f1h0okno:not(:first-child){margin-left:var(--spacingHorizontalMNudge);}\", \".fnnqava:not(:first-child){margin-right:var(--spacingHorizontalMNudge);}\", \".f1wkt588:not(:first-child){margin-left:var(--spacingHorizontalM);}\", \".f1maio5g:not(:first-child){margin-right:var(--spacingHorizontalM);}\", \".f1l333zn:not(:first-child){margin-left:var(--spacingHorizontalL);}\", \".f1r41m4c:not(:first-child){margin-right:var(--spacingHorizontalL);}\", \".fahr13a:not(:first-child){margin-left:var(--spacingHorizontalXL);}\", \".f2n7rbo:not(:first-child){margin-right:var(--spacingHorizontalXL);}\"]\n});\n/**\n * Styles for the pie layout\n */\nconst usePieStyles = /*#__PURE__*/__styles({\n base: {\n qhf8xq: \"f1euv43f\"\n },\n slices: {\n B3gf25r: \"f16m7w7k\",\n Be2twx7: [\"f1o4hhgz\", \"fb4gjrz\"],\n Bvaow4n: \"f1pgb5nx\",\n Gpecfs: [\"fugirid\", \"f4sk99m\"],\n bhabj1: \"fjreaf3\",\n B7rc6i7: [\"f1k4vw81\", \"f1w1xcy7\"],\n Bwrfys5: \"f1ef8vxk\",\n Bwuzm9m: [\"f1x2qbfv\", \"f1xwf4nz\"],\n fflka: \"ff6xuso\",\n do7bja: \"fzpvk6c\",\n Be8zqhl: \"f4onu7f\",\n Bij0kh0: [\"f1ydfez1\", \"fjensob\"],\n Bwexnyt: \"f1yv732j\",\n Bhe5x6o: \"fchq2fj\",\n B3kv7bh: \"ff5binh\"\n },\n rtlSlices: {\n B3gf25r: \"f5vdl61\",\n Bvaow4n: \"f1bnra92\",\n bhabj1: \"f4ibo7t\",\n Bwrfys5: \"f17heuis\",\n Bwuzm9m: [\"f64f2ud\", \"f1yjglu3\"],\n Be8zqhl: \"fa6l61x\",\n Bij0kh0: [\"f1w2396a\", \"f14ab3yo\"]\n },\n thick: {\n uiicq7: \"fnyfzln\"\n },\n thicker: {\n uiicq7: \"f1xdzzot\"\n },\n thickest: {\n uiicq7: \"f1auhru5\"\n }\n}, {\n d: [\".f1euv43f{position:absolute;}\", \".f16m7w7k:nth-of-type(1):nth-last-of-type(2){-webkit-clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f1o4hhgz:nth-of-type(1):nth-last-of-type(2){left:-25%;}\", \".fb4gjrz:nth-of-type(1):nth-last-of-type(2){right:-25%;}\", \".f1pgb5nx:nth-of-type(2):nth-last-of-type(1){-webkit-clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".fugirid:nth-of-type(2):nth-last-of-type(1){left:25%;}\", \".f4sk99m:nth-of-type(2):nth-last-of-type(1){right:25%;}\", \".fjreaf3:nth-of-type(1):nth-last-of-type(3){-webkit-clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f1k4vw81:nth-of-type(1):nth-last-of-type(3){left:-25%;}\", \".f1w1xcy7:nth-of-type(1):nth-last-of-type(3){right:-25%;}\", \".f1ef8vxk:nth-of-type(2):nth-last-of-type(2){-webkit-clip-path:inset(0 0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width));clip-path:inset(0 0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width));}\", \".f1x2qbfv:nth-of-type(2):nth-last-of-type(2){left:50%;}\", \".f1xwf4nz:nth-of-type(2):nth-last-of-type(2){right:50%;}\", \".ff6xuso:nth-of-type(2):nth-last-of-type(2){-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);}\", \".fzpvk6c:nth-of-type(2):nth-last-of-type(2){transform-origin:0 0;}\", \".f4onu7f:nth-of-type(3):nth-last-of-type(1){-webkit-clip-path:inset(var(--fuiAvatarGroupItem__divider--width) 0 0 var(--fuiAvatarGroupItem__divider--width));clip-path:inset(var(--fuiAvatarGroupItem__divider--width) 0 0 var(--fuiAvatarGroupItem__divider--width));}\", \".f1ydfez1:nth-of-type(3):nth-last-of-type(1){left:50%;}\", \".fjensob:nth-of-type(3):nth-last-of-type(1){right:50%;}\", \".f1yv732j:nth-of-type(3):nth-last-of-type(1){top:50%;}\", \".fchq2fj:nth-of-type(3):nth-last-of-type(1){-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);}\", \".ff5binh:nth-of-type(3):nth-last-of-type(1){transform-origin:0 0;}\", \".f5vdl61:nth-of-type(1):nth-last-of-type(2){-webkit-clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".f1bnra92:nth-of-type(2):nth-last-of-type(1){-webkit-clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);clip-path:inset(0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)) 0 25%);}\", \".f4ibo7t:nth-of-type(1):nth-last-of-type(3){-webkit-clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));clip-path:inset(0 25% 0 calc(25% + (var(--fuiAvatarGroupItem__divider--width) / 2)));}\", \".f17heuis:nth-of-type(2):nth-last-of-type(2){-webkit-clip-path:inset(0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0);clip-path:inset(0 var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0);}\", \".f64f2ud:nth-of-type(2):nth-last-of-type(2){left:0;}\", \".f1yjglu3:nth-of-type(2):nth-last-of-type(2){right:0;}\", \".fa6l61x:nth-of-type(3):nth-last-of-type(1){-webkit-clip-path:inset(var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0 0);clip-path:inset(var(--fuiAvatarGroupItem__divider--width) var(--fuiAvatarGroupItem__divider--width) 0 0);}\", \".f1w2396a:nth-of-type(3):nth-last-of-type(1){left:0;}\", \".f14ab3yo:nth-of-type(3):nth-last-of-type(1){right:0;}\", \".fnyfzln{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThick);}\", \".f1xdzzot{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThicker);}\", \".f1auhru5{--fuiAvatarGroupItem__divider--width:var(--strokeWidthThickest);}\"]\n});\n/**\n * Apply styling to the AvatarGroupItem slots based on the state\n */\nexport const useAvatarGroupItemStyles_unstable = state => {\n const {\n isOverflowItem,\n layout,\n size\n } = state;\n const {\n dir\n } = useFluent();\n const avatarStyles = useAvatarStyles();\n const overflowLabelStyles = useOverflowLabelStyles();\n const pieStyles = usePieStyles();\n const rootStyles = useRootStyles();\n const sizeStyles = useSizeStyles();\n const groupChildClassName = useGroupChildClassName(layout, size);\n const rootClasses = [rootStyles.base];\n if (!isOverflowItem) {\n rootClasses.push(rootStyles.nonOverflowItem);\n rootClasses.push(groupChildClassName);\n rootClasses.push(sizeStyles[size]);\n if (layout === 'pie') {\n rootClasses.push(pieStyles.base);\n if (size < 56) {\n rootClasses.push(pieStyles.thick);\n } else if (size < 72) {\n rootClasses.push(pieStyles.thicker);\n } else {\n rootClasses.push(pieStyles.thickest);\n }\n rootClasses.push(pieStyles.slices);\n if (dir === 'rtl') {\n rootClasses.push(pieStyles.rtlSlices);\n }\n }\n } else {\n rootClasses.push(rootStyles.overflowItem);\n }\n state.root.className = mergeClasses(avatarGroupItemClassNames.root, ...rootClasses, state.root.className);\n state.avatar.className = mergeClasses(avatarGroupItemClassNames.avatar, !isOverflowItem && avatarStyles.nonOverflowItem, layout === 'pie' && avatarStyles.pie, state.avatar.className);\n if (state.overflowLabel) {\n state.overflowLabel.className = mergeClasses(avatarGroupItemClassNames.overflowLabel, overflowLabelStyles.base, state.overflowLabel.className);\n }\n return state;\n};\n/**\n * Hook for getting the className for the children of AvatarGroup. This hook will provide the spacing and outlines\n * needed for each layout.\n */\nexport const useGroupChildClassName = (layout, size) => {\n const stackStyles = useStackStyles();\n const spreadStyles = useSpreadStyles();\n const layoutClasses = [];\n if (size) {\n if (layout === 'stack') {\n if (size < 56) {\n layoutClasses.push(stackStyles.thick);\n } else if (size < 72) {\n layoutClasses.push(stackStyles.thicker);\n } else {\n layoutClasses.push(stackStyles.thickest);\n }\n if (size < 24) {\n layoutClasses.push(stackStyles.xxs);\n } else if (size < 48) {\n layoutClasses.push(stackStyles.xs);\n } else if (size < 96) {\n layoutClasses.push(stackStyles.s);\n } else {\n layoutClasses.push(stackStyles.l);\n }\n } else if (layout === 'spread') {\n if (size < 20) {\n layoutClasses.push(spreadStyles.s);\n } else if (size < 32) {\n layoutClasses.push(spreadStyles.mNudge);\n } else if (size < 64) {\n layoutClasses.push(spreadStyles.l);\n } else {\n layoutClasses.push(spreadStyles.xl);\n }\n }\n }\n return mergeClasses(...layoutClasses);\n};\n//# sourceMappingURL=useAvatarGroupItemStyles.styles.js.map"],"names":["avatarGroupItemClassNames","useAvatarGroupItemStyles_unstable","useGroupChildClassName","root","avatar","overflowLabel","avatarGroupItemDividerWidthVar","useRootStyles","__styles","base","Bt984gj","mc9l5x","Bnnss6s","qhf8xq","overflowItem","z8tnut","z189sj","Byoj8tv","uwmqm3","nonOverflowItem","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","d","useAvatarStyles","pie","useOverflowLabelStyles","Frg6f3","sj55zd","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useStackStyles","thick","E5pizo","thicker","thickest","xxs","jhia2w","xs","s","l","useSpreadStyles","mNudge","m","xl","usePieStyles","slices","B3gf25r","Be2twx7","Bvaow4n","Gpecfs","bhabj1","B7rc6i7","Bwrfys5","Bwuzm9m","fflka","do7bja","Be8zqhl","Bij0kh0","Bwexnyt","Bhe5x6o","B3kv7bh","rtlSlices","uiicq7","state","isOverflowItem","layout","size","dir","useFluent","avatarStyles","overflowLabelStyles","pieStyles","rootStyles","sizeStyles","useSizeStyles","groupChildClassName","rootClasses","push","className","mergeClasses","stackStyles","spreadStyles","layoutClasses"],"mappings":"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"}

package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.js CHANGED Viewed

@@ -12,13 +12,12 @@ const _renderAvatarGroupPopover = require("./renderAvatarGroupPopover");
 const _useAvatarGroupPopoverContextValues = require("./useAvatarGroupPopoverContextValues");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const _useAvatarGroupPopover = require("./useAvatarGroupPopover");
-const _useAvatarGroupPopoverStyles = require("./useAvatarGroupPopoverStyles");
+const _useAvatarGroupPopoverStylesStyles = require("./useAvatarGroupPopoverStyles.styles");
 const AvatarGroupPopover = (props)=>{
     const state = (0, _useAvatarGroupPopover.useAvatarGroupPopover_unstable)(props);
     const contextValues = (0, _useAvatarGroupPopoverContextValues.useAvatarGroupPopoverContextValues)(state);
-    (0, _useAvatarGroupPopoverStyles.useAvatarGroupPopoverStyles_unstable)(state);
-    const { useAvatarGroupPopoverStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useAvatarGroupPopoverStylesStyles.useAvatarGroupPopoverStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useAvatarGroupPopoverStyles_unstable')(state);
     return (0, _renderAvatarGroupPopover.renderAvatarGroupPopover_unstable)(state, contextValues);
 };
 AvatarGroupPopover.displayName = 'AvatarGroupPopover'; //# sourceMappingURL=AvatarGroupPopover.js.map

package/lib-commonjs/components/AvatarGroupPopover/AvatarGroupPopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/AvatarGroupPopover/AvatarGroupPopover.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupPopover_unstable } from './renderAvatarGroupPopover';\nimport { useAvatarGroupPopoverContextValues } from './useAvatarGroupPopoverContextValues';\nimport { ~~useCustomStyleHooks_unstable~~ } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupPopover_unstable } from './useAvatarGroupPopover';\nimport { useAvatarGroupPopoverStyles_unstable } from './useAvatarGroupPopoverStyles';\n/*\n The AvatarGroupPopover component provides a button with a Popover containing the children provided.\n */\nexport const AvatarGroupPopover = props => {\n const state = useAvatarGroupPopover_unstable(props);\n const contextValues = useAvatarGroupPopoverContextValues(state);\n useAvatarGroupPopoverStyles_unstable(state);\n ~~const {\n~~ useAvatarGroupPopoverStyles_unstable~~: useCustomStyles\n } = useCustomStyleHooks_unstable(~~)~~;\n useCustomStyles~~(state);\n return renderAvatarGroupPopover_unstable(state, contextValues);\n};\nAvatarGroupPopover.displayName = 'AvatarGroupPopover';\n//# sourceMappingURL=AvatarGroupPopover.js.map"],"names":["AvatarGroupPopover","props","state","useAvatarGroupPopover_unstable","contextValues","useAvatarGroupPopoverContextValues","useAvatarGroupPopoverStyles_unstable","~~useCustomStyles~~","~~useCustomStyleHooks_unstable","~~renderAvatarGroupPopover_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;0CAC2B;oDACC;~~qCACN~~;~~uCACE~~;~~6CACM~~;AAI9C,MAAMA,qBAAqBC,CAAAA,QAAS;IACzC,MAAMC,QAAQC,IAAAA,qDAA8B,EAACF;IAC7C,MAAMG,gBAAgBC,IAAAA,sEAAkC,EAACH;IACzDI,IAAAA,~~iEAAoC~~,EAACJ;~~IACrC~~,~~MAAM~~,~~EACJI~~,~~sCAAsCC~~,~~gBAAe,EACtD,GAAGC,IAAAA,iDAA4B~~;~~IAChCD~~,~~gBAAgBL;IAChB~~,~~OAAOO,~~IAAAA,2DAAiC,~~EAACP~~,OAAOE;AAClD;AACAJ,~~mBAAmBU~~,WAAW,GAAG,sBACjC,8CAA8C"}
1	+ {"version":3,"sources":["../../../lib/components/AvatarGroupPopover/AvatarGroupPopover.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAvatarGroupPopover_unstable } from './renderAvatarGroupPopover';\nimport { useAvatarGroupPopoverContextValues } from './useAvatarGroupPopoverContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAvatarGroupPopover_unstable } from './useAvatarGroupPopover';\nimport { useAvatarGroupPopoverStyles_unstable } from './useAvatarGroupPopoverStyles.styles';\n/*\n The AvatarGroupPopover component provides a button with a Popover containing the children provided.\n */\nexport const AvatarGroupPopover = props => {\n const state = useAvatarGroupPopover_unstable(props);\n const contextValues = useAvatarGroupPopoverContextValues(state);\n useAvatarGroupPopoverStyles_unstable(state);\n useCustomStyleHook_unstable('useAvatarGroupPopoverStyles_unstable')(state);\n return renderAvatarGroupPopover_unstable(state, contextValues);\n};\nAvatarGroupPopover.displayName = 'AvatarGroupPopover';\n//# sourceMappingURL=AvatarGroupPopover.js.map"],"names":["AvatarGroupPopover","props","state","useAvatarGroupPopover_unstable","contextValues","useAvatarGroupPopoverContextValues","useAvatarGroupPopoverStyles_unstable","useCustomStyleHook_unstable","renderAvatarGroupPopover_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;0CAC2B;oDACC;qCACP;uCACG;mDACM;AAI9C,MAAMA,qBAAqBC,CAAAA,QAAS;IACzC,MAAMC,QAAQC,IAAAA,qDAA8B,EAACF;IAC7C,MAAMG,gBAAgBC,IAAAA,sEAAkC,EAACH;IACzDI,IAAAA,uEAAoC,EAACJ;IACrCK,IAAAA,gDAA2B,EAAC,wCAAwCL;IACpE,OAAOM,IAAAA,2DAAiC,EAACN,OAAOE;AAClD;AACAJ,mBAAmBS,WAAW,GAAG,sBACjC,8CAA8C"}

package/lib-commonjs/components/AvatarGroupPopover/index.js CHANGED Viewed

@@ -7,7 +7,7 @@ _exportStar(require("./AvatarGroupPopover"), exports);
 _exportStar(require("./AvatarGroupPopover.types"), exports);
 _exportStar(require("./renderAvatarGroupPopover"), exports);
 _exportStar(require("./useAvatarGroupPopover"), exports);
-_exportStar(require("./useAvatarGroupPopoverStyles"), exports);
+_exportStar(require("./useAvatarGroupPopoverStyles.styles"), exports);
  //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/AvatarGroupPopover/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/AvatarGroupPopover/index.js"],"sourcesContent":["export * from './AvatarGroupPopover';\nexport * from './AvatarGroupPopover.types';\nexport * from './renderAvatarGroupPopover';\nexport * from './useAvatarGroupPopover';\nexport * from './useAvatarGroupPopoverStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1	+ {"version":3,"sources":["../../../lib/components/AvatarGroupPopover/index.js"],"sourcesContent":["export * from './AvatarGroupPopover';\nexport * from './AvatarGroupPopover.types';\nexport * from './renderAvatarGroupPopover';\nexport * from './useAvatarGroupPopover';\nexport * from './useAvatarGroupPopoverStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/AvatarGroupPopover/renderAvatarGroupPopover.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";
+/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
@@ -6,18 +6,17 @@ Object.defineProperty(exports, "renderAvatarGroupPopover_unstable", {
     enumerable: true,
     get: ()=>renderAvatarGroupPopover_unstable
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _avatarGroupContext = require("../../contexts/AvatarGroupContext");
 const _reactUtilities = require("@fluentui/react-utilities");
 const _reactPopover = require("@fluentui/react-popover");
 const renderAvatarGroupPopover_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(_reactPopover.PopoverTrigger, {
+    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactPopover.PopoverTrigger, {
         disableButtonEnhancement: true
-    }, /*#__PURE__*/ _react.createElement(slots.tooltip, slotProps.tooltip, /*#__PURE__*/ _react.createElement(slots.triggerButton, slotProps.triggerButton))), /*#__PURE__*/ _react.createElement(slots.popoverSurface, slotProps.popoverSurface, /*#__PURE__*/ _react.createElement(_avatarGroupContext.AvatarGroupProvider, {
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.tooltip, slotProps.tooltip, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.triggerButton, slotProps.triggerButton))), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.popoverSurface, slotProps.popoverSurface, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_avatarGroupContext.AvatarGroupProvider, {
         value: contextValues.avatarGroup
-    }, /*#__PURE__*/ _react.createElement(slots.content, slotProps.content))));
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.content, slotProps.content))));
 }; //# sourceMappingURL=renderAvatarGroupPopover.js.map
 //# sourceMappingURL=renderAvatarGroupPopover.js.map

package/lib-commonjs/components/AvatarGroupPopover/renderAvatarGroupPopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js"],"sourcesContent":["import * as ~~React~~ from 'react';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\nimport { ~~getSlots~~ } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\n/*\n Render the final JSX of AvatarGroupPopover\n /\nexport const renderAvatarGroupPopover_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = ~~getSlots~~(state);\n return /#__PURE__/~~React.~~createElement(slots.root, slotProps.root, /#__PURE__/~~React.~~createElement(PopoverTrigger, {\n disableButtonEnhancement: true\n }, /#__PURE__/~~React.~~createElement(slots.tooltip, slotProps.tooltip, /#__PURE__/~~React.~~createElement(slots.triggerButton, slotProps.triggerButton))), /#__PURE__/~~React.~~createElement(slots.popoverSurface, slotProps.popoverSurface, /#__PURE__/~~React.~~createElement(AvatarGroupProvider, {\n value: contextValues.avatarGroup\n }, /#__PURE__*/~~React.~~createElement(slots.content, slotProps.content))));\n};\n//# sourceMappingURL=renderAvatarGroupPopover.js.map"],"names":["renderAvatarGroupPopover_unstable","state","contextValues","slots","slotProps","~~getSlots~~","~~React","~~createElement","root","PopoverTrigger","disableButtonEnhancement","tooltip","triggerButton","popoverSurface","AvatarGroupProvider","value","avatarGroup","content"],"mappings":";;;;+~~BAOaA~~;;aAAAA~~;;;6DAPU~~;~~oCACa~~;~~gCACX~~;~~8BACM~~;AAIxB,MAAMA,oCAAoC,CAACC,OAAOC,gBAAkB;IACzE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,~~wBAAQ~~,EAACJ;~~IACb~~,OAAO,WAAW,GAAEK,~~OAAMC~~,~~aAAa~~,~~CAACJ~~,~~MAAMK~~,IAAI,~~EAAEJ~~,~~UAAUI~~,IAAI,EAAE,WAAW,~~GAAEF~~,~~OAAMC~~,~~aAAa~~,~~CAACE~~,4BAAc,EAAE;~~QACnHC~~,0BAA0B,IAAI;IAChC,GAAG,WAAW,~~GAAEJ~~,~~OAAMC~~,~~aAAa~~,~~CAACJ~~,~~MAAMQ~~,OAAO,~~EAAEP~~,~~UAAUO~~,OAAO,EAAE,WAAW,~~GAAEL~~,~~OAAMC~~,~~aAAa~~,~~CAACJ~~,~~MAAMS~~,aAAa,~~EAAER~~,~~UAAUQ~~,aAAa,KAAK,WAAW,~~GAAEN~~,~~OAAMC~~,~~aAAa~~,~~CAACJ~~,~~MAAMU~~,cAAc,~~EAAET~~,~~UAAUS~~,cAAc,EAAE,WAAW,~~GAAEP~~,~~OAAMC~~,~~aAAa~~,~~CAACO~~,uCAAmB,EAAE;~~QAC7RC~~,~~OAAOb~~,~~cAAcc~~,WAAW;IAClC,GAAG,WAAW,~~GAAEV~~,~~OAAMC~~,~~aAAa~~,~~CAACJ~~,~~MAAMc~~,OAAO,~~EAAEb~~,~~UAAUa~~,OAAO;~~AACtE~~,GACA,oDAAoD"}
1	+ {"version":3,"sources":["../../../lib/components/AvatarGroupPopover/renderAvatarGroupPopover.js"],"sourcesContent":["/** @jsxRuntime classic / /* @jsx createElement /import { createElement } from '@fluentui/react-jsx-runtime';\nimport { AvatarGroupProvider } from '../../contexts/AvatarGroupContext';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\n/\n Render the final JSX of AvatarGroupPopover\n /\nexport const renderAvatarGroupPopover_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /#__PURE__/createElement(slots.root, slotProps.root, /#__PURE__/createElement(PopoverTrigger, {\n disableButtonEnhancement: true\n }, /#__PURE__/createElement(slots.tooltip, slotProps.tooltip, /#__PURE__/createElement(slots.triggerButton, slotProps.triggerButton))), /#__PURE__/createElement(slots.popoverSurface, slotProps.popoverSurface, /#__PURE__/createElement(AvatarGroupProvider, {\n value: contextValues.avatarGroup\n }, /#__PURE__*/createElement(slots.content, slotProps.content))));\n};\n//# sourceMappingURL=renderAvatarGroupPopover.js.map"],"names":["renderAvatarGroupPopover_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","PopoverTrigger","disableButtonEnhancement","tooltip","triggerButton","popoverSurface","AvatarGroupProvider","value","avatarGroup","content"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAOrCA;;aAAAA;;iCAPqE;oCAC9C;gCACP;8BACE;AAIxB,MAAMA,oCAAoC,CAACC,OAAOC,gBAAkB;IACzE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACJ;IACjB,OAAO,WAAW,GAAEK,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAED,IAAAA,8BAAa,EAACE,4BAAc,EAAE;QACvGC,0BAA0B,IAAI;IAChC,GAAG,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMO,OAAO,EAAEN,UAAUM,OAAO,EAAE,WAAW,GAAEJ,IAAAA,8BAAa,EAACH,MAAMQ,aAAa,EAAEP,UAAUO,aAAa,KAAK,WAAW,GAAEL,IAAAA,8BAAa,EAACH,MAAMS,cAAc,EAAER,UAAUQ,cAAc,EAAE,WAAW,GAAEN,IAAAA,8BAAa,EAACO,uCAAmB,EAAE;QACrQC,OAAOZ,cAAca,WAAW;IAClC,GAAG,WAAW,GAAET,IAAAA,8BAAa,EAACH,MAAMa,OAAO,EAAEZ,UAAUY,OAAO;AAChE,GACA,oDAAoD"}

package/lib-commonjs/components/AvatarGroupPopover/{useAvatarGroupPopoverStyles.js → useAvatarGroupPopoverStyles.styles.js} RENAMED Viewed

@@ -13,8 +13,8 @@ _export(exports, {
     useAvatarGroupPopoverStyles_unstable: ()=>useAvatarGroupPopoverStyles_unstable
 });
 const _react = require("@griffel/react");
-const _useAvatarGroupItemStyles = require("../AvatarGroupItem/useAvatarGroupItemStyles");
-const _useAvatarStyles = require("../Avatar/useAvatarStyles");
+const _useAvatarGroupItemStylesStyles = require("../AvatarGroupItem/useAvatarGroupItemStyles.styles");
+const _useAvatarStylesStyles = require("../Avatar/useAvatarStyles.styles");
 const avatarGroupPopoverClassNames = {
     root: 'fui-AvatarGroupPopover',
     content: 'fui-AvatarGroupPopover__content',
@@ -46,7 +46,9 @@ const avatarGroupPopoverClassNames = {
         uwmqm3: [
             "f1cnd47f",
             "fhxju0i"
-        ]
+        ],
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62"
     }
 }, {
     d: [
@@ -58,7 +60,9 @@ const avatarGroupPopoverClassNames = {
         ".f1g0x7ka{padding-top:0;}",
         ".fhxju0i{padding-right:0;}",
         ".f1cnd47f{padding-left:0;}",
-        ".f1qch9an{padding-bottom:0;}"
+        ".f1qch9an{padding-bottom:0;}",
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}"
     ]
 });
 /**
@@ -177,8 +181,6 @@ const avatarGroupPopoverClassNames = {
         sj55zd: "f44pa96"
     },
     focusIndicator: {
-        Brovlpu: "ftqa4ok",
-        B486eqv: "f2hkw1w",
         Bbcte9g: "fhqs6ru",
         Bn40d3w: [
             "f14qhy8p",
@@ -208,7 +210,8 @@ const avatarGroupPopoverClassNames = {
         Bdrgwmp: [
             "fk7jm04",
             "f194v5ow"
-        ]
+        ],
+        g9k6zt: "f1nev41a"
     },
     states: {
         Bi91k9c: "feu1g3u",
@@ -398,6 +401,7 @@ const avatarGroupPopoverClassNames = {
         ".f194v5ow[data-fui-focus-visible]{border-right-color:var(--colorStrokeFocus2);}",
         ".fk7jm04[data-fui-focus-visible]{border-left-color:var(--colorStrokeFocus2);}",
         ".f1qgg65p[data-fui-focus-visible]{border-bottom-color:var(--colorStrokeFocus2);}",
+        ".f1nev41a[data-fui-focus-visible]{outline-style:none;}",
         ".f14nttnl{color:var(--colorNeutralForeground1Selected);}",
         ".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}",
         ".f1ly1fcm{border-top-color:var(--colorNeutralStroke1Selected);}",
@@ -468,12 +472,6 @@ const avatarGroupPopoverClassNames = {
             }
         ]
     ],
-    f: [
-        ".ftqa4ok:focus{outline-style:none;}"
-    ],
-    i: [
-        ".f2hkw1w:focus-visible{outline-style:none;}"
-    ],
     h: [
         ".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}",
         ".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}",
@@ -493,11 +491,11 @@ const avatarGroupPopoverClassNames = {
 });
 const useAvatarGroupPopoverStyles_unstable = (state)=>{
     const { indicator , size , layout , popoverOpen  } = state;
-    const sizeStyles = (0, _useAvatarStyles.useSizeStyles)();
+    const sizeStyles = (0, _useAvatarStylesStyles.useSizeStyles)();
     const triggerButtonStyles = useTriggerButtonStyles();
     const contentStyles = useContentStyles();
     const popoverSurfaceStyles = usePopoverSurfaceStyles();
-    const groupChildClassName = (0, _useAvatarGroupItemStyles.useGroupChildClassName)(layout, size);
+    const groupChildClassName = (0, _useAvatarGroupItemStylesStyles.useGroupChildClassName)(layout, size);
     const triggerButtonClasses = [];
     if (size < 36) {
         triggerButtonClasses.push(triggerButtonStyles.borderThin);
@@ -543,6 +541,6 @@ const useAvatarGroupPopoverStyles_unstable = (state)=>{
     state.content.className = (0, _react.mergeClasses)(avatarGroupPopoverClassNames.content, contentStyles.base, state.content.className);
     state.popoverSurface.className = (0, _react.mergeClasses)(avatarGroupPopoverClassNames.popoverSurface, popoverSurfaceStyles.base, state.popoverSurface.className);
     return state;
-}; //# sourceMappingURL=useAvatarGroupPopoverStyles.js.map
+}; //# sourceMappingURL=useAvatarGroupPopoverStyles.styles.js.map
-//# sourceMappingURL=useAvatarGroupPopoverStyles.js.map
+//# sourceMappingURL=useAvatarGroupPopoverStyles.styles.js.map