@fluentui/react-badge 9.1.23 → 9.1.25

package/CHANGELOG.json

@@ -2,7 +2,79 @@
   "name": "@fluentui/react-badge",
   "entries": [
     {
-      "date": "Tue, 01 Aug 2023 10:14:29 GMT",
+      "date": "Wed, 09 Aug 2023 13:11:31 GMT",
+      "tag": "@fluentui/react-badge_v9.1.25",
+      "version": "9.1.25",
+      "comments": {
+        "patch": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-badge",
+            "commit": "796e4426c50ede34b30e2dc2392328dcbadc2702",
+            "comment": "chore(cxe-red): migrate to new slot API"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "b090c0339983847a62b9dc6187d08dc8c4b1d55f",
+            "comment": "chore: Update Griffel to latest version"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.7.2",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-theme to v9.1.11",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 04 Aug 2023 08:52:58 GMT",
+      "tag": "@fluentui/react-badge_v9.1.24",
+      "version": "9.1.24",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.13",
+            "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.7.1",
+            "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-theme to v9.1.10",
+            "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-utilities to v9.11.0",
+            "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 01 Aug 2023 10:17:21 GMT",
       "tag": "@fluentui/react-badge_v9.1.23",
       "version": "9.1.23",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,37 @@
 # Change Log - @fluentui/react-badge
 
-This log was last generated on Tue, 01 Aug 2023 10:14:29 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Aug 2023 13:11:31 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.25)
+
+Wed, 09 Aug 2023 13:11:31 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.24..@fluentui/react-badge_v9.1.25)
+
+### Patches
+
+- chore(cxe-red): migrate to new slot API ([PR #28753](https://github.com/microsoft/fluentui/pull/28753) by bernardo.sunderhus@gmail.com)
+- chore: Update Griffel to latest version ([PR #28684](https://github.com/microsoft/fluentui/pull/28684) by olfedias@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.7.2 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+- Bump @fluentui/react-theme to v9.1.11 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+
+## [9.1.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.24)
+
+Fri, 04 Aug 2023 08:52:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.23..@fluentui/react-badge_v9.1.24)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.13 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.7.1 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
+- Bump @fluentui/react-theme to v9.1.10 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
+- Bump @fluentui/react-utilities to v9.11.0 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
+
 ## [9.1.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.23)
 
-Tue, 01 Aug 2023 10:14:29 GMT 
+Tue, 01 Aug 2023 10:17:21 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.22..@fluentui/react-badge_v9.1.23)
 
 ### Patches

package/lib/components/Badge/renderBadge.js

@@ -1,6 +1,6 @@
 /** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } from '@fluentui/react-utilities';
+import { assertSlots } from '@fluentui/react-utilities';
 export const renderBadge_unstable = (state)=>{
-    const { slots , slotProps  } = getSlotsNext(state);
-    return /*#__PURE__*/ createElement(slots.root, slotProps.root, state.iconPosition === 'before' && slots.icon && /*#__PURE__*/ createElement(slots.icon, slotProps.icon), state.root.children, state.iconPosition === 'after' && slots.icon && /*#__PURE__*/ createElement(slots.icon, slotProps.icon));
+    assertSlots(state);
+    return /*#__PURE__*/ createElement(state.root, null, state.iconPosition === 'before' && state.icon && /*#__PURE__*/ createElement(state.icon, null), state.root.children, state.iconPosition === 'after' && state.icon && /*#__PURE__*/ createElement(state.icon, null));
 };

package/lib/components/Badge/renderBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderBadge.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { BadgeState, BadgeSlots } from './Badge.types';\n\nexport const renderBadge_unstable = (state: BadgeState) => {\n  const { slots, slotProps } = getSlotsNext<BadgeSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.iconPosition === 'before' && slots.icon && <slots.icon {...slotProps.icon} />}\n      {state.root.children}\n      {state.iconPosition === 'after' && slots.icon && <slots.icon {...slotProps.icon} />}\n    </slots.root>\n  );\n};\n"],"names":["createElement","getSlotsNext","renderBadge_unstable","state","slots","slotProps","root","iconPosition","icon","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD,OAAO,MAAMC,uBAAuB,CAACC,QAAsB;IACzD,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAAyBE;IAEtD,qBACE,AAXJ,cAWKC,MAAME,IAAI,EAAKD,UAAUC,IAAI,EAC3BH,MAAMI,YAAY,KAAK,YAAYH,MAAMI,IAAI,kBAAI,AAZxD,cAYyDJ,MAAMI,IAAI,EAAKH,UAAUG,IAAI,GAC/EL,MAAMG,IAAI,CAACG,QAAQ,EACnBN,MAAMI,YAAY,KAAK,WAAWH,MAAMI,IAAI,kBAAI,AAdvD,cAcwDJ,MAAMI,IAAI,EAAKH,UAAUG,IAAI;AAGrF,EAAE"}
+{"version":3,"sources":["renderBadge.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { BadgeState, BadgeSlots } from './Badge.types';\n\nexport const renderBadge_unstable = (state: BadgeState) => {\n  assertSlots<BadgeSlots>(state);\n\n  return (\n    <state.root>\n      {state.iconPosition === 'before' && state.icon && <state.icon />}\n      {state.root.children}\n      {state.iconPosition === 'after' && state.icon && <state.icon />}\n    </state.root>\n  );\n};\n"],"names":["createElement","assertSlots","renderBadge_unstable","state","root","iconPosition","icon","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,WAAW,QAAQ,4BAA4B;AAGxD,OAAO,MAAMC,uBAAuB,CAACC,QAAsB;IACzDF,YAAwBE;IAExB,qBACE,AAXJ,cAWKA,MAAMC,IAAI,QACRD,MAAME,YAAY,KAAK,YAAYF,MAAMG,IAAI,kBAAI,AAZxD,cAYyDH,MAAMG,IAAI,SAC5DH,MAAMC,IAAI,CAACG,QAAQ,EACnBJ,MAAME,YAAY,KAAK,WAAWF,MAAMG,IAAI,kBAAI,AAdvD,cAcwDH,MAAMG,IAAI;AAGlE,EAAE"}

package/lib/components/Badge/useBadge.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';
+import { getNativeElementProps, slot } from '@fluentui/react-utilities';
 /**
  * Returns the props and state required to render the component
  */ export const useBadge_unstable = (props, ref)=>{
@@ -14,11 +14,15 @@ import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utiliti
             root: 'div',
             icon: 'span'
         },
-        root: getNativeElementProps('div', {
+        root: slot.always(getNativeElementProps('div', {
             ref,
             ...props
+        }), {
+            elementType: 'div'
         }),
-        icon: resolveShorthand(props.icon)
+        icon: slot.optional(props.icon, {
+            elementType: 'span'
+        })
     };
     return state;
 };

package/lib/components/Badge/useBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBadge.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport type { BadgeProps, BadgeState } from './Badge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge_unstable = (props: BadgeProps, ref: React.Ref<HTMLElement>): BadgeState => {\n  const {\n    shape = 'circular',\n    size = 'medium',\n    iconPosition = 'before',\n    appearance = 'filled',\n    color = 'brand',\n  } = props;\n\n  const state: BadgeState = {\n    shape,\n    size,\n    iconPosition,\n    appearance,\n    color,\n    components: {\n      root: 'div',\n      icon: 'span',\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n    icon: resolveShorthand(props.icon),\n  };\n\n  return state;\n};\n"],"names":["React","getNativeElementProps","resolveShorthand","useBadge_unstable","props","ref","shape","size","iconPosition","appearance","color","state","components","root","icon"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAGpF;;CAEC,GACD,OAAO,MAAMC,oBAAoB,CAACC,OAAmBC,MAA4C;IAC/F,MAAM,EACJC,OAAQ,WAAU,EAClBC,MAAO,SAAQ,EACfC,cAAe,SAAQ,EACvBC,YAAa,SAAQ,EACrBC,OAAQ,QAAO,EAChB,GAAGN;IAEJ,MAAMO,QAAoB;QACxBL;QACAC;QACAC;QACAC;QACAC;QACAE,YAAY;YACVC,MAAM;YACNC,MAAM;QACR;QACAD,MAAMZ,sBAAsB,OAAO;YACjCI;YACA,GAAGD,KAAK;QACV;QACAU,MAAMZ,iBAAiBE,MAAMU,IAAI;IACnC;IAEA,OAAOH;AACT,EAAE"}
+{"version":3,"sources":["useBadge.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport type { BadgeProps, BadgeState } from './Badge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge_unstable = (props: BadgeProps, ref: React.Ref<HTMLElement>): BadgeState => {\n  const {\n    shape = 'circular',\n    size = 'medium',\n    iconPosition = 'before',\n    appearance = 'filled',\n    color = 'brand',\n  } = props;\n\n  const state: BadgeState = {\n    shape,\n    size,\n    iconPosition,\n    appearance,\n    color,\n    components: {\n      root: 'div',\n      icon: 'span',\n    },\n    root: slot.always(\n      getNativeElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    icon: slot.optional(props.icon, { elementType: 'span' }),\n  };\n\n  return state;\n};\n"],"names":["React","getNativeElementProps","slot","useBadge_unstable","props","ref","shape","size","iconPosition","appearance","color","state","components","root","icon","always","elementType","optional"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AAGxE;;CAEC,GACD,OAAO,MAAMC,oBAAoB,CAACC,OAAmBC,MAA4C;IAC/F,MAAM,EACJC,OAAQ,WAAU,EAClBC,MAAO,SAAQ,EACfC,cAAe,SAAQ,EACvBC,YAAa,SAAQ,EACrBC,OAAQ,QAAO,EAChB,GAAGN;IAEJ,MAAMO,QAAoB;QACxBL;QACAC;QACAC;QACAC;QACAC;QACAE,YAAY;YACVC,MAAM;YACNC,MAAM;QACR;QACAD,MAAMX,KAAKa,MAAM,CACfd,sBAAsB,OAAO;YAC3BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEY,aAAa;QAAM;QAEvBF,MAAMZ,KAAKe,QAAQ,CAACb,MAAMU,IAAI,EAAE;YAAEE,aAAa;QAAO;IACxD;IAEA,OAAOL;AACT,EAAE"}

package/lib/components/Badge/useBadgeStyles.styles.js

@@ -7,7 +7,7 @@ export const badgeClassNames = {
 // The text content of the badge has additional horizontal padding, but there is no `text` slot to add that padding to.
 // Instead, add extra padding to the root, and a negative margin on the icon to "remove" the extra padding on the icon.
 const textPadding = tokens.spacingHorizontalXXS;
-const useRootClassName = /*#__PURE__*/__resetStyles("r1l7mb74", "rntuq2r", [".r1l7mb74{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-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;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}", ".r1l7mb74::after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}", ".rntuq2r{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-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;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}", ".rntuq2r::after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}"]);
+const useRootClassName = /*#__PURE__*/__resetStyles("r1l7mb74", "rntuq2r", [".r1l7mb74{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}", ".r1l7mb74::after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}", ".rntuq2r{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}", ".rntuq2r::after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}"]);
 const useRootStyles = /*#__PURE__*/__styles({
   fontSmallToTiny: {
     Bahqtrf: "fk6fouc",
@@ -256,7 +256,7 @@ const useRootStyles = /*#__PURE__*/__styles({
 }, {
   d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f130uwy9{font-size:4px;}", ".fod1mrr{line-height:4px;}", ".f18p0k4z{min-width:unset;}", ".f1q8r6hh{padding-top:unset;}", ".fio2s09{padding-right:unset;}", ".fkiw60q{padding-left:unset;}", ".f9yu9nh{padding-bottom:unset;}", ".fpd43o0{width:10px;}", ".f30q22z{height:10px;}", ".f1tccstq{font-size:6px;}", ".f1y3arg5{line-height:6px;}", ".fjw5fx7{width:16px;}", ".fd461yt{height:16px;}", ".f1g0x7ka{padding-top:0;}", ".fps1v9c{padding-right:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}", ".f17ae1jz{padding-left:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}", ".f1qch9an{padding-bottom:0;}", ".fq4mcun{width:24px;}", ".frvgh55{height:24px;}", ".f17a92cs{padding-right:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}", ".f1pe0i86{padding-left:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}", ".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}", ".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}", ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}", ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}", ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}", ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}", ".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);}", ".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);}", ".f10ludwy::after{display:none;}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}", ".f1c73kur{background-color:var(--colorNeutralForeground1);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".f3vzo32{background-color:var(--colorNeutralBackground5);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".flxk52p{background-color:var(--colorPaletteGreenBackground3);}", ".ffq97bm{background-color:var(--colorPaletteYellowBackground3);}", ".ff5vbop{color:var(--colorNeutralForeground1Static);}", ".f16muhyy{color:var(--colorBrandForeground1);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}", ".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}", ".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}", ".fpti2h4{color:var(--colorPaletteYellowForeground2);}", ".f23ftbb{border-top-color:currentColor;}", ".f1gkuv52{border-right-color:currentColor;}", ".f1p1bl80{border-left-color:currentColor;}", ".fioka3i{border-bottom-color:currentColor;}", ".fyqpifd{border-top-color:var(--colorPaletteRedBorder2);}", ".f3ukxca{border-right-color:var(--colorPaletteRedBorder2);}", ".f1k7dugc{border-left-color:var(--colorPaletteRedBorder2);}", ".f1njxb2b{border-bottom-color:var(--colorPaletteRedBorder2);}", ".fq0vr37{border-top-color:var(--colorNeutralStrokeAccessible);}", ".f1byw159{border-right-color:var(--colorNeutralStrokeAccessible);}", ".f11cr0be{border-left-color:var(--colorNeutralStrokeAccessible);}", ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".f1mmhl11{border-top-color:var(--colorPaletteGreenBorder2);}", ".f1tjpp2f{border-right-color:var(--colorPaletteGreenBorder2);}", ".f1ocn5n7{border-left-color:var(--colorPaletteGreenBorder2);}", ".f1gjv25d{border-bottom-color:var(--colorPaletteGreenBorder2);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", ".faj9fo0{color:var(--colorBrandForeground2);}", ".f161y7kd{border-top-color:var(--colorBrandStroke2);}", ".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}", ".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}", ".f1619yhw{border-bottom-color:var(--colorBrandStroke2);}", ".ff0poqj{background-color:var(--colorPaletteRedBackground1);}", ".f1hcrxcs{color:var(--colorPaletteRedForeground1);}", ".f1oqjm8o{border-top-color:var(--colorPaletteRedBorder1);}", ".fkgrb8g{border-right-color:var(--colorPaletteRedBorder1);}", ".frb5wm0{border-left-color:var(--colorPaletteRedBorder1);}", ".f1iai1ph{border-bottom-color:var(--colorPaletteRedBorder1);}", ".f945g0u{background-color:var(--colorNeutralForeground3);}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f1ctqxl6{background-color:var(--colorNeutralBackground4);}", ".f1xzsg4{background-color:var(--colorPaletteDarkOrangeBackground1);}", ".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}", ".fxy9dsj{border-top-color:var(--colorPaletteDarkOrangeBorder1);}", ".f54u6j2{border-right-color:var(--colorPaletteDarkOrangeBorder1);}", ".fcm23ze{border-left-color:var(--colorPaletteDarkOrangeBorder1);}", ".f4vf0uq{border-bottom-color:var(--colorPaletteDarkOrangeBorder1);}", ".f2vsrz6{background-color:var(--colorPaletteGreenBackground1);}", ".ffmvakt{color:var(--colorPaletteGreenForeground1);}", ".fdmic9h{border-top-color:var(--colorPaletteGreenBorder1);}", ".f196y6m{border-right-color:var(--colorPaletteGreenBorder1);}", ".fetptd8{border-left-color:var(--colorPaletteGreenBorder1);}", ".f1pev5xq{border-bottom-color:var(--colorPaletteGreenBorder1);}", ".f10s6hli{background-color:var(--colorPaletteYellowBackground1);}", ".f42v8de{color:var(--colorPaletteYellowForeground1);}", ".fn9i3n{border-top-color:var(--colorPaletteYellowBorder1);}", ".f1aw8cx4{border-right-color:var(--colorPaletteYellowBorder1);}", ".f51if14{border-left-color:var(--colorPaletteYellowBorder1);}", ".fvq8iai{border-bottom-color:var(--colorPaletteYellowBorder1);}"]
 });
-const useIconRootClassName = /*#__PURE__*/__resetStyles("rttl5z0", null, [".rttl5z0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:1;margin:0 calc(-1 * var(--spacingHorizontalXXS));font-size:12px;}"]);
+const useIconRootClassName = /*#__PURE__*/__resetStyles("rttl5z0", null, [".rttl5z0{display:flex;line-height:1;margin:0 calc(-1 * var(--spacingHorizontalXXS));font-size:12px;}"]);
 const useIconStyles = /*#__PURE__*/__styles({
   beforeText: {
     t21cq0: ["f1t8l4o1", "f11juvx6"]

package/lib/components/Badge/useBadgeStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["shorthands","__resetStyles","__styles","mergeClasses","tokens","typographyStyles","badgeClassNames","root","icon","textPadding","spacingHorizontalXXS","useRootClassName","useRootStyles","fontSmallToTiny","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","tiny","a9b677","Bqenvij","Bf4jedk","z8tnut","z189sj","Byoj8tv","uwmqm3","small","medium","large","square","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rounded","roundedSmallToTiny","circular","borderGhost","ap17g6","filled","De3pzq","sj55zd","ghost","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","tint","d","useIconRootClassName","useIconStyles","beforeText","t21cq0","afterText","Frg6f3","beforeTextXL","afterTextXL","useBadgeStyles_unstable","state","rootClassName","rootStyles","smallToTiny","size","className","shape","appearance","color","iconRootClassName","iconStyles","iconPositionClass","children","iconPosition"],"sources":["useBadgeStyles.styles.js"],"sourcesContent":["import { shorthands, makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const badgeClassNames = {\n    root: 'fui-Badge',\n    icon: 'fui-Badge__icon'\n};\n// The text content of the badge has additional horizontal padding, but there is no `text` slot to add that padding to.\n// Instead, add extra padding to the root, and a negative margin on the icon to \"remove\" the extra padding on the icon.\nconst textPadding = tokens.spacingHorizontalXXS;\nconst useRootClassName = makeResetStyles({\n    display: 'inline-flex',\n    boxSizing: 'border-box',\n    alignItems: 'center',\n    justifyContent: 'center',\n    position: 'relative',\n    ...typographyStyles.caption1Strong,\n    height: '20px',\n    width: '20px',\n    minWidth: 'max-content',\n    padding: `0 calc(${tokens.spacingHorizontalXS} + ${textPadding})`,\n    borderRadius: tokens.borderRadiusCircular,\n    // Use a transparent stroke (rather than no border) so the border is visible in high contrast\n    borderColor: tokens.colorTransparentStroke,\n    '::after': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        bottom: 0,\n        right: 0,\n        borderStyle: 'solid',\n        borderColor: 'inherit',\n        borderWidth: tokens.strokeWidthThin,\n        borderRadius: 'inherit'\n    }\n});\nconst useRootStyles = makeStyles({\n    fontSmallToTiny: {\n        ...typographyStyles.caption2Strong\n    },\n    // size\n    tiny: {\n        width: '6px',\n        height: '6px',\n        fontSize: '4px',\n        lineHeight: '4px',\n        minWidth: 'unset',\n        ...shorthands.padding('unset')\n    },\n    'extra-small': {\n        width: '10px',\n        height: '10px',\n        fontSize: '6px',\n        lineHeight: '6px',\n        minWidth: 'unset',\n        ...shorthands.padding('unset')\n    },\n    small: {\n        width: '16px',\n        height: '16px',\n        ...shorthands.padding(0, `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`)\n    },\n    medium: {\n    },\n    large: {\n        width: '24px',\n        height: '24px',\n        ...shorthands.padding(0, `calc(${tokens.spacingHorizontalXS} + ${textPadding})`)\n    },\n    'extra-large': {\n        width: '32px',\n        height: '32px',\n        ...shorthands.padding(0, `calc(${tokens.spacingHorizontalSNudge} + ${textPadding})`)\n    },\n    // shape\n    square: {\n        ...shorthands.borderRadius(tokens.borderRadiusNone)\n    },\n    rounded: {\n        ...shorthands.borderRadius(tokens.borderRadiusMedium)\n    },\n    roundedSmallToTiny: {\n        ...shorthands.borderRadius(tokens.borderRadiusSmall)\n    },\n    circular: {\n    },\n    // hide the boder when appearance is \"ghost\"\n    borderGhost: {\n        // The border is applied in an ::after pseudo-element because it should not affect layout.\n        // The padding and size of the badge should be the same regardless of whether or not it has a border.\n        '::after': {\n            display: 'none'\n        }\n    },\n    // appearance: filled\n    filled: {\n    },\n    'filled-brand': {\n        backgroundColor: tokens.colorBrandBackground,\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    'filled-danger': {\n        backgroundColor: tokens.colorPaletteRedBackground3,\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    'filled-important': {\n        backgroundColor: tokens.colorNeutralForeground1,\n        color: tokens.colorNeutralBackground1\n    },\n    'filled-informative': {\n        backgroundColor: tokens.colorNeutralBackground5,\n        color: tokens.colorNeutralForeground3\n    },\n    'filled-severe': {\n        backgroundColor: tokens.colorPaletteDarkOrangeBackground3,\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    'filled-subtle': {\n        backgroundColor: tokens.colorNeutralBackground1,\n        color: tokens.colorNeutralForeground1\n    },\n    'filled-success': {\n        backgroundColor: tokens.colorPaletteGreenBackground3,\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    'filled-warning': {\n        backgroundColor: tokens.colorPaletteYellowBackground3,\n        color: tokens.colorNeutralForeground1Static\n    },\n    // appearance: ghost\n    ghost: {\n    },\n    'ghost-brand': {\n        color: tokens.colorBrandForeground1\n    },\n    'ghost-danger': {\n        color: tokens.colorPaletteRedForeground3\n    },\n    'ghost-important': {\n        color: tokens.colorNeutralForeground1\n    },\n    'ghost-informative': {\n        color: tokens.colorNeutralForeground3\n    },\n    'ghost-severe': {\n        color: tokens.colorPaletteDarkOrangeForeground3\n    },\n    'ghost-subtle': {\n        color: tokens.colorNeutralForegroundStaticInverted\n    },\n    'ghost-success': {\n        color: tokens.colorPaletteGreenForeground3\n    },\n    'ghost-warning': {\n        color: tokens.colorPaletteYellowForeground2\n    },\n    // appearance: outline\n    outline: {\n        ...shorthands.borderColor('currentColor')\n    },\n    'outline-brand': {\n        color: tokens.colorBrandForeground1\n    },\n    'outline-danger': {\n        color: tokens.colorPaletteRedForeground3,\n        ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n    },\n    'outline-important': {\n        color: tokens.colorNeutralForeground3,\n        ...shorthands.borderColor(tokens.colorNeutralStrokeAccessible)\n    },\n    'outline-informative': {\n        color: tokens.colorNeutralForeground3,\n        ...shorthands.borderColor(tokens.colorNeutralStroke2)\n    },\n    'outline-severe': {\n        color: tokens.colorPaletteDarkOrangeForeground3\n    },\n    'outline-subtle': {\n        color: tokens.colorNeutralForegroundStaticInverted\n    },\n    'outline-success': {\n        color: tokens.colorPaletteGreenForeground3,\n        ...shorthands.borderColor(tokens.colorPaletteGreenBorder2)\n    },\n    'outline-warning': {\n        color: tokens.colorPaletteYellowForeground2\n    },\n    // appearance: tint\n    tint: {\n    },\n    'tint-brand': {\n        backgroundColor: tokens.colorBrandBackground2,\n        color: tokens.colorBrandForeground2,\n        ...shorthands.borderColor(tokens.colorBrandStroke2)\n    },\n    'tint-danger': {\n        backgroundColor: tokens.colorPaletteRedBackground1,\n        color: tokens.colorPaletteRedForeground1,\n        ...shorthands.borderColor(tokens.colorPaletteRedBorder1)\n    },\n    'tint-important': {\n        backgroundColor: tokens.colorNeutralForeground3,\n        color: tokens.colorNeutralBackground1,\n        ...shorthands.borderColor(tokens.colorTransparentStroke)\n    },\n    'tint-informative': {\n        backgroundColor: tokens.colorNeutralBackground4,\n        color: tokens.colorNeutralForeground3,\n        ...shorthands.borderColor(tokens.colorNeutralStroke2)\n    },\n    'tint-severe': {\n        backgroundColor: tokens.colorPaletteDarkOrangeBackground1,\n        color: tokens.colorPaletteDarkOrangeForeground1,\n        ...shorthands.borderColor(tokens.colorPaletteDarkOrangeBorder1)\n    },\n    'tint-subtle': {\n        backgroundColor: tokens.colorNeutralBackground1,\n        color: tokens.colorNeutralForeground3,\n        ...shorthands.borderColor(tokens.colorNeutralStroke2)\n    },\n    'tint-success': {\n        backgroundColor: tokens.colorPaletteGreenBackground1,\n        color: tokens.colorPaletteGreenForeground1,\n        ...shorthands.borderColor(tokens.colorPaletteGreenBorder1)\n    },\n    'tint-warning': {\n        backgroundColor: tokens.colorPaletteYellowBackground1,\n        color: tokens.colorPaletteYellowForeground1,\n        ...shorthands.borderColor(tokens.colorPaletteYellowBorder1)\n    }\n});\nconst useIconRootClassName = makeResetStyles({\n    display: 'flex',\n    lineHeight: '1',\n    margin: `0 calc(-1 * ${textPadding})`,\n    fontSize: '12px'\n});\nconst useIconStyles = makeStyles({\n    beforeText: {\n        marginRight: `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`\n    },\n    afterText: {\n        marginLeft: `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`\n    },\n    beforeTextXL: {\n        marginRight: `calc(${tokens.spacingHorizontalXS} + ${textPadding})`\n    },\n    afterTextXL: {\n        marginLeft: `calc(${tokens.spacingHorizontalXS} + ${textPadding})`\n    },\n    // size\n    tiny: {\n        fontSize: '6px'\n    },\n    'extra-small': {\n        fontSize: '10px'\n    },\n    small: {\n        fontSize: '12px'\n    },\n    medium: {\n    },\n    large: {\n        fontSize: '16px'\n    },\n    'extra-large': {\n        fontSize: '20px'\n    }\n});\n/**\n * Applies style classnames to slots\n */ export const useBadgeStyles_unstable = (state)=>{\n    const rootClassName = useRootClassName();\n    const rootStyles = useRootStyles();\n    const smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';\n    state.root.className = mergeClasses(badgeClassNames.root, rootClassName, smallToTiny && rootStyles.fontSmallToTiny, rootStyles[state.size], rootStyles[state.shape], state.shape === 'rounded' && smallToTiny && rootStyles.roundedSmallToTiny, state.appearance === 'ghost' && rootStyles.borderGhost, rootStyles[state.appearance], rootStyles[`${state.appearance}-${state.color}`], state.root.className);\n    const iconRootClassName = useIconRootClassName();\n    const iconStyles = useIconStyles();\n    if (state.icon) {\n        let iconPositionClass;\n        if (state.root.children) {\n            if (state.size === 'extra-large') {\n                iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterTextXL : iconStyles.beforeTextXL;\n            } else {\n                iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterText : iconStyles.beforeText;\n            }\n        }\n        state.icon.className = mergeClasses(badgeClassNames.icon, iconRootClassName, iconPositionClass, iconStyles[state.size], state.icon.className);\n    }\n    return state;\n};\n"],"mappings":"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"}
+{"version":3,"names":["shorthands","__resetStyles","__styles","mergeClasses","tokens","typographyStyles","badgeClassNames","root","icon","textPadding","spacingHorizontalXXS","useRootClassName","useRootStyles","fontSmallToTiny","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","tiny","a9b677","Bqenvij","Bf4jedk","z8tnut","z189sj","Byoj8tv","uwmqm3","small","medium","large","square","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rounded","roundedSmallToTiny","circular","borderGhost","ap17g6","filled","De3pzq","sj55zd","ghost","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","tint","d","useIconRootClassName","useIconStyles","beforeText","t21cq0","afterText","Frg6f3","beforeTextXL","afterTextXL","useBadgeStyles_unstable","state","rootClassName","rootStyles","smallToTiny","size","className","shape","appearance","color","iconRootClassName","iconStyles","iconPositionClass","children","iconPosition"],"sources":["useBadgeStyles.styles.js"],"sourcesContent":["import { shorthands, makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const badgeClassNames = {\n    root: 'fui-Badge',\n    icon: 'fui-Badge__icon'\n};\n// The text content of the badge has additional horizontal padding, but there is no `text` slot to add that padding to.\n// Instead, add extra padding to the root, and a negative margin on the icon to \"remove\" the extra padding on the icon.\nconst textPadding = tokens.spacingHorizontalXXS;\nconst useRootClassName = makeResetStyles({\n    display: 'inline-flex',\n    boxSizing: 'border-box',\n    alignItems: 'center',\n    justifyContent: 'center',\n    position: 'relative',\n    ...typographyStyles.caption1Strong,\n    height: '20px',\n    width: '20px',\n    minWidth: 'max-content',\n    padding: `0 calc(${tokens.spacingHorizontalXS} + ${textPadding})`,\n    borderRadius: tokens.borderRadiusCircular,\n    // Use a transparent stroke (rather than no border) so the border is visible in high contrast\n    borderColor: tokens.colorTransparentStroke,\n    '::after': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        bottom: 0,\n        right: 0,\n        borderStyle: 'solid',\n        borderColor: 'inherit',\n        borderWidth: tokens.strokeWidthThin,\n        borderRadius: 'inherit'\n    }\n});\nconst useRootStyles = makeStyles({\n    fontSmallToTiny: {\n        ...typographyStyles.caption2Strong\n    },\n    // size\n    tiny: {\n        width: '6px',\n        height: '6px',\n        fontSize: '4px',\n        lineHeight: '4px',\n        minWidth: 'unset',\n        ...shorthands.padding('unset')\n    },\n    'extra-small': {\n        width: '10px',\n        height: '10px',\n        fontSize: '6px',\n        lineHeight: '6px',\n        minWidth: 'unset',\n        ...shorthands.padding('unset')\n    },\n    small: {\n        width: '16px',\n        height: '16px',\n        ...shorthands.padding(0, `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`)\n    },\n    medium: {\n    },\n    large: {\n        width: '24px',\n        height: '24px',\n        ...shorthands.padding(0, `calc(${tokens.spacingHorizontalXS} + ${textPadding})`)\n    },\n    'extra-large': {\n        width: '32px',\n        height: '32px',\n        ...shorthands.padding(0, `calc(${tokens.spacingHorizontalSNudge} + ${textPadding})`)\n    },\n    // shape\n    square: {\n        ...shorthands.borderRadius(tokens.borderRadiusNone)\n    },\n    rounded: {\n        ...shorthands.borderRadius(tokens.borderRadiusMedium)\n    },\n    roundedSmallToTiny: {\n        ...shorthands.borderRadius(tokens.borderRadiusSmall)\n    },\n    circular: {\n    },\n    // hide the boder when appearance is \"ghost\"\n    borderGhost: {\n        // The border is applied in an ::after pseudo-element because it should not affect layout.\n        // The padding and size of the badge should be the same regardless of whether or not it has a border.\n        '::after': {\n            display: 'none'\n        }\n    },\n    // appearance: filled\n    filled: {\n    },\n    'filled-brand': {\n        backgroundColor: tokens.colorBrandBackground,\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    'filled-danger': {\n        backgroundColor: tokens.colorPaletteRedBackground3,\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    'filled-important': {\n        backgroundColor: tokens.colorNeutralForeground1,\n        color: tokens.colorNeutralBackground1\n    },\n    'filled-informative': {\n        backgroundColor: tokens.colorNeutralBackground5,\n        color: tokens.colorNeutralForeground3\n    },\n    'filled-severe': {\n        backgroundColor: tokens.colorPaletteDarkOrangeBackground3,\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    'filled-subtle': {\n        backgroundColor: tokens.colorNeutralBackground1,\n        color: tokens.colorNeutralForeground1\n    },\n    'filled-success': {\n        backgroundColor: tokens.colorPaletteGreenBackground3,\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    'filled-warning': {\n        backgroundColor: tokens.colorPaletteYellowBackground3,\n        color: tokens.colorNeutralForeground1Static\n    },\n    // appearance: ghost\n    ghost: {\n    },\n    'ghost-brand': {\n        color: tokens.colorBrandForeground1\n    },\n    'ghost-danger': {\n        color: tokens.colorPaletteRedForeground3\n    },\n    'ghost-important': {\n        color: tokens.colorNeutralForeground1\n    },\n    'ghost-informative': {\n        color: tokens.colorNeutralForeground3\n    },\n    'ghost-severe': {\n        color: tokens.colorPaletteDarkOrangeForeground3\n    },\n    'ghost-subtle': {\n        color: tokens.colorNeutralForegroundStaticInverted\n    },\n    'ghost-success': {\n        color: tokens.colorPaletteGreenForeground3\n    },\n    'ghost-warning': {\n        color: tokens.colorPaletteYellowForeground2\n    },\n    // appearance: outline\n    outline: {\n        ...shorthands.borderColor('currentColor')\n    },\n    'outline-brand': {\n        color: tokens.colorBrandForeground1\n    },\n    'outline-danger': {\n        color: tokens.colorPaletteRedForeground3,\n        ...shorthands.borderColor(tokens.colorPaletteRedBorder2)\n    },\n    'outline-important': {\n        color: tokens.colorNeutralForeground3,\n        ...shorthands.borderColor(tokens.colorNeutralStrokeAccessible)\n    },\n    'outline-informative': {\n        color: tokens.colorNeutralForeground3,\n        ...shorthands.borderColor(tokens.colorNeutralStroke2)\n    },\n    'outline-severe': {\n        color: tokens.colorPaletteDarkOrangeForeground3\n    },\n    'outline-subtle': {\n        color: tokens.colorNeutralForegroundStaticInverted\n    },\n    'outline-success': {\n        color: tokens.colorPaletteGreenForeground3,\n        ...shorthands.borderColor(tokens.colorPaletteGreenBorder2)\n    },\n    'outline-warning': {\n        color: tokens.colorPaletteYellowForeground2\n    },\n    // appearance: tint\n    tint: {\n    },\n    'tint-brand': {\n        backgroundColor: tokens.colorBrandBackground2,\n        color: tokens.colorBrandForeground2,\n        ...shorthands.borderColor(tokens.colorBrandStroke2)\n    },\n    'tint-danger': {\n        backgroundColor: tokens.colorPaletteRedBackground1,\n        color: tokens.colorPaletteRedForeground1,\n        ...shorthands.borderColor(tokens.colorPaletteRedBorder1)\n    },\n    'tint-important': {\n        backgroundColor: tokens.colorNeutralForeground3,\n        color: tokens.colorNeutralBackground1,\n        ...shorthands.borderColor(tokens.colorTransparentStroke)\n    },\n    'tint-informative': {\n        backgroundColor: tokens.colorNeutralBackground4,\n        color: tokens.colorNeutralForeground3,\n        ...shorthands.borderColor(tokens.colorNeutralStroke2)\n    },\n    'tint-severe': {\n        backgroundColor: tokens.colorPaletteDarkOrangeBackground1,\n        color: tokens.colorPaletteDarkOrangeForeground1,\n        ...shorthands.borderColor(tokens.colorPaletteDarkOrangeBorder1)\n    },\n    'tint-subtle': {\n        backgroundColor: tokens.colorNeutralBackground1,\n        color: tokens.colorNeutralForeground3,\n        ...shorthands.borderColor(tokens.colorNeutralStroke2)\n    },\n    'tint-success': {\n        backgroundColor: tokens.colorPaletteGreenBackground1,\n        color: tokens.colorPaletteGreenForeground1,\n        ...shorthands.borderColor(tokens.colorPaletteGreenBorder1)\n    },\n    'tint-warning': {\n        backgroundColor: tokens.colorPaletteYellowBackground1,\n        color: tokens.colorPaletteYellowForeground1,\n        ...shorthands.borderColor(tokens.colorPaletteYellowBorder1)\n    }\n});\nconst useIconRootClassName = makeResetStyles({\n    display: 'flex',\n    lineHeight: '1',\n    margin: `0 calc(-1 * ${textPadding})`,\n    fontSize: '12px'\n});\nconst useIconStyles = makeStyles({\n    beforeText: {\n        marginRight: `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`\n    },\n    afterText: {\n        marginLeft: `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`\n    },\n    beforeTextXL: {\n        marginRight: `calc(${tokens.spacingHorizontalXS} + ${textPadding})`\n    },\n    afterTextXL: {\n        marginLeft: `calc(${tokens.spacingHorizontalXS} + ${textPadding})`\n    },\n    // size\n    tiny: {\n        fontSize: '6px'\n    },\n    'extra-small': {\n        fontSize: '10px'\n    },\n    small: {\n        fontSize: '12px'\n    },\n    medium: {\n    },\n    large: {\n        fontSize: '16px'\n    },\n    'extra-large': {\n        fontSize: '20px'\n    }\n});\n/**\n * Applies style classnames to slots\n */ export const useBadgeStyles_unstable = (state)=>{\n    const rootClassName = useRootClassName();\n    const rootStyles = useRootStyles();\n    const smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';\n    state.root.className = mergeClasses(badgeClassNames.root, rootClassName, smallToTiny && rootStyles.fontSmallToTiny, rootStyles[state.size], rootStyles[state.shape], state.shape === 'rounded' && smallToTiny && rootStyles.roundedSmallToTiny, state.appearance === 'ghost' && rootStyles.borderGhost, rootStyles[state.appearance], rootStyles[`${state.appearance}-${state.color}`], state.root.className);\n    const iconRootClassName = useIconRootClassName();\n    const iconStyles = useIconStyles();\n    if (state.icon) {\n        let iconPositionClass;\n        if (state.root.children) {\n            if (state.size === 'extra-large') {\n                iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterTextXL : iconStyles.beforeTextXL;\n            } else {\n                iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterText : iconStyles.beforeText;\n            }\n        }\n        state.icon.className = mergeClasses(badgeClassNames.icon, iconRootClassName, iconPositionClass, iconStyles[state.size], state.icon.className);\n    }\n    return state;\n};\n"],"mappings":"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"}

package/lib/components/PresenceBadge/usePresenceBadge.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { resolveShorthand } from '@fluentui/react-utilities';
+import { slot } from '@fluentui/react-utilities';
 import { presenceAvailableFilled, presenceAvailableRegular, presenceAwayFilled, presenceAwayRegular, presenceBlockedRegular, presenceBusyFilled, presenceDndFilled, presenceDndRegular, presenceOfflineRegular, presenceOofRegular, presenceUnknownRegular } from './presenceIcons';
 import { useBadge_unstable } from '../Badge/index';
 const iconMap = (status, outOfOffice, size)=>{
@@ -45,11 +45,12 @@ const DEFAULT_STRINGS = {
             role: 'img',
             ...props,
             size,
-            icon: resolveShorthand(props.icon, {
+            icon: slot.optional(props.icon, {
                 defaultProps: {
                     children: IconElement ? /*#__PURE__*/ React.createElement(IconElement, null) : null
                 },
-                required: true
+                renderByDefault: true,
+                elementType: 'span'
             })
         }, ref),
         status,

package/lib/components/PresenceBadge/usePresenceBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePresenceBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport {\n  presenceAvailableFilled,\n  presenceAvailableRegular,\n  presenceAwayFilled,\n  presenceAwayRegular,\n  presenceBlockedRegular,\n  presenceBusyFilled,\n  presenceDndFilled,\n  presenceDndRegular,\n  presenceOfflineRegular,\n  presenceOofRegular,\n  presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadge_unstable } from '../Badge/index';\nimport type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';\n\nconst iconMap = (status: PresenceBadgeState['status'], outOfOffice: boolean, size: PresenceBadgeState['size']) => {\n  switch (status) {\n    case 'available':\n      return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n    case 'away':\n      return outOfOffice ? presenceAwayRegular[size] : presenceAwayFilled[size];\n    case 'blocked':\n      return presenceBlockedRegular[size];\n    case 'busy':\n      return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n    case 'do-not-disturb':\n      return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n    case 'offline':\n      return presenceOfflineRegular[size];\n    case 'out-of-office':\n      return presenceOofRegular[size];\n    case 'unknown':\n      return presenceUnknownRegular[size];\n  }\n};\n\nconst DEFAULT_STRINGS = {\n  busy: 'busy',\n  'out-of-office': 'out of office',\n  away: 'away',\n  available: 'available',\n  offline: 'offline',\n  'do-not-disturb': 'do not disturb',\n  unknown: 'unknown',\n  blocked: 'blocked',\n};\n\n/**\n * Returns the props and state required to render the component\n */\nexport const usePresenceBadge_unstable = (\n  props: PresenceBadgeProps,\n  ref: React.Ref<HTMLElement>,\n): PresenceBadgeState => {\n  const { size = 'medium', status = 'available', outOfOffice = false } = props;\n\n  const statusText = DEFAULT_STRINGS[status];\n  const oofText = props.outOfOffice && props.status !== 'out-of-office' ? ` ${DEFAULT_STRINGS['out-of-office']}` : '';\n\n  const IconElement = iconMap(status, outOfOffice, size);\n\n  const state: PresenceBadgeState = {\n    ...useBadge_unstable(\n      {\n        'aria-label': statusText + oofText,\n        role: 'img',\n        ...props,\n        size,\n        icon: resolveShorthand(props.icon, {\n          defaultProps: {\n            children: IconElement ? <IconElement /> : null,\n          },\n          required: true,\n        }),\n      },\n      ref,\n    ),\n    status,\n    outOfOffice,\n  };\n\n  return state;\n};\n"],"names":["React","resolveShorthand","presenceAvailableFilled","presenceAvailableRegular","presenceAwayFilled","presenceAwayRegular","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOfflineRegular","presenceOofRegular","presenceUnknownRegular","useBadge_unstable","iconMap","status","outOfOffice","size","DEFAULT_STRINGS","busy","away","available","offline","unknown","blocked","usePresenceBadge_unstable","props","ref","statusText","oofText","IconElement","state","role","icon","defaultProps","children","required"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SACEC,uBAAuB,EACvBC,wBAAwB,EACxBC,kBAAkB,EAClBC,mBAAmB,EACnBC,sBAAsB,EACtBC,kBAAkB,EAClBC,iBAAiB,EACjBC,kBAAkB,EAClBC,sBAAsB,EACtBC,kBAAkB,EAClBC,sBAAsB,QACjB,kBAAkB;AACzB,SAASC,iBAAiB,QAAQ,iBAAiB;AAGnD,MAAMC,UAAU,CAACC,QAAsCC,aAAsBC,OAAqC;IAChH,OAAQF;QACN,KAAK;YACH,OAAOC,cAAcb,wBAAwB,CAACc,KAAK,GAAGf,uBAAuB,CAACe,KAAK;QACrF,KAAK;YACH,OAAOD,cAAcX,mBAAmB,CAACY,KAAK,GAAGb,kBAAkB,CAACa,KAAK;QAC3E,KAAK;YACH,OAAOX,sBAAsB,CAACW,KAAK;QACrC,KAAK;YACH,OAAOD,cAAcJ,sBAAsB,CAACK,KAAK,GAAGV,kBAAkB,CAACU,KAAK;QAC9E,KAAK;YACH,OAAOD,cAAcP,kBAAkB,CAACQ,KAAK,GAAGT,iBAAiB,CAACS,KAAK;QACzE,KAAK;YACH,OAAOP,sBAAsB,CAACO,KAAK;QACrC,KAAK;YACH,OAAON,kBAAkB,CAACM,KAAK;QACjC,KAAK;YACH,OAAOL,sBAAsB,CAACK,KAAK;IACvC;AACF;AAEA,MAAMC,kBAAkB;IACtBC,MAAM;IACN,iBAAiB;IACjBC,MAAM;IACNC,WAAW;IACXC,SAAS;IACT,kBAAkB;IAClBC,SAAS;IACTC,SAAS;AACX;AAEA;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC,MACuB;IACvB,MAAM,EAAEV,MAAO,SAAQ,EAAEF,QAAS,YAAW,EAAEC,aAAc,KAAK,CAAA,EAAE,GAAGU;IAEvE,MAAME,aAAaV,eAAe,CAACH,OAAO;IAC1C,MAAMc,UAAUH,MAAMV,WAAW,IAAIU,MAAMX,MAAM,KAAK,kBAAkB,CAAC,CAAC,EAAEG,eAAe,CAAC,gBAAgB,CAAC,CAAC,GAAG,EAAE;IAEnH,MAAMY,cAAchB,QAAQC,QAAQC,aAAaC;IAEjD,MAAMc,QAA4B;QAChC,GAAGlB,kBACD;YACE,cAAce,aAAaC;YAC3BG,MAAM;YACN,GAAGN,KAAK;YACRT;YACAgB,MAAMhC,iBAAiByB,MAAMO,IAAI,EAAE;gBACjCC,cAAc;oBACZC,UAAUL,4BAAc,oBAACA,qBAAiB,IAAI;gBAChD;gBACAM,UAAU,IAAI;YAChB;QACF,GACAT,IACD;QACDZ;QACAC;IACF;IAEA,OAAOe;AACT,EAAE"}
+{"version":3,"sources":["usePresenceBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport {\n  presenceAvailableFilled,\n  presenceAvailableRegular,\n  presenceAwayFilled,\n  presenceAwayRegular,\n  presenceBlockedRegular,\n  presenceBusyFilled,\n  presenceDndFilled,\n  presenceDndRegular,\n  presenceOfflineRegular,\n  presenceOofRegular,\n  presenceUnknownRegular,\n} from './presenceIcons';\nimport { useBadge_unstable } from '../Badge/index';\nimport type { PresenceBadgeProps, PresenceBadgeState } from './PresenceBadge.types';\n\nconst iconMap = (status: PresenceBadgeState['status'], outOfOffice: boolean, size: PresenceBadgeState['size']) => {\n  switch (status) {\n    case 'available':\n      return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n    case 'away':\n      return outOfOffice ? presenceAwayRegular[size] : presenceAwayFilled[size];\n    case 'blocked':\n      return presenceBlockedRegular[size];\n    case 'busy':\n      return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n    case 'do-not-disturb':\n      return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n    case 'offline':\n      return presenceOfflineRegular[size];\n    case 'out-of-office':\n      return presenceOofRegular[size];\n    case 'unknown':\n      return presenceUnknownRegular[size];\n  }\n};\n\nconst DEFAULT_STRINGS = {\n  busy: 'busy',\n  'out-of-office': 'out of office',\n  away: 'away',\n  available: 'available',\n  offline: 'offline',\n  'do-not-disturb': 'do not disturb',\n  unknown: 'unknown',\n  blocked: 'blocked',\n};\n\n/**\n * Returns the props and state required to render the component\n */\nexport const usePresenceBadge_unstable = (\n  props: PresenceBadgeProps,\n  ref: React.Ref<HTMLElement>,\n): PresenceBadgeState => {\n  const { size = 'medium', status = 'available', outOfOffice = false } = props;\n\n  const statusText = DEFAULT_STRINGS[status];\n  const oofText = props.outOfOffice && props.status !== 'out-of-office' ? ` ${DEFAULT_STRINGS['out-of-office']}` : '';\n\n  const IconElement = iconMap(status, outOfOffice, size);\n\n  const state: PresenceBadgeState = {\n    ...useBadge_unstable(\n      {\n        'aria-label': statusText + oofText,\n        role: 'img',\n        ...props,\n        size,\n        icon: slot.optional(props.icon, {\n          defaultProps: {\n            children: IconElement ? <IconElement /> : null,\n          },\n          renderByDefault: true,\n          elementType: 'span',\n        }),\n      },\n      ref,\n    ),\n    status,\n    outOfOffice,\n  };\n\n  return state;\n};\n"],"names":["React","slot","presenceAvailableFilled","presenceAvailableRegular","presenceAwayFilled","presenceAwayRegular","presenceBlockedRegular","presenceBusyFilled","presenceDndFilled","presenceDndRegular","presenceOfflineRegular","presenceOofRegular","presenceUnknownRegular","useBadge_unstable","iconMap","status","outOfOffice","size","DEFAULT_STRINGS","busy","away","available","offline","unknown","blocked","usePresenceBadge_unstable","props","ref","statusText","oofText","IconElement","state","role","icon","optional","defaultProps","children","renderByDefault","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SACEC,uBAAuB,EACvBC,wBAAwB,EACxBC,kBAAkB,EAClBC,mBAAmB,EACnBC,sBAAsB,EACtBC,kBAAkB,EAClBC,iBAAiB,EACjBC,kBAAkB,EAClBC,sBAAsB,EACtBC,kBAAkB,EAClBC,sBAAsB,QACjB,kBAAkB;AACzB,SAASC,iBAAiB,QAAQ,iBAAiB;AAGnD,MAAMC,UAAU,CAACC,QAAsCC,aAAsBC,OAAqC;IAChH,OAAQF;QACN,KAAK;YACH,OAAOC,cAAcb,wBAAwB,CAACc,KAAK,GAAGf,uBAAuB,CAACe,KAAK;QACrF,KAAK;YACH,OAAOD,cAAcX,mBAAmB,CAACY,KAAK,GAAGb,kBAAkB,CAACa,KAAK;QAC3E,KAAK;YACH,OAAOX,sBAAsB,CAACW,KAAK;QACrC,KAAK;YACH,OAAOD,cAAcJ,sBAAsB,CAACK,KAAK,GAAGV,kBAAkB,CAACU,KAAK;QAC9E,KAAK;YACH,OAAOD,cAAcP,kBAAkB,CAACQ,KAAK,GAAGT,iBAAiB,CAACS,KAAK;QACzE,KAAK;YACH,OAAOP,sBAAsB,CAACO,KAAK;QACrC,KAAK;YACH,OAAON,kBAAkB,CAACM,KAAK;QACjC,KAAK;YACH,OAAOL,sBAAsB,CAACK,KAAK;IACvC;AACF;AAEA,MAAMC,kBAAkB;IACtBC,MAAM;IACN,iBAAiB;IACjBC,MAAM;IACNC,WAAW;IACXC,SAAS;IACT,kBAAkB;IAClBC,SAAS;IACTC,SAAS;AACX;AAEA;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC,MACuB;IACvB,MAAM,EAAEV,MAAO,SAAQ,EAAEF,QAAS,YAAW,EAAEC,aAAc,KAAK,CAAA,EAAE,GAAGU;IAEvE,MAAME,aAAaV,eAAe,CAACH,OAAO;IAC1C,MAAMc,UAAUH,MAAMV,WAAW,IAAIU,MAAMX,MAAM,KAAK,kBAAkB,CAAC,CAAC,EAAEG,eAAe,CAAC,gBAAgB,CAAC,CAAC,GAAG,EAAE;IAEnH,MAAMY,cAAchB,QAAQC,QAAQC,aAAaC;IAEjD,MAAMc,QAA4B;QAChC,GAAGlB,kBACD;YACE,cAAce,aAAaC;YAC3BG,MAAM;YACN,GAAGN,KAAK;YACRT;YACAgB,MAAMhC,KAAKiC,QAAQ,CAACR,MAAMO,IAAI,EAAE;gBAC9BE,cAAc;oBACZC,UAAUN,4BAAc,oBAACA,qBAAiB,IAAI;gBAChD;gBACAO,iBAAiB,IAAI;gBACrBC,aAAa;YACf;QACF,GACAX,IACD;QACDZ;QACAC;IACF;IAEA,OAAOe;AACT,EAAE"}

package/lib/components/PresenceBadge/usePresenceBadgeStyles.styles.js

@@ -10,8 +10,8 @@ const getIsBusy = status => {
   }
   return false;
 };
-const useRootClassName = /*#__PURE__*/__resetStyles("r832ydo", null, [".r832ydo{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-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;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralBackground1);padding:1px;-webkit-background-clip:content-box;background-clip:content-box;}"]);
-const useIconClassName = /*#__PURE__*/__resetStyles("r11ag4qr", null, [".r11ag4qr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:-1px;}"]);
+const useRootClassName = /*#__PURE__*/__resetStyles("r832ydo", null, [".r832ydo{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralBackground1);padding:1px;background-clip:content-box;}"]);
+const useIconClassName = /*#__PURE__*/__resetStyles("r11ag4qr", null, [".r11ag4qr{display:flex;margin:-1px;}"]);
 const useStyles = /*#__PURE__*/__styles({
   statusBusy: {
     sj55zd: "fvi85wt"
@@ -63,7 +63,7 @@ const useStyles = /*#__PURE__*/__styles({
     p4uzdd: "fhipgdu"
   }
 }, {
-  d: [".fvi85wt{color:var(--colorPaletteRedBackground3);}", ".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}", ".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fdce8r3{color:var(--colorPaletteBerryForeground3);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".f9ikmtg{aspect-ratio:1;}", ".f16dn6v3{width:6px;}", ".f1w2irj7{-webkit-background-clip:unset;background-clip:unset;}", ".fab5kbq svg{width:6px!important;}", ".f1ms1d91 svg{height:6px!important;}", ".f64fuq3{width:20px;}", ".f1vfi1yj svg{width:20px!important;}", ".f15s34gz svg{height:20px!important;}", ".f1w9dchk{width:28px;}", ".f14efy9b svg{width:28px!important;}", ".fhipgdu svg{height:28px!important;}"]
+  d: [".fvi85wt{color:var(--colorPaletteRedBackground3);}", ".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}", ".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fdce8r3{color:var(--colorPaletteBerryForeground3);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".f9ikmtg{aspect-ratio:1;}", ".f16dn6v3{width:6px;}", ".f1w2irj7{background-clip:unset;}", ".fab5kbq svg{width:6px!important;}", ".f1ms1d91 svg{height:6px!important;}", ".f64fuq3{width:20px;}", ".f1vfi1yj svg{width:20px!important;}", ".f15s34gz svg{height:20px!important;}", ".f1w9dchk{width:28px;}", ".f14efy9b svg{width:28px!important;}", ".fhipgdu svg{height:28px!important;}"]
 });
 /**
  * Applies style classnames to slots

package/lib/components/PresenceBadge/usePresenceBadgeStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","presenceBadgeClassNames","root","icon","getIsBusy","status","useRootClassName","useIconClassName","useStyles","statusBusy","sj55zd","statusAway","statusAvailable","statusOffline","statusOutOfOffice","statusUnknown","outOfOffice","outOfOfficeAvailable","outOfOfficeBusy","outOfOfficeUnknown","tiny","Bubjx69","a9b677","B2eet1l","B5pe6w7","p4uzdd","large","extraLarge","d","usePresenceBadgeStyles_unstable","state","rootClassName","iconClassName","styles","isBusy","className","size"],"sources":["usePresenceBadgeStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const presenceBadgeClassNames = {\n    root: 'fui-PresenceBadge',\n    icon: 'fui-PresenceBadge__icon'\n};\nconst getIsBusy = (status)=>{\n    if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n        return true;\n    }\n    return false;\n};\nconst useRootClassName = makeResetStyles({\n    display: 'inline-flex',\n    boxSizing: 'border-box',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: tokens.borderRadiusCircular,\n    backgroundColor: tokens.colorNeutralBackground1,\n    // The background color bleeds around the edge of the icon due to antialiasing on the svg and element background.\n    // Since all presence icons have a border around the edge that is at least 1px wide*, we can inset the background\n    // using padding and backgroundClip. The icon has margin: -1px to account for the padding.\n    // (* except size=\"tiny\", where backgroundClip is unset)\n    padding: '1px',\n    backgroundClip: 'content-box'\n});\nconst useIconClassName = makeResetStyles({\n    display: 'flex',\n    margin: '-1px'\n});\nconst useStyles = makeStyles({\n    statusBusy: {\n        color: tokens.colorPaletteRedBackground3\n    },\n    statusAway: {\n        color: tokens.colorPaletteMarigoldBackground3\n    },\n    statusAvailable: {\n        color: tokens.colorPaletteLightGreenForeground3\n    },\n    statusOffline: {\n        color: tokens.colorNeutralForeground3\n    },\n    statusOutOfOffice: {\n        color: tokens.colorPaletteBerryForeground3\n    },\n    statusUnknown: {\n        color: tokens.colorNeutralForeground3\n    },\n    outOfOffice: {\n        color: tokens.colorNeutralBackground1\n    },\n    outOfOfficeAvailable: {\n        color: tokens.colorPaletteLightGreenForeground3\n    },\n    outOfOfficeBusy: {\n        color: tokens.colorPaletteRedBackground3\n    },\n    outOfOfficeUnknown: {\n        color: tokens.colorNeutralForeground3\n    },\n    // Icons are not resizeable, and these sizes are currently missing\n    // use `!important` to size the currently available icons to the missing ones\n    //\n    tiny: {\n        aspectRatio: '1',\n        width: '6px',\n        backgroundClip: 'unset',\n        '& svg': {\n            width: '6px !important',\n            height: '6px !important'\n        }\n    },\n    large: {\n        aspectRatio: '1',\n        width: '20px',\n        '& svg': {\n            width: '20px !important',\n            height: '20px !important'\n        }\n    },\n    extraLarge: {\n        aspectRatio: '1',\n        width: '28px',\n        '& svg': {\n            width: '28px !important',\n            height: '28px !important'\n        }\n    }\n});\n/**\n * Applies style classnames to slots\n */ export const usePresenceBadgeStyles_unstable = (state)=>{\n    const rootClassName = useRootClassName();\n    const iconClassName = useIconClassName();\n    const styles = useStyles();\n    const isBusy = getIsBusy(state.status);\n    state.root.className = mergeClasses(presenceBadgeClassNames.root, rootClassName, isBusy && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'out-of-office' && styles.statusOutOfOffice, state.status === 'unknown' && styles.statusUnknown, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && isBusy && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.statusAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice, state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);\n    if (state.icon) {\n        state.icon.className = mergeClasses(presenceBadgeClassNames.icon, iconClassName, state.icon.className);\n    }\n    return state;\n};\n"],"mappings":"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"}
+{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","presenceBadgeClassNames","root","icon","getIsBusy","status","useRootClassName","useIconClassName","useStyles","statusBusy","sj55zd","statusAway","statusAvailable","statusOffline","statusOutOfOffice","statusUnknown","outOfOffice","outOfOfficeAvailable","outOfOfficeBusy","outOfOfficeUnknown","tiny","Bubjx69","a9b677","B2eet1l","B5pe6w7","p4uzdd","large","extraLarge","d","usePresenceBadgeStyles_unstable","state","rootClassName","iconClassName","styles","isBusy","className","size"],"sources":["usePresenceBadgeStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const presenceBadgeClassNames = {\n    root: 'fui-PresenceBadge',\n    icon: 'fui-PresenceBadge__icon'\n};\nconst getIsBusy = (status)=>{\n    if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n        return true;\n    }\n    return false;\n};\nconst useRootClassName = makeResetStyles({\n    display: 'inline-flex',\n    boxSizing: 'border-box',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: tokens.borderRadiusCircular,\n    backgroundColor: tokens.colorNeutralBackground1,\n    // The background color bleeds around the edge of the icon due to antialiasing on the svg and element background.\n    // Since all presence icons have a border around the edge that is at least 1px wide*, we can inset the background\n    // using padding and backgroundClip. The icon has margin: -1px to account for the padding.\n    // (* except size=\"tiny\", where backgroundClip is unset)\n    padding: '1px',\n    backgroundClip: 'content-box'\n});\nconst useIconClassName = makeResetStyles({\n    display: 'flex',\n    margin: '-1px'\n});\nconst useStyles = makeStyles({\n    statusBusy: {\n        color: tokens.colorPaletteRedBackground3\n    },\n    statusAway: {\n        color: tokens.colorPaletteMarigoldBackground3\n    },\n    statusAvailable: {\n        color: tokens.colorPaletteLightGreenForeground3\n    },\n    statusOffline: {\n        color: tokens.colorNeutralForeground3\n    },\n    statusOutOfOffice: {\n        color: tokens.colorPaletteBerryForeground3\n    },\n    statusUnknown: {\n        color: tokens.colorNeutralForeground3\n    },\n    outOfOffice: {\n        color: tokens.colorNeutralBackground1\n    },\n    outOfOfficeAvailable: {\n        color: tokens.colorPaletteLightGreenForeground3\n    },\n    outOfOfficeBusy: {\n        color: tokens.colorPaletteRedBackground3\n    },\n    outOfOfficeUnknown: {\n        color: tokens.colorNeutralForeground3\n    },\n    // Icons are not resizeable, and these sizes are currently missing\n    // use `!important` to size the currently available icons to the missing ones\n    //\n    tiny: {\n        aspectRatio: '1',\n        width: '6px',\n        backgroundClip: 'unset',\n        '& svg': {\n            width: '6px !important',\n            height: '6px !important'\n        }\n    },\n    large: {\n        aspectRatio: '1',\n        width: '20px',\n        '& svg': {\n            width: '20px !important',\n            height: '20px !important'\n        }\n    },\n    extraLarge: {\n        aspectRatio: '1',\n        width: '28px',\n        '& svg': {\n            width: '28px !important',\n            height: '28px !important'\n        }\n    }\n});\n/**\n * Applies style classnames to slots\n */ export const usePresenceBadgeStyles_unstable = (state)=>{\n    const rootClassName = useRootClassName();\n    const iconClassName = useIconClassName();\n    const styles = useStyles();\n    const isBusy = getIsBusy(state.status);\n    state.root.className = mergeClasses(presenceBadgeClassNames.root, rootClassName, isBusy && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'out-of-office' && styles.statusOutOfOffice, state.status === 'unknown' && styles.statusUnknown, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && isBusy && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.statusAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice, state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);\n    if (state.icon) {\n        state.icon.className = mergeClasses(presenceBadgeClassNames.icon, iconClassName, state.icon.className);\n    }\n    return state;\n};\n"],"mappings":"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"}

package/lib-commonjs/components/Badge/renderBadge.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderBadge_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderBadge_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, state.iconPosition === 'before' && slots.icon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.icon, slotProps.icon), state.root.children, state.iconPosition === 'after' && slots.icon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.icon, slotProps.icon));
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.iconPosition === 'before' && state.icon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.icon, null), state.root.children, state.iconPosition === 'after' && state.icon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.icon, null));
 };

package/lib-commonjs/components/Badge/renderBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderBadge.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nexport const renderBadge_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, state.iconPosition === 'before' && slots.icon && /*#__PURE__*/ createElement(slots.icon, slotProps.icon), state.root.children, state.iconPosition === 'after' && slots.icon && /*#__PURE__*/ createElement(slots.icon, slotProps.icon));\n};\n"],"names":["renderBadge_unstable","state","slots","slotProps","getSlotsNext","createElement","root","iconPosition","icon","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAErCA;;aAAAA;;iCAFsE;gCACtD;AACtB,MAAMA,uBAAuB,CAACC,QAAQ;IACzC,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEL,MAAMM,YAAY,KAAK,YAAYL,MAAMM,IAAI,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMM,IAAI,EAAEL,UAAUK,IAAI,GAAGP,MAAMK,IAAI,CAACG,QAAQ,EAAER,MAAMM,YAAY,KAAK,WAAWL,MAAMM,IAAI,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMM,IAAI,EAAEL,UAAUK,IAAI;AACxS"}
+{"version":3,"sources":["renderBadge.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nexport const renderBadge_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, state.iconPosition === 'before' && state.icon && /*#__PURE__*/ createElement(state.icon, null), state.root.children, state.iconPosition === 'after' && state.icon && /*#__PURE__*/ createElement(state.icon, null));\n};\n"],"names":["renderBadge_unstable","state","assertSlots","createElement","root","iconPosition","icon","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAErCA;;aAAAA;;iCAFsE;gCACvD;AACrB,MAAMA,uBAAuB,CAACC,QAAQ;IACzCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAEH,MAAMI,YAAY,KAAK,YAAYJ,MAAMK,IAAI,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACF,MAAMK,IAAI,EAAE,IAAI,GAAGL,MAAMG,IAAI,CAACG,QAAQ,EAAEN,MAAMI,YAAY,KAAK,WAAWJ,MAAMK,IAAI,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACF,MAAMK,IAAI,EAAE,IAAI;AAC1Q"}

package/lib-commonjs/components/Badge/useBadge.js

@@ -21,11 +21,15 @@ const useBadge_unstable = (props, ref)=>{
             root: 'div',
             icon: 'span'
         },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
             ref,
             ...props
+        }), {
+            elementType: 'div'
         }),
-        icon: (0, _reactUtilities.resolveShorthand)(props.icon)
+        icon: _reactUtilities.slot.optional(props.icon, {
+            elementType: 'span'
+        })
     };
     return state;
 };

package/lib-commonjs/components/Badge/useBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBadge.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\n/**\n * Returns the props and state required to render the component\n */ export const useBadge_unstable = (props, ref)=>{\n    const { shape ='circular' , size ='medium' , iconPosition ='before' , appearance ='filled' , color ='brand'  } = props;\n    const state = {\n        shape,\n        size,\n        iconPosition,\n        appearance,\n        color,\n        components: {\n            root: 'div',\n            icon: 'span'\n        },\n        root: getNativeElementProps('div', {\n            ref,\n            ...props\n        }),\n        icon: resolveShorthand(props.icon)\n    };\n    return state;\n};\n"],"names":["useBadge_unstable","props","ref","shape","size","iconPosition","appearance","color","state","components","root","icon","getNativeElementProps","resolveShorthand"],"mappings":";;;;+BAIiBA;;aAAAA;;;6DAJM;gCACiC;AAG7C,MAAMA,oBAAoB,CAACC,OAAOC,MAAM;IAC/C,MAAM,EAAEC,OAAO,WAAU,EAAGC,MAAM,SAAQ,EAAGC,cAAc,SAAQ,EAAGC,YAAY,SAAQ,EAAGC,OAAO,QAAO,EAAG,GAAGN;IACjH,MAAMO,QAAQ;QACVL;QACAC;QACAC;QACAC;QACAC;QACAE,YAAY;YACRC,MAAM;YACNC,MAAM;QACV;QACAD,MAAME,IAAAA,qCAAqB,EAAC,OAAO;YAC/BV;YACA,GAAGD,KAAK;QACZ;QACAU,MAAME,IAAAA,gCAAgB,EAACZ,MAAMU,IAAI;IACrC;IACA,OAAOH;AACX"}
+{"version":3,"sources":["useBadge.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Returns the props and state required to render the component\n */ export const useBadge_unstable = (props, ref)=>{\n    const { shape ='circular' , size ='medium' , iconPosition ='before' , appearance ='filled' , color ='brand'  } = props;\n    const state = {\n        shape,\n        size,\n        iconPosition,\n        appearance,\n        color,\n        components: {\n            root: 'div',\n            icon: 'span'\n        },\n        root: slot.always(getNativeElementProps('div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        icon: slot.optional(props.icon, {\n            elementType: 'span'\n        })\n    };\n    return state;\n};\n"],"names":["useBadge_unstable","props","ref","shape","size","iconPosition","appearance","color","state","components","root","icon","slot","always","getNativeElementProps","elementType","optional"],"mappings":";;;;+BAIiBA;;aAAAA;;;6DAJM;gCACqB;AAGjC,MAAMA,oBAAoB,CAACC,OAAOC,MAAM;IAC/C,MAAM,EAAEC,OAAO,WAAU,EAAGC,MAAM,SAAQ,EAAGC,cAAc,SAAQ,EAAGC,YAAY,SAAQ,EAAGC,OAAO,QAAO,EAAG,GAAGN;IACjH,MAAMO,QAAQ;QACVL;QACAC;QACAC;QACAC;QACAC;QACAE,YAAY;YACRC,MAAM;YACNC,MAAM;QACV;QACAD,MAAME,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CZ;YACA,GAAGD,KAAK;QACZ,IAAI;YACAc,aAAa;QACjB;QACAJ,MAAMC,oBAAI,CAACI,QAAQ,CAACf,MAAMU,IAAI,EAAE;YAC5BI,aAAa;QACjB;IACJ;IACA,OAAOP;AACX"}

package/lib-commonjs/components/Badge/useBadgeStyles.styles.js

@@ -22,9 +22,9 @@ const badgeClassNames = {
 // Instead, add extra padding to the root, and a negative margin on the icon to "remove" the extra padding on the icon.
 const textPadding = _reactTheme.tokens.spacingHorizontalXXS;
 const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r1l7mb74", "rntuq2r", [
-    ".r1l7mb74{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-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;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}",
+    ".r1l7mb74{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}",
     ".r1l7mb74::after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}",
-    ".rntuq2r{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-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;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}",
+    ".rntuq2r{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}",
     ".rntuq2r::after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}"
 ]);
 const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
@@ -540,7 +540,7 @@ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
     ]
 });
 const useIconRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("rttl5z0", null, [
-    ".rttl5z0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:1;margin:0 calc(-1 * var(--spacingHorizontalXXS));font-size:12px;}"
+    ".rttl5z0{display:flex;line-height:1;margin:0 calc(-1 * var(--spacingHorizontalXXS));font-size:12px;}"
 ]);
 const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
     beforeText: {

package/lib-commonjs/components/Badge/useBadgeStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBadgeStyles.styles.js"],"sourcesContent":["import { shorthands, __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const badgeClassNames = {\n  root: 'fui-Badge',\n  icon: 'fui-Badge__icon'\n};\n// The text content of the badge has additional horizontal padding, but there is no `text` slot to add that padding to.\n// Instead, add extra padding to the root, and a negative margin on the icon to \"remove\" the extra padding on the icon.\nconst textPadding = tokens.spacingHorizontalXXS;\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r1l7mb74\", \"rntuq2r\", [\".r1l7mb74{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-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;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}\", \".r1l7mb74::after{content:\\\"\\\";position:absolute;top:0;left:0;bottom:0;right:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}\", \".rntuq2r{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-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;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}\", \".rntuq2r::after{content:\\\"\\\";position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}\"]);\nconst useRootStyles = /*#__PURE__*/__styles({\n  fontSmallToTiny: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"f13mqy1h\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"fcpl73t\"\n  },\n  tiny: {\n    a9b677: \"f16dn6v3\",\n    Bqenvij: \"f3mu39s\",\n    Be2twd7: \"f130uwy9\",\n    Bg96gwp: \"fod1mrr\",\n    Bf4jedk: \"f18p0k4z\",\n    z8tnut: \"f1q8r6hh\",\n    z189sj: [\"fio2s09\", \"fkiw60q\"],\n    Byoj8tv: \"f9yu9nh\",\n    uwmqm3: [\"fkiw60q\", \"fio2s09\"]\n  },\n  \"extra-small\": {\n    a9b677: \"fpd43o0\",\n    Bqenvij: \"f30q22z\",\n    Be2twd7: \"f1tccstq\",\n    Bg96gwp: \"f1y3arg5\",\n    Bf4jedk: \"f18p0k4z\",\n    z8tnut: \"f1q8r6hh\",\n    z189sj: [\"fio2s09\", \"fkiw60q\"],\n    Byoj8tv: \"f9yu9nh\",\n    uwmqm3: [\"fkiw60q\", \"fio2s09\"]\n  },\n  small: {\n    a9b677: \"fjw5fx7\",\n    Bqenvij: \"fd461yt\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fps1v9c\", \"f17ae1jz\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f17ae1jz\", \"fps1v9c\"]\n  },\n  medium: {},\n  large: {\n    a9b677: \"fq4mcun\",\n    Bqenvij: \"frvgh55\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f17a92cs\", \"f1pe0i86\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1pe0i86\", \"f17a92cs\"]\n  },\n  \"extra-large\": {\n    a9b677: \"f1szoe96\",\n    Bqenvij: \"f1d2rq10\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fqznh8f\", \"f1xile11\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1xile11\", \"fqznh8f\"]\n  },\n  square: {\n    Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n    Beyfa6y: [\"fyowgf4\", \"fzi6hpg\"],\n    B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n    Btl43ni: [\"f13av6d4\", \"f3fg2lr\"]\n  },\n  rounded: {\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n  },\n  roundedSmallToTiny: {\n    Bbmb7ep: [\"f1g3puop\", \"fi2rrw2\"],\n    Beyfa6y: [\"fi2rrw2\", \"f1g3puop\"],\n    B7oj6ja: [\"f1rstyi9\", \"f1s4nn1u\"],\n    Btl43ni: [\"f1s4nn1u\", \"f1rstyi9\"]\n  },\n  circular: {},\n  borderGhost: {\n    ap17g6: \"f10ludwy\"\n  },\n  filled: {},\n  \"filled-brand\": {\n    De3pzq: \"ffp7eso\",\n    sj55zd: \"f1phragk\"\n  },\n  \"filled-danger\": {\n    De3pzq: \"fdl5y0r\",\n    sj55zd: \"f1phragk\"\n  },\n  \"filled-important\": {\n    De3pzq: \"f1c73kur\",\n    sj55zd: \"fr0bkrk\"\n  },\n  \"filled-informative\": {\n    De3pzq: \"f3vzo32\",\n    sj55zd: \"f11d4kpn\"\n  },\n  \"filled-severe\": {\n    De3pzq: \"f1s438gw\",\n    sj55zd: \"f1phragk\"\n  },\n  \"filled-subtle\": {\n    De3pzq: \"fxugw4r\",\n    sj55zd: \"f19n0e5\"\n  },\n  \"filled-success\": {\n    De3pzq: \"flxk52p\",\n    sj55zd: \"f1phragk\"\n  },\n  \"filled-warning\": {\n    De3pzq: \"ffq97bm\",\n    sj55zd: \"ff5vbop\"\n  },\n  ghost: {},\n  \"ghost-brand\": {\n    sj55zd: \"f16muhyy\"\n  },\n  \"ghost-danger\": {\n    sj55zd: \"f1whyuy6\"\n  },\n  \"ghost-important\": {\n    sj55zd: \"f19n0e5\"\n  },\n  \"ghost-informative\": {\n    sj55zd: \"f11d4kpn\"\n  },\n  \"ghost-severe\": {\n    sj55zd: \"f1l8vj45\"\n  },\n  \"ghost-subtle\": {\n    sj55zd: \"fonrgv7\"\n  },\n  \"ghost-success\": {\n    sj55zd: \"f1m7fhi8\"\n  },\n  \"ghost-warning\": {\n    sj55zd: \"fpti2h4\"\n  },\n  outline: {\n    g2u3we: \"f23ftbb\",\n    h3c5rm: [\"f1gkuv52\", \"f1p1bl80\"],\n    B9xav0g: \"fioka3i\",\n    zhjwy3: [\"f1p1bl80\", \"f1gkuv52\"]\n  },\n  \"outline-brand\": {\n    sj55zd: \"f16muhyy\"\n  },\n  \"outline-danger\": {\n    sj55zd: \"f1whyuy6\",\n    g2u3we: \"fyqpifd\",\n    h3c5rm: [\"f3ukxca\", \"f1k7dugc\"],\n    B9xav0g: \"f1njxb2b\",\n    zhjwy3: [\"f1k7dugc\", \"f3ukxca\"]\n  },\n  \"outline-important\": {\n    sj55zd: \"f11d4kpn\",\n    g2u3we: \"fq0vr37\",\n    h3c5rm: [\"f1byw159\", \"f11cr0be\"],\n    B9xav0g: \"f1c1zstj\",\n    zhjwy3: [\"f11cr0be\", \"f1byw159\"]\n  },\n  \"outline-informative\": {\n    sj55zd: \"f11d4kpn\",\n    g2u3we: \"f68mrw8\",\n    h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n    B9xav0g: \"frpde29\",\n    zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n  },\n  \"outline-severe\": {\n    sj55zd: \"f1l8vj45\"\n  },\n  \"outline-subtle\": {\n    sj55zd: \"fonrgv7\"\n  },\n  \"outline-success\": {\n    sj55zd: \"f1m7fhi8\",\n    g2u3we: \"f1mmhl11\",\n    h3c5rm: [\"f1tjpp2f\", \"f1ocn5n7\"],\n    B9xav0g: \"f1gjv25d\",\n    zhjwy3: [\"f1ocn5n7\", \"f1tjpp2f\"]\n  },\n  \"outline-warning\": {\n    sj55zd: \"fpti2h4\"\n  },\n  tint: {},\n  \"tint-brand\": {\n    De3pzq: \"f16xkysk\",\n    sj55zd: \"faj9fo0\",\n    g2u3we: \"f161y7kd\",\n    h3c5rm: [\"f1c8dzaj\", \"f1sl6hi9\"],\n    B9xav0g: \"f1619yhw\",\n    zhjwy3: [\"f1sl6hi9\", \"f1c8dzaj\"]\n  },\n  \"tint-danger\": {\n    De3pzq: \"ff0poqj\",\n    sj55zd: \"f1hcrxcs\",\n    g2u3we: \"f1oqjm8o\",\n    h3c5rm: [\"fkgrb8g\", \"frb5wm0\"],\n    B9xav0g: \"f1iai1ph\",\n    zhjwy3: [\"frb5wm0\", \"fkgrb8g\"]\n  },\n  \"tint-important\": {\n    De3pzq: \"f945g0u\",\n    sj55zd: \"fr0bkrk\",\n    g2u3we: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"]\n  },\n  \"tint-informative\": {\n    De3pzq: \"f1ctqxl6\",\n    sj55zd: \"f11d4kpn\",\n    g2u3we: \"f68mrw8\",\n    h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n    B9xav0g: \"frpde29\",\n    zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n  },\n  \"tint-severe\": {\n    De3pzq: \"f1xzsg4\",\n    sj55zd: \"f1k5f75o\",\n    g2u3we: \"fxy9dsj\",\n    h3c5rm: [\"f54u6j2\", \"fcm23ze\"],\n    B9xav0g: \"f4vf0uq\",\n    zhjwy3: [\"fcm23ze\", \"f54u6j2\"]\n  },\n  \"tint-subtle\": {\n    De3pzq: \"fxugw4r\",\n    sj55zd: \"f11d4kpn\",\n    g2u3we: \"f68mrw8\",\n    h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n    B9xav0g: \"frpde29\",\n    zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n  },\n  \"tint-success\": {\n    De3pzq: \"f2vsrz6\",\n    sj55zd: \"ffmvakt\",\n    g2u3we: \"fdmic9h\",\n    h3c5rm: [\"f196y6m\", \"fetptd8\"],\n    B9xav0g: \"f1pev5xq\",\n    zhjwy3: [\"fetptd8\", \"f196y6m\"]\n  },\n  \"tint-warning\": {\n    De3pzq: \"f10s6hli\",\n    sj55zd: \"f42v8de\",\n    g2u3we: \"fn9i3n\",\n    h3c5rm: [\"f1aw8cx4\", \"f51if14\"],\n    B9xav0g: \"fvq8iai\",\n    zhjwy3: [\"f51if14\", \"f1aw8cx4\"]\n  }\n}, {\n  d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fcpl73t{line-height:var(--lineHeightBase100);}\", \".f16dn6v3{width:6px;}\", \".f3mu39s{height:6px;}\", \".f130uwy9{font-size:4px;}\", \".fod1mrr{line-height:4px;}\", \".f18p0k4z{min-width:unset;}\", \".f1q8r6hh{padding-top:unset;}\", \".fio2s09{padding-right:unset;}\", \".fkiw60q{padding-left:unset;}\", \".f9yu9nh{padding-bottom:unset;}\", \".fpd43o0{width:10px;}\", \".f30q22z{height:10px;}\", \".f1tccstq{font-size:6px;}\", \".f1y3arg5{line-height:6px;}\", \".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f1g0x7ka{padding-top:0;}\", \".fps1v9c{padding-right:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}\", \".f17ae1jz{padding-left:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}\", \".f1qch9an{padding-bottom:0;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f17a92cs{padding-right:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", \".f1pe0i86{padding-left:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".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);}\", \".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);}\", \".f10ludwy::after{display:none;}\", \".ffp7eso{background-color:var(--colorBrandBackground);}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}\", \".f1c73kur{background-color:var(--colorNeutralForeground1);}\", \".fr0bkrk{color:var(--colorNeutralBackground1);}\", \".f3vzo32{background-color:var(--colorNeutralBackground5);}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".flxk52p{background-color:var(--colorPaletteGreenBackground3);}\", \".ffq97bm{background-color:var(--colorPaletteYellowBackground3);}\", \".ff5vbop{color:var(--colorNeutralForeground1Static);}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".f1whyuy6{color:var(--colorPaletteRedForeground3);}\", \".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}\", \".fpti2h4{color:var(--colorPaletteYellowForeground2);}\", \".f23ftbb{border-top-color:currentColor;}\", \".f1gkuv52{border-right-color:currentColor;}\", \".f1p1bl80{border-left-color:currentColor;}\", \".fioka3i{border-bottom-color:currentColor;}\", \".fyqpifd{border-top-color:var(--colorPaletteRedBorder2);}\", \".f3ukxca{border-right-color:var(--colorPaletteRedBorder2);}\", \".f1k7dugc{border-left-color:var(--colorPaletteRedBorder2);}\", \".f1njxb2b{border-bottom-color:var(--colorPaletteRedBorder2);}\", \".fq0vr37{border-top-color:var(--colorNeutralStrokeAccessible);}\", \".f1byw159{border-right-color:var(--colorNeutralStrokeAccessible);}\", \".f11cr0be{border-left-color:var(--colorNeutralStrokeAccessible);}\", \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".f68mrw8{border-top-color:var(--colorNeutralStroke2);}\", \".f7pw515{border-right-color:var(--colorNeutralStroke2);}\", \".fw35ms5{border-left-color:var(--colorNeutralStroke2);}\", \".frpde29{border-bottom-color:var(--colorNeutralStroke2);}\", \".f1mmhl11{border-top-color:var(--colorPaletteGreenBorder2);}\", \".f1tjpp2f{border-right-color:var(--colorPaletteGreenBorder2);}\", \".f1ocn5n7{border-left-color:var(--colorPaletteGreenBorder2);}\", \".f1gjv25d{border-bottom-color:var(--colorPaletteGreenBorder2);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\", \".faj9fo0{color:var(--colorBrandForeground2);}\", \".f161y7kd{border-top-color:var(--colorBrandStroke2);}\", \".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}\", \".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}\", \".f1619yhw{border-bottom-color:var(--colorBrandStroke2);}\", \".ff0poqj{background-color:var(--colorPaletteRedBackground1);}\", \".f1hcrxcs{color:var(--colorPaletteRedForeground1);}\", \".f1oqjm8o{border-top-color:var(--colorPaletteRedBorder1);}\", \".fkgrb8g{border-right-color:var(--colorPaletteRedBorder1);}\", \".frb5wm0{border-left-color:var(--colorPaletteRedBorder1);}\", \".f1iai1ph{border-bottom-color:var(--colorPaletteRedBorder1);}\", \".f945g0u{background-color:var(--colorNeutralForeground3);}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".f1ctqxl6{background-color:var(--colorNeutralBackground4);}\", \".f1xzsg4{background-color:var(--colorPaletteDarkOrangeBackground1);}\", \".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}\", \".fxy9dsj{border-top-color:var(--colorPaletteDarkOrangeBorder1);}\", \".f54u6j2{border-right-color:var(--colorPaletteDarkOrangeBorder1);}\", \".fcm23ze{border-left-color:var(--colorPaletteDarkOrangeBorder1);}\", \".f4vf0uq{border-bottom-color:var(--colorPaletteDarkOrangeBorder1);}\", \".f2vsrz6{background-color:var(--colorPaletteGreenBackground1);}\", \".ffmvakt{color:var(--colorPaletteGreenForeground1);}\", \".fdmic9h{border-top-color:var(--colorPaletteGreenBorder1);}\", \".f196y6m{border-right-color:var(--colorPaletteGreenBorder1);}\", \".fetptd8{border-left-color:var(--colorPaletteGreenBorder1);}\", \".f1pev5xq{border-bottom-color:var(--colorPaletteGreenBorder1);}\", \".f10s6hli{background-color:var(--colorPaletteYellowBackground1);}\", \".f42v8de{color:var(--colorPaletteYellowForeground1);}\", \".fn9i3n{border-top-color:var(--colorPaletteYellowBorder1);}\", \".f1aw8cx4{border-right-color:var(--colorPaletteYellowBorder1);}\", \".f51if14{border-left-color:var(--colorPaletteYellowBorder1);}\", \".fvq8iai{border-bottom-color:var(--colorPaletteYellowBorder1);}\"]\n});\nconst useIconRootClassName = /*#__PURE__*/__resetStyles(\"rttl5z0\", null, [\".rttl5z0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:1;margin:0 calc(-1 * var(--spacingHorizontalXXS));font-size:12px;}\"]);\nconst useIconStyles = /*#__PURE__*/__styles({\n  beforeText: {\n    t21cq0: [\"f1t8l4o1\", \"f11juvx6\"]\n  },\n  afterText: {\n    Frg6f3: [\"f11juvx6\", \"f1t8l4o1\"]\n  },\n  beforeTextXL: {\n    t21cq0: [\"f1rs9grm\", \"f1kwmkpi\"]\n  },\n  afterTextXL: {\n    Frg6f3: [\"f1kwmkpi\", \"f1rs9grm\"]\n  },\n  tiny: {\n    Be2twd7: \"f1tccstq\"\n  },\n  \"extra-small\": {\n    Be2twd7: \"fnmn6fi\"\n  },\n  small: {\n    Be2twd7: \"f1ugzwwg\"\n  },\n  medium: {},\n  large: {\n    Be2twd7: \"f4ybsrx\"\n  },\n  \"extra-large\": {\n    Be2twd7: \"fe5j1ua\"\n  }\n}, {\n  d: [\".f1t8l4o1{margin-right:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}\", \".f11juvx6{margin-left:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}\", \".f1rs9grm{margin-right:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", \".f1kwmkpi{margin-left:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", \".f1tccstq{font-size:6px;}\", \".fnmn6fi{font-size:10px;}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\"]\n});\n/**\n * Applies style classnames to slots\n */\nexport const useBadgeStyles_unstable = state => {\n  const rootClassName = useRootClassName();\n  const rootStyles = useRootStyles();\n  const smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';\n  state.root.className = mergeClasses(badgeClassNames.root, rootClassName, smallToTiny && rootStyles.fontSmallToTiny, rootStyles[state.size], rootStyles[state.shape], state.shape === 'rounded' && smallToTiny && rootStyles.roundedSmallToTiny, state.appearance === 'ghost' && rootStyles.borderGhost, rootStyles[state.appearance], rootStyles[`${state.appearance}-${state.color}`], state.root.className);\n  const iconRootClassName = useIconRootClassName();\n  const iconStyles = useIconStyles();\n  if (state.icon) {\n    let iconPositionClass;\n    if (state.root.children) {\n      if (state.size === 'extra-large') {\n        iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterTextXL : iconStyles.beforeTextXL;\n      } else {\n        iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterText : iconStyles.beforeText;\n      }\n    }\n    state.icon.className = mergeClasses(badgeClassNames.icon, iconRootClassName, iconPositionClass, iconStyles[state.size], state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useBadgeStyles.styles.js.map"],"names":["badgeClassNames","useBadgeStyles_unstable","root","icon","textPadding","tokens","spacingHorizontalXXS","useRootClassName","__resetStyles","useRootStyles","__styles","fontSmallToTiny","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","tiny","a9b677","Bqenvij","Bf4jedk","z8tnut","z189sj","Byoj8tv","uwmqm3","small","medium","large","square","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rounded","roundedSmallToTiny","circular","borderGhost","ap17g6","filled","De3pzq","sj55zd","ghost","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","tint","d","useIconRootClassName","useIconStyles","beforeText","t21cq0","afterText","Frg6f3","beforeTextXL","afterTextXL","state","rootClassName","rootStyles","smallToTiny","size","className","mergeClasses","shape","appearance","color","iconRootClassName","iconStyles","iconPositionClass","children","iconPosition"],"mappings":";;;;;;;;;;;IAEaA,eAAe,MAAfA;IAoSAC,uBAAuB,MAAvBA;;uBAtSqD;4BACzB;AAClC,MAAMD,kBAAkB;IAC7BE,MAAM;IACNC,MAAM;AACR;AACA,uHAAuH;AACvH,uHAAuH;AACvH,MAAMC,cAAcC,kBAAM,CAACC,oBAAoB;AAC/C,MAAMC,mBAAmB,WAAW,GAAEC,IAAAA,uBAAa,EAAC,YAAY,WAAW;IAAC;IAA+uB;IAAqL;IAA8uB;CAAmL;AACj5D,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,iBAAiB;QACfC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTL,SAAS;QACTE,SAAS;QACTI,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACA,eAAe;QACbN,QAAQ;QACRC,SAAS;QACTL,SAAS;QACTE,SAAS;QACTI,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAC,OAAO;QACLP,QAAQ;QACRC,SAAS;QACTE,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAE,QAAQ,CAAC;IACTC,OAAO;QACLT,QAAQ;QACRC,SAAS;QACTE,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA,eAAe;QACbN,QAAQ;QACRC,SAAS;QACTE,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAI,QAAQ;QACNC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;IAClC;IACAC,SAAS;QACPJ,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;IAClC;IACAE,oBAAoB;QAClBL,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;IACnC;IACAG,UAAU,CAAC;IACXC,aAAa;QACXC,QAAQ;IACV;IACAC,QAAQ,CAAC;IACT,gBAAgB;QACdC,QAAQ;QACRC,QAAQ;IACV;IACA,iBAAiB;QACfD,QAAQ;QACRC,QAAQ;IACV;IACA,oBAAoB;QAClBD,QAAQ;QACRC,QAAQ;IACV;IACA,sBAAsB;QACpBD,QAAQ;QACRC,QAAQ;IACV;IACA,iBAAiB;QACfD,QAAQ;QACRC,QAAQ;IACV;IACA,iBAAiB;QACfD,QAAQ;QACRC,QAAQ;IACV;IACA,kBAAkB;QAChBD,QAAQ;QACRC,QAAQ;IACV;IACA,kBAAkB;QAChBD,QAAQ;QACRC,QAAQ;IACV;IACAC,OAAO,CAAC;IACR,eAAe;QACbD,QAAQ;IACV;IACA,gBAAgB;QACdA,QAAQ;IACV;IACA,mBAAmB;QACjBA,QAAQ;IACV;IACA,qBAAqB;QACnBA,QAAQ;IACV;IACA,gBAAgB;QACdA,QAAQ;IACV;IACA,gBAAgB;QACdA,QAAQ;IACV;IACA,iBAAiB;QACfA,QAAQ;IACV;IACA,iBAAiB;QACfA,QAAQ;IACV;IACAE,SAAS;QACPC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA,iBAAiB;QACfN,QAAQ;IACV;IACA,kBAAkB;QAChBA,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACA,qBAAqB;QACnBN,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA,uBAAuB;QACrBN,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACA,kBAAkB;QAChBN,QAAQ;IACV;IACA,kBAAkB;QAChBA,QAAQ;IACV;IACA,mBAAmB;QACjBA,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA,mBAAmB;QACjBN,QAAQ;IACV;IACAO,MAAM,CAAC;IACP,cAAc;QACZR,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACA,eAAe;QACbP,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACA,kBAAkB;QAChBP,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACA,oBAAoB;QAClBP,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACA,eAAe;QACbP,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACA,eAAe;QACbP,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACA,gBAAgB;QACdP,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACA,gBAAgB;QACdP,QAAQ;QACRC,QAAQ;QACRG,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;IACjC;AACF,GAAG;IACDE,GAAG;QAAC;QAAgD;QAAgD;QAAoD;QAAmD;QAAyB;QAAyB;QAA6B;QAA8B;QAA+B;QAAiC;QAAkC;QAAiC;QAAmC;QAAyB;QAA0B;QAA6B;QAA+B;QAAyB;QAA0B;QAA6B;QAA4F;QAA4F;QAAgC;QAAyB;QAA0B;QAA4F;QAA2F;QAA0B;QAA2B;QAA+F;QAA+F;QAAiE;QAAgE;QAA8D;QAA8D;QAAoE;QAAmE;QAAiE;QAA+D;QAAmE;QAAiE;QAAgE;QAA+D;QAAmC;QAA2D;QAA0D;QAAiE;QAA+D;QAAmD;QAA8D;QAAoD;QAAyE;QAA8D;QAAmD;QAAmE;QAAoE;QAAyD;QAAkD;QAAuD;QAA8D;QAAgE;QAAyD;QAAyD;QAA4C;QAA+C;QAA8C;QAA+C;QAA6D;QAA+D;QAA+D;QAAiE;QAAmE;QAAsE;QAAqE;QAAuE;QAA0D;QAA4D;QAA2D;QAA6D;QAAgE;QAAkE;QAAiE;QAAmE;QAA6D;QAAiD;QAAyD;QAA2D;QAA0D;QAA4D;QAAiE;QAAuD;QAA8D;QAA+D;QAA8D;QAAiE;QAA8D;QAA6D;QAAgE;QAA8D;QAAgE;QAA+D;QAAwE;QAA8D;QAAoE;QAAsE;QAAqE;QAAuE;QAAmE;QAAwD;QAA+D;QAAiE;QAAgE;QAAmE;QAAqE;QAAyD;QAA+D;QAAmE;QAAiE;KAAkE;AACzoN;AACA,MAAMC,uBAAuB,WAAW,GAAExC,IAAAA,uBAAa,EAAC,WAAW,IAAI,EAAE;IAAC;CAAoK;AAC9O,MAAMyC,gBAAgB,WAAW,GAAEvC,IAAAA,kBAAQ,EAAC;IAC1CwC,YAAY;QACVC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,WAAW;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,cAAc;QACZH,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAI,aAAa;QACXF,QAAQ;YAAC;YAAY;SAAW;IAClC;IACArC,MAAM;QACJH,SAAS;IACX;IACA,eAAe;QACbA,SAAS;IACX;IACAW,OAAO;QACLX,SAAS;IACX;IACAY,QAAQ,CAAC;IACTC,OAAO;QACLb,SAAS;IACX;IACA,eAAe;QACbA,SAAS;IACX;AACF,GAAG;IACDkC,GAAG;QAAC;QAA4F;QAA2F;QAA2F;QAA0F;QAA6B;QAA6B;QAA8B;QAA6B;KAA4B;AACngB;AAIO,MAAM9C,0BAA0BuD,CAAAA,QAAS;IAC9C,MAAMC,gBAAgBlD;IACtB,MAAMmD,aAAajD;IACnB,MAAMkD,cAAcH,MAAMI,IAAI,KAAK,WAAWJ,MAAMI,IAAI,KAAK,iBAAiBJ,MAAMI,IAAI,KAAK;IAC7FJ,MAAMtD,IAAI,CAAC2D,SAAS,GAAGC,IAAAA,mBAAY,EAAC9D,gBAAgBE,IAAI,EAAEuD,eAAeE,eAAeD,WAAW/C,eAAe,EAAE+C,UAAU,CAACF,MAAMI,IAAI,CAAC,EAAEF,UAAU,CAACF,MAAMO,KAAK,CAAC,EAAEP,MAAMO,KAAK,KAAK,aAAaJ,eAAeD,WAAWzB,kBAAkB,EAAEuB,MAAMQ,UAAU,KAAK,WAAWN,WAAWvB,WAAW,EAAEuB,UAAU,CAACF,MAAMQ,UAAU,CAAC,EAAEN,UAAU,CAAC,CAAC,EAAEF,MAAMQ,UAAU,CAAC,CAAC,EAAER,MAAMS,KAAK,CAAC,CAAC,CAAC,EAAET,MAAMtD,IAAI,CAAC2D,SAAS;IAC5Y,MAAMK,oBAAoBlB;IAC1B,MAAMmB,aAAalB;IACnB,IAAIO,MAAMrD,IAAI,EAAE;QACd,IAAIiE;QACJ,IAAIZ,MAAMtD,IAAI,CAACmE,QAAQ,EAAE;YACvB,IAAIb,MAAMI,IAAI,KAAK,eAAe;gBAChCQ,oBAAoBZ,MAAMc,YAAY,KAAK,UAAUH,WAAWZ,WAAW,GAAGY,WAAWb,YAAY;YACvG,OAAO;gBACLc,oBAAoBZ,MAAMc,YAAY,KAAK,UAAUH,WAAWf,SAAS,GAAGe,WAAWjB,UAAU;YACnG,CAAC;QACH,CAAC;QACDM,MAAMrD,IAAI,CAAC0D,SAAS,GAAGC,IAAAA,mBAAY,EAAC9D,gBAAgBG,IAAI,EAAE+D,mBAAmBE,mBAAmBD,UAAU,CAACX,MAAMI,IAAI,CAAC,EAAEJ,MAAMrD,IAAI,CAAC0D,SAAS;IAC9I,CAAC;IACD,OAAOL;AACT,GACA,iDAAiD"}
+{"version":3,"sources":["useBadgeStyles.styles.js"],"sourcesContent":["import { shorthands, __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const badgeClassNames = {\n  root: 'fui-Badge',\n  icon: 'fui-Badge__icon'\n};\n// The text content of the badge has additional horizontal padding, but there is no `text` slot to add that padding to.\n// Instead, add extra padding to the root, and a negative margin on the icon to \"remove\" the extra padding on the icon.\nconst textPadding = tokens.spacingHorizontalXXS;\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r1l7mb74\", \"rntuq2r\", [\".r1l7mb74{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}\", \".r1l7mb74::after{content:\\\"\\\";position:absolute;top:0;left:0;bottom:0;right:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}\", \".rntuq2r{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;position:relative;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);height:20px;width:20px;min-width:max-content;padding:0 calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));border-radius:var(--borderRadiusCircular);border-color:var(--colorTransparentStroke);}\", \".rntuq2r::after{content:\\\"\\\";position:absolute;top:0;right:0;bottom:0;left:0;border-style:solid;border-color:inherit;border-width:var(--strokeWidthThin);border-radius:inherit;}\"]);\nconst useRootStyles = /*#__PURE__*/__styles({\n  fontSmallToTiny: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"f13mqy1h\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"fcpl73t\"\n  },\n  tiny: {\n    a9b677: \"f16dn6v3\",\n    Bqenvij: \"f3mu39s\",\n    Be2twd7: \"f130uwy9\",\n    Bg96gwp: \"fod1mrr\",\n    Bf4jedk: \"f18p0k4z\",\n    z8tnut: \"f1q8r6hh\",\n    z189sj: [\"fio2s09\", \"fkiw60q\"],\n    Byoj8tv: \"f9yu9nh\",\n    uwmqm3: [\"fkiw60q\", \"fio2s09\"]\n  },\n  \"extra-small\": {\n    a9b677: \"fpd43o0\",\n    Bqenvij: \"f30q22z\",\n    Be2twd7: \"f1tccstq\",\n    Bg96gwp: \"f1y3arg5\",\n    Bf4jedk: \"f18p0k4z\",\n    z8tnut: \"f1q8r6hh\",\n    z189sj: [\"fio2s09\", \"fkiw60q\"],\n    Byoj8tv: \"f9yu9nh\",\n    uwmqm3: [\"fkiw60q\", \"fio2s09\"]\n  },\n  small: {\n    a9b677: \"fjw5fx7\",\n    Bqenvij: \"fd461yt\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fps1v9c\", \"f17ae1jz\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f17ae1jz\", \"fps1v9c\"]\n  },\n  medium: {},\n  large: {\n    a9b677: \"fq4mcun\",\n    Bqenvij: \"frvgh55\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f17a92cs\", \"f1pe0i86\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1pe0i86\", \"f17a92cs\"]\n  },\n  \"extra-large\": {\n    a9b677: \"f1szoe96\",\n    Bqenvij: \"f1d2rq10\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fqznh8f\", \"f1xile11\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1xile11\", \"fqznh8f\"]\n  },\n  square: {\n    Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n    Beyfa6y: [\"fyowgf4\", \"fzi6hpg\"],\n    B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n    Btl43ni: [\"f13av6d4\", \"f3fg2lr\"]\n  },\n  rounded: {\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n  },\n  roundedSmallToTiny: {\n    Bbmb7ep: [\"f1g3puop\", \"fi2rrw2\"],\n    Beyfa6y: [\"fi2rrw2\", \"f1g3puop\"],\n    B7oj6ja: [\"f1rstyi9\", \"f1s4nn1u\"],\n    Btl43ni: [\"f1s4nn1u\", \"f1rstyi9\"]\n  },\n  circular: {},\n  borderGhost: {\n    ap17g6: \"f10ludwy\"\n  },\n  filled: {},\n  \"filled-brand\": {\n    De3pzq: \"ffp7eso\",\n    sj55zd: \"f1phragk\"\n  },\n  \"filled-danger\": {\n    De3pzq: \"fdl5y0r\",\n    sj55zd: \"f1phragk\"\n  },\n  \"filled-important\": {\n    De3pzq: \"f1c73kur\",\n    sj55zd: \"fr0bkrk\"\n  },\n  \"filled-informative\": {\n    De3pzq: \"f3vzo32\",\n    sj55zd: \"f11d4kpn\"\n  },\n  \"filled-severe\": {\n    De3pzq: \"f1s438gw\",\n    sj55zd: \"f1phragk\"\n  },\n  \"filled-subtle\": {\n    De3pzq: \"fxugw4r\",\n    sj55zd: \"f19n0e5\"\n  },\n  \"filled-success\": {\n    De3pzq: \"flxk52p\",\n    sj55zd: \"f1phragk\"\n  },\n  \"filled-warning\": {\n    De3pzq: \"ffq97bm\",\n    sj55zd: \"ff5vbop\"\n  },\n  ghost: {},\n  \"ghost-brand\": {\n    sj55zd: \"f16muhyy\"\n  },\n  \"ghost-danger\": {\n    sj55zd: \"f1whyuy6\"\n  },\n  \"ghost-important\": {\n    sj55zd: \"f19n0e5\"\n  },\n  \"ghost-informative\": {\n    sj55zd: \"f11d4kpn\"\n  },\n  \"ghost-severe\": {\n    sj55zd: \"f1l8vj45\"\n  },\n  \"ghost-subtle\": {\n    sj55zd: \"fonrgv7\"\n  },\n  \"ghost-success\": {\n    sj55zd: \"f1m7fhi8\"\n  },\n  \"ghost-warning\": {\n    sj55zd: \"fpti2h4\"\n  },\n  outline: {\n    g2u3we: \"f23ftbb\",\n    h3c5rm: [\"f1gkuv52\", \"f1p1bl80\"],\n    B9xav0g: \"fioka3i\",\n    zhjwy3: [\"f1p1bl80\", \"f1gkuv52\"]\n  },\n  \"outline-brand\": {\n    sj55zd: \"f16muhyy\"\n  },\n  \"outline-danger\": {\n    sj55zd: \"f1whyuy6\",\n    g2u3we: \"fyqpifd\",\n    h3c5rm: [\"f3ukxca\", \"f1k7dugc\"],\n    B9xav0g: \"f1njxb2b\",\n    zhjwy3: [\"f1k7dugc\", \"f3ukxca\"]\n  },\n  \"outline-important\": {\n    sj55zd: \"f11d4kpn\",\n    g2u3we: \"fq0vr37\",\n    h3c5rm: [\"f1byw159\", \"f11cr0be\"],\n    B9xav0g: \"f1c1zstj\",\n    zhjwy3: [\"f11cr0be\", \"f1byw159\"]\n  },\n  \"outline-informative\": {\n    sj55zd: \"f11d4kpn\",\n    g2u3we: \"f68mrw8\",\n    h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n    B9xav0g: \"frpde29\",\n    zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n  },\n  \"outline-severe\": {\n    sj55zd: \"f1l8vj45\"\n  },\n  \"outline-subtle\": {\n    sj55zd: \"fonrgv7\"\n  },\n  \"outline-success\": {\n    sj55zd: \"f1m7fhi8\",\n    g2u3we: \"f1mmhl11\",\n    h3c5rm: [\"f1tjpp2f\", \"f1ocn5n7\"],\n    B9xav0g: \"f1gjv25d\",\n    zhjwy3: [\"f1ocn5n7\", \"f1tjpp2f\"]\n  },\n  \"outline-warning\": {\n    sj55zd: \"fpti2h4\"\n  },\n  tint: {},\n  \"tint-brand\": {\n    De3pzq: \"f16xkysk\",\n    sj55zd: \"faj9fo0\",\n    g2u3we: \"f161y7kd\",\n    h3c5rm: [\"f1c8dzaj\", \"f1sl6hi9\"],\n    B9xav0g: \"f1619yhw\",\n    zhjwy3: [\"f1sl6hi9\", \"f1c8dzaj\"]\n  },\n  \"tint-danger\": {\n    De3pzq: \"ff0poqj\",\n    sj55zd: \"f1hcrxcs\",\n    g2u3we: \"f1oqjm8o\",\n    h3c5rm: [\"fkgrb8g\", \"frb5wm0\"],\n    B9xav0g: \"f1iai1ph\",\n    zhjwy3: [\"frb5wm0\", \"fkgrb8g\"]\n  },\n  \"tint-important\": {\n    De3pzq: \"f945g0u\",\n    sj55zd: \"fr0bkrk\",\n    g2u3we: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"]\n  },\n  \"tint-informative\": {\n    De3pzq: \"f1ctqxl6\",\n    sj55zd: \"f11d4kpn\",\n    g2u3we: \"f68mrw8\",\n    h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n    B9xav0g: \"frpde29\",\n    zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n  },\n  \"tint-severe\": {\n    De3pzq: \"f1xzsg4\",\n    sj55zd: \"f1k5f75o\",\n    g2u3we: \"fxy9dsj\",\n    h3c5rm: [\"f54u6j2\", \"fcm23ze\"],\n    B9xav0g: \"f4vf0uq\",\n    zhjwy3: [\"fcm23ze\", \"f54u6j2\"]\n  },\n  \"tint-subtle\": {\n    De3pzq: \"fxugw4r\",\n    sj55zd: \"f11d4kpn\",\n    g2u3we: \"f68mrw8\",\n    h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n    B9xav0g: \"frpde29\",\n    zhjwy3: [\"fw35ms5\", \"f7pw515\"]\n  },\n  \"tint-success\": {\n    De3pzq: \"f2vsrz6\",\n    sj55zd: \"ffmvakt\",\n    g2u3we: \"fdmic9h\",\n    h3c5rm: [\"f196y6m\", \"fetptd8\"],\n    B9xav0g: \"f1pev5xq\",\n    zhjwy3: [\"fetptd8\", \"f196y6m\"]\n  },\n  \"tint-warning\": {\n    De3pzq: \"f10s6hli\",\n    sj55zd: \"f42v8de\",\n    g2u3we: \"fn9i3n\",\n    h3c5rm: [\"f1aw8cx4\", \"f51if14\"],\n    B9xav0g: \"fvq8iai\",\n    zhjwy3: [\"f51if14\", \"f1aw8cx4\"]\n  }\n}, {\n  d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fcpl73t{line-height:var(--lineHeightBase100);}\", \".f16dn6v3{width:6px;}\", \".f3mu39s{height:6px;}\", \".f130uwy9{font-size:4px;}\", \".fod1mrr{line-height:4px;}\", \".f18p0k4z{min-width:unset;}\", \".f1q8r6hh{padding-top:unset;}\", \".fio2s09{padding-right:unset;}\", \".fkiw60q{padding-left:unset;}\", \".f9yu9nh{padding-bottom:unset;}\", \".fpd43o0{width:10px;}\", \".f30q22z{height:10px;}\", \".f1tccstq{font-size:6px;}\", \".f1y3arg5{line-height:6px;}\", \".fjw5fx7{width:16px;}\", \".fd461yt{height:16px;}\", \".f1g0x7ka{padding-top:0;}\", \".fps1v9c{padding-right:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}\", \".f17ae1jz{padding-left:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}\", \".f1qch9an{padding-bottom:0;}\", \".fq4mcun{width:24px;}\", \".frvgh55{height:24px;}\", \".f17a92cs{padding-right:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", \".f1pe0i86{padding-left:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".fqznh8f{padding-right:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".f1xile11{padding-left:calc(var(--spacingHorizontalSNudge) + var(--spacingHorizontalXXS));}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".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);}\", \".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);}\", \".f10ludwy::after{display:none;}\", \".ffp7eso{background-color:var(--colorBrandBackground);}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}\", \".f1c73kur{background-color:var(--colorNeutralForeground1);}\", \".fr0bkrk{color:var(--colorNeutralBackground1);}\", \".f3vzo32{background-color:var(--colorNeutralBackground5);}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".flxk52p{background-color:var(--colorPaletteGreenBackground3);}\", \".ffq97bm{background-color:var(--colorPaletteYellowBackground3);}\", \".ff5vbop{color:var(--colorNeutralForeground1Static);}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".f1whyuy6{color:var(--colorPaletteRedForeground3);}\", \".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}\", \".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}\", \".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}\", \".fpti2h4{color:var(--colorPaletteYellowForeground2);}\", \".f23ftbb{border-top-color:currentColor;}\", \".f1gkuv52{border-right-color:currentColor;}\", \".f1p1bl80{border-left-color:currentColor;}\", \".fioka3i{border-bottom-color:currentColor;}\", \".fyqpifd{border-top-color:var(--colorPaletteRedBorder2);}\", \".f3ukxca{border-right-color:var(--colorPaletteRedBorder2);}\", \".f1k7dugc{border-left-color:var(--colorPaletteRedBorder2);}\", \".f1njxb2b{border-bottom-color:var(--colorPaletteRedBorder2);}\", \".fq0vr37{border-top-color:var(--colorNeutralStrokeAccessible);}\", \".f1byw159{border-right-color:var(--colorNeutralStrokeAccessible);}\", \".f11cr0be{border-left-color:var(--colorNeutralStrokeAccessible);}\", \".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}\", \".f68mrw8{border-top-color:var(--colorNeutralStroke2);}\", \".f7pw515{border-right-color:var(--colorNeutralStroke2);}\", \".fw35ms5{border-left-color:var(--colorNeutralStroke2);}\", \".frpde29{border-bottom-color:var(--colorNeutralStroke2);}\", \".f1mmhl11{border-top-color:var(--colorPaletteGreenBorder2);}\", \".f1tjpp2f{border-right-color:var(--colorPaletteGreenBorder2);}\", \".f1ocn5n7{border-left-color:var(--colorPaletteGreenBorder2);}\", \".f1gjv25d{border-bottom-color:var(--colorPaletteGreenBorder2);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\", \".faj9fo0{color:var(--colorBrandForeground2);}\", \".f161y7kd{border-top-color:var(--colorBrandStroke2);}\", \".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}\", \".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}\", \".f1619yhw{border-bottom-color:var(--colorBrandStroke2);}\", \".ff0poqj{background-color:var(--colorPaletteRedBackground1);}\", \".f1hcrxcs{color:var(--colorPaletteRedForeground1);}\", \".f1oqjm8o{border-top-color:var(--colorPaletteRedBorder1);}\", \".fkgrb8g{border-right-color:var(--colorPaletteRedBorder1);}\", \".frb5wm0{border-left-color:var(--colorPaletteRedBorder1);}\", \".f1iai1ph{border-bottom-color:var(--colorPaletteRedBorder1);}\", \".f945g0u{background-color:var(--colorNeutralForeground3);}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".f1ctqxl6{background-color:var(--colorNeutralBackground4);}\", \".f1xzsg4{background-color:var(--colorPaletteDarkOrangeBackground1);}\", \".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}\", \".fxy9dsj{border-top-color:var(--colorPaletteDarkOrangeBorder1);}\", \".f54u6j2{border-right-color:var(--colorPaletteDarkOrangeBorder1);}\", \".fcm23ze{border-left-color:var(--colorPaletteDarkOrangeBorder1);}\", \".f4vf0uq{border-bottom-color:var(--colorPaletteDarkOrangeBorder1);}\", \".f2vsrz6{background-color:var(--colorPaletteGreenBackground1);}\", \".ffmvakt{color:var(--colorPaletteGreenForeground1);}\", \".fdmic9h{border-top-color:var(--colorPaletteGreenBorder1);}\", \".f196y6m{border-right-color:var(--colorPaletteGreenBorder1);}\", \".fetptd8{border-left-color:var(--colorPaletteGreenBorder1);}\", \".f1pev5xq{border-bottom-color:var(--colorPaletteGreenBorder1);}\", \".f10s6hli{background-color:var(--colorPaletteYellowBackground1);}\", \".f42v8de{color:var(--colorPaletteYellowForeground1);}\", \".fn9i3n{border-top-color:var(--colorPaletteYellowBorder1);}\", \".f1aw8cx4{border-right-color:var(--colorPaletteYellowBorder1);}\", \".f51if14{border-left-color:var(--colorPaletteYellowBorder1);}\", \".fvq8iai{border-bottom-color:var(--colorPaletteYellowBorder1);}\"]\n});\nconst useIconRootClassName = /*#__PURE__*/__resetStyles(\"rttl5z0\", null, [\".rttl5z0{display:flex;line-height:1;margin:0 calc(-1 * var(--spacingHorizontalXXS));font-size:12px;}\"]);\nconst useIconStyles = /*#__PURE__*/__styles({\n  beforeText: {\n    t21cq0: [\"f1t8l4o1\", \"f11juvx6\"]\n  },\n  afterText: {\n    Frg6f3: [\"f11juvx6\", \"f1t8l4o1\"]\n  },\n  beforeTextXL: {\n    t21cq0: [\"f1rs9grm\", \"f1kwmkpi\"]\n  },\n  afterTextXL: {\n    Frg6f3: [\"f1kwmkpi\", \"f1rs9grm\"]\n  },\n  tiny: {\n    Be2twd7: \"f1tccstq\"\n  },\n  \"extra-small\": {\n    Be2twd7: \"fnmn6fi\"\n  },\n  small: {\n    Be2twd7: \"f1ugzwwg\"\n  },\n  medium: {},\n  large: {\n    Be2twd7: \"f4ybsrx\"\n  },\n  \"extra-large\": {\n    Be2twd7: \"fe5j1ua\"\n  }\n}, {\n  d: [\".f1t8l4o1{margin-right:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}\", \".f11juvx6{margin-left:calc(var(--spacingHorizontalXXS) + var(--spacingHorizontalXXS));}\", \".f1rs9grm{margin-right:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", \".f1kwmkpi{margin-left:calc(var(--spacingHorizontalXS) + var(--spacingHorizontalXXS));}\", \".f1tccstq{font-size:6px;}\", \".fnmn6fi{font-size:10px;}\", \".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\"]\n});\n/**\n * Applies style classnames to slots\n */\nexport const useBadgeStyles_unstable = state => {\n  const rootClassName = useRootClassName();\n  const rootStyles = useRootStyles();\n  const smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';\n  state.root.className = mergeClasses(badgeClassNames.root, rootClassName, smallToTiny && rootStyles.fontSmallToTiny, rootStyles[state.size], rootStyles[state.shape], state.shape === 'rounded' && smallToTiny && rootStyles.roundedSmallToTiny, state.appearance === 'ghost' && rootStyles.borderGhost, rootStyles[state.appearance], rootStyles[`${state.appearance}-${state.color}`], state.root.className);\n  const iconRootClassName = useIconRootClassName();\n  const iconStyles = useIconStyles();\n  if (state.icon) {\n    let iconPositionClass;\n    if (state.root.children) {\n      if (state.size === 'extra-large') {\n        iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterTextXL : iconStyles.beforeTextXL;\n      } else {\n        iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterText : iconStyles.beforeText;\n      }\n    }\n    state.icon.className = mergeClasses(badgeClassNames.icon, iconRootClassName, iconPositionClass, iconStyles[state.size], state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useBadgeStyles.styles.js.map"],"names":["badgeClassNames","useBadgeStyles_unstable","root","icon","textPadding","tokens","spacingHorizontalXXS","useRootClassName","__resetStyles","useRootStyles","__styles","fontSmallToTiny","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","tiny","a9b677","Bqenvij","Bf4jedk","z8tnut","z189sj","Byoj8tv","uwmqm3","small","medium","large","square","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rounded","roundedSmallToTiny","circular","borderGhost","ap17g6","filled","De3pzq","sj55zd","ghost","outline","g2u3we","h3c5rm","B9xav0g","zhjwy3","tint","d","useIconRootClassName","useIconStyles","beforeText","t21cq0","afterText","Frg6f3","beforeTextXL","afterTextXL","state","rootClassName","rootStyles","smallToTiny","size","className","mergeClasses","shape","appearance","color","iconRootClassName","iconStyles","iconPositionClass","children","iconPosition"],"mappings":"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"}

package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js

@@ -52,11 +52,12 @@ const usePresenceBadge_unstable = (props, ref)=>{
             role: 'img',
             ...props,
             size,
-            icon: (0, _reactUtilities.resolveShorthand)(props.icon, {
+            icon: _reactUtilities.slot.optional(props.icon, {
                 defaultProps: {
                     children: IconElement ? /*#__PURE__*/ _react.createElement(IconElement, null) : null
                 },
-                required: true
+                renderByDefault: true,
+                elementType: 'span'
             })
         }, ref),
         status,

package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePresenceBadge.js"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { presenceAvailableFilled, presenceAvailableRegular, presenceAwayFilled, presenceAwayRegular, presenceBlockedRegular, presenceBusyFilled, presenceDndFilled, presenceDndRegular, presenceOfflineRegular, presenceOofRegular, presenceUnknownRegular } from './presenceIcons';\nimport { useBadge_unstable } from '../Badge/index';\nconst iconMap = (status, outOfOffice, size)=>{\n    switch(status){\n        case 'available':\n            return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n        case 'away':\n            return outOfOffice ? presenceAwayRegular[size] : presenceAwayFilled[size];\n        case 'blocked':\n            return presenceBlockedRegular[size];\n        case 'busy':\n            return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n        case 'do-not-disturb':\n            return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n        case 'offline':\n            return presenceOfflineRegular[size];\n        case 'out-of-office':\n            return presenceOofRegular[size];\n        case 'unknown':\n            return presenceUnknownRegular[size];\n    }\n};\nconst DEFAULT_STRINGS = {\n    busy: 'busy',\n    'out-of-office': 'out of office',\n    away: 'away',\n    available: 'available',\n    offline: 'offline',\n    'do-not-disturb': 'do not disturb',\n    unknown: 'unknown',\n    blocked: 'blocked'\n};\n/**\n * Returns the props and state required to render the component\n */ export const usePresenceBadge_unstable = (props, ref)=>{\n    const { size ='medium' , status ='available' , outOfOffice =false  } = props;\n    const statusText = DEFAULT_STRINGS[status];\n    const oofText = props.outOfOffice && props.status !== 'out-of-office' ? ` ${DEFAULT_STRINGS['out-of-office']}` : '';\n    const IconElement = iconMap(status, outOfOffice, size);\n    const state = {\n        ...useBadge_unstable({\n            'aria-label': statusText + oofText,\n            role: 'img',\n            ...props,\n            size,\n            icon: resolveShorthand(props.icon, {\n                defaultProps: {\n                    children: IconElement ? /*#__PURE__*/ React.createElement(IconElement, null) : null\n                },\n                required: true\n            })\n        }, ref),\n        status,\n        outOfOffice\n    };\n    return state;\n};\n"],"names":["usePresenceBadge_unstable","iconMap","status","outOfOffice","size","presenceAvailableRegular","presenceAvailableFilled","presenceAwayRegular","presenceAwayFilled","presenceBlockedRegular","presenceUnknownRegular","presenceBusyFilled","presenceDndRegular","presenceDndFilled","presenceOfflineRegular","presenceOofRegular","DEFAULT_STRINGS","busy","away","available","offline","unknown","blocked","props","ref","statusText","oofText","IconElement","state","useBadge_unstable","role","icon","resolveShorthand","defaultProps","children","React","createElement","required"],"mappings":";;;;+BAoCiBA;;aAAAA;;;6DApCM;gCACU;+BACiO;uBAChO;AAClC,MAAMC,UAAU,CAACC,QAAQC,aAAaC,OAAO;IACzC,OAAOF;QACH,KAAK;YACD,OAAOC,cAAcE,uCAAwB,CAACD,KAAK,GAAGE,sCAAuB,CAACF,KAAK;QACvF,KAAK;YACD,OAAOD,cAAcI,kCAAmB,CAACH,KAAK,GAAGI,iCAAkB,CAACJ,KAAK;QAC7E,KAAK;YACD,OAAOK,qCAAsB,CAACL,KAAK;QACvC,KAAK;YACD,OAAOD,cAAcO,qCAAsB,CAACN,KAAK,GAAGO,iCAAkB,CAACP,KAAK;QAChF,KAAK;YACD,OAAOD,cAAcS,iCAAkB,CAACR,KAAK,GAAGS,gCAAiB,CAACT,KAAK;QAC3E,KAAK;YACD,OAAOU,qCAAsB,CAACV,KAAK;QACvC,KAAK;YACD,OAAOW,iCAAkB,CAACX,KAAK;QACnC,KAAK;YACD,OAAOM,qCAAsB,CAACN,KAAK;IAC3C;AACJ;AACA,MAAMY,kBAAkB;IACpBC,MAAM;IACN,iBAAiB;IACjBC,MAAM;IACNC,WAAW;IACXC,SAAS;IACT,kBAAkB;IAClBC,SAAS;IACTC,SAAS;AACb;AAGW,MAAMtB,4BAA4B,CAACuB,OAAOC,MAAM;IACvD,MAAM,EAAEpB,MAAM,SAAQ,EAAGF,QAAQ,YAAW,EAAGC,aAAa,KAAK,CAAA,EAAG,GAAGoB;IACvE,MAAME,aAAaT,eAAe,CAACd,OAAO;IAC1C,MAAMwB,UAAUH,MAAMpB,WAAW,IAAIoB,MAAMrB,MAAM,KAAK,kBAAkB,CAAC,CAAC,EAAEc,eAAe,CAAC,gBAAgB,CAAC,CAAC,GAAG,EAAE;IACnH,MAAMW,cAAc1B,QAAQC,QAAQC,aAAaC;IACjD,MAAMwB,QAAQ;QACV,GAAGC,IAAAA,wBAAiB,EAAC;YACjB,cAAcJ,aAAaC;YAC3BI,MAAM;YACN,GAAGP,KAAK;YACRnB;YACA2B,MAAMC,IAAAA,gCAAgB,EAACT,MAAMQ,IAAI,EAAE;gBAC/BE,cAAc;oBACVC,UAAUP,cAAc,WAAW,GAAGQ,OAAMC,aAAa,CAACT,aAAa,IAAI,IAAI,IAAI;gBACvF;gBACAU,UAAU,IAAI;YAClB;QACJ,GAAGb,IAAI;QACPtB;QACAC;IACJ;IACA,OAAOyB;AACX"}
+{"version":3,"sources":["usePresenceBadge.js"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { presenceAvailableFilled, presenceAvailableRegular, presenceAwayFilled, presenceAwayRegular, presenceBlockedRegular, presenceBusyFilled, presenceDndFilled, presenceDndRegular, presenceOfflineRegular, presenceOofRegular, presenceUnknownRegular } from './presenceIcons';\nimport { useBadge_unstable } from '../Badge/index';\nconst iconMap = (status, outOfOffice, size)=>{\n    switch(status){\n        case 'available':\n            return outOfOffice ? presenceAvailableRegular[size] : presenceAvailableFilled[size];\n        case 'away':\n            return outOfOffice ? presenceAwayRegular[size] : presenceAwayFilled[size];\n        case 'blocked':\n            return presenceBlockedRegular[size];\n        case 'busy':\n            return outOfOffice ? presenceUnknownRegular[size] : presenceBusyFilled[size];\n        case 'do-not-disturb':\n            return outOfOffice ? presenceDndRegular[size] : presenceDndFilled[size];\n        case 'offline':\n            return presenceOfflineRegular[size];\n        case 'out-of-office':\n            return presenceOofRegular[size];\n        case 'unknown':\n            return presenceUnknownRegular[size];\n    }\n};\nconst DEFAULT_STRINGS = {\n    busy: 'busy',\n    'out-of-office': 'out of office',\n    away: 'away',\n    available: 'available',\n    offline: 'offline',\n    'do-not-disturb': 'do not disturb',\n    unknown: 'unknown',\n    blocked: 'blocked'\n};\n/**\n * Returns the props and state required to render the component\n */ export const usePresenceBadge_unstable = (props, ref)=>{\n    const { size ='medium' , status ='available' , outOfOffice =false  } = props;\n    const statusText = DEFAULT_STRINGS[status];\n    const oofText = props.outOfOffice && props.status !== 'out-of-office' ? ` ${DEFAULT_STRINGS['out-of-office']}` : '';\n    const IconElement = iconMap(status, outOfOffice, size);\n    const state = {\n        ...useBadge_unstable({\n            'aria-label': statusText + oofText,\n            role: 'img',\n            ...props,\n            size,\n            icon: slot.optional(props.icon, {\n                defaultProps: {\n                    children: IconElement ? /*#__PURE__*/ React.createElement(IconElement, null) : null\n                },\n                renderByDefault: true,\n                elementType: 'span'\n            })\n        }, ref),\n        status,\n        outOfOffice\n    };\n    return state;\n};\n"],"names":["usePresenceBadge_unstable","iconMap","status","outOfOffice","size","presenceAvailableRegular","presenceAvailableFilled","presenceAwayRegular","presenceAwayFilled","presenceBlockedRegular","presenceUnknownRegular","presenceBusyFilled","presenceDndRegular","presenceDndFilled","presenceOfflineRegular","presenceOofRegular","DEFAULT_STRINGS","busy","away","available","offline","unknown","blocked","props","ref","statusText","oofText","IconElement","state","useBadge_unstable","role","icon","slot","optional","defaultProps","children","React","createElement","renderByDefault","elementType"],"mappings":";;;;+BAoCiBA;;aAAAA;;;6DApCM;gCACF;+BAC6O;uBAChO;AAClC,MAAMC,UAAU,CAACC,QAAQC,aAAaC,OAAO;IACzC,OAAOF;QACH,KAAK;YACD,OAAOC,cAAcE,uCAAwB,CAACD,KAAK,GAAGE,sCAAuB,CAACF,KAAK;QACvF,KAAK;YACD,OAAOD,cAAcI,kCAAmB,CAACH,KAAK,GAAGI,iCAAkB,CAACJ,KAAK;QAC7E,KAAK;YACD,OAAOK,qCAAsB,CAACL,KAAK;QACvC,KAAK;YACD,OAAOD,cAAcO,qCAAsB,CAACN,KAAK,GAAGO,iCAAkB,CAACP,KAAK;QAChF,KAAK;YACD,OAAOD,cAAcS,iCAAkB,CAACR,KAAK,GAAGS,gCAAiB,CAACT,KAAK;QAC3E,KAAK;YACD,OAAOU,qCAAsB,CAACV,KAAK;QACvC,KAAK;YACD,OAAOW,iCAAkB,CAACX,KAAK;QACnC,KAAK;YACD,OAAOM,qCAAsB,CAACN,KAAK;IAC3C;AACJ;AACA,MAAMY,kBAAkB;IACpBC,MAAM;IACN,iBAAiB;IACjBC,MAAM;IACNC,WAAW;IACXC,SAAS;IACT,kBAAkB;IAClBC,SAAS;IACTC,SAAS;AACb;AAGW,MAAMtB,4BAA4B,CAACuB,OAAOC,MAAM;IACvD,MAAM,EAAEpB,MAAM,SAAQ,EAAGF,QAAQ,YAAW,EAAGC,aAAa,KAAK,CAAA,EAAG,GAAGoB;IACvE,MAAME,aAAaT,eAAe,CAACd,OAAO;IAC1C,MAAMwB,UAAUH,MAAMpB,WAAW,IAAIoB,MAAMrB,MAAM,KAAK,kBAAkB,CAAC,CAAC,EAAEc,eAAe,CAAC,gBAAgB,CAAC,CAAC,GAAG,EAAE;IACnH,MAAMW,cAAc1B,QAAQC,QAAQC,aAAaC;IACjD,MAAMwB,QAAQ;QACV,GAAGC,IAAAA,wBAAiB,EAAC;YACjB,cAAcJ,aAAaC;YAC3BI,MAAM;YACN,GAAGP,KAAK;YACRnB;YACA2B,MAAMC,oBAAI,CAACC,QAAQ,CAACV,MAAMQ,IAAI,EAAE;gBAC5BG,cAAc;oBACVC,UAAUR,cAAc,WAAW,GAAGS,OAAMC,aAAa,CAACV,aAAa,IAAI,IAAI,IAAI;gBACvF;gBACAW,iBAAiB,IAAI;gBACrBC,aAAa;YACjB;QACJ,GAAGf,IAAI;QACPtB;QACAC;IACJ;IACA,OAAOyB;AACX"}

package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.styles.js

@@ -24,10 +24,10 @@ const getIsBusy = (status)=>{
     return false;
 };
 const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r832ydo", null, [
-    ".r832ydo{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-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;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralBackground1);padding:1px;-webkit-background-clip:content-box;background-clip:content-box;}"
+    ".r832ydo{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralBackground1);padding:1px;background-clip:content-box;}"
 ]);
 const useIconClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r11ag4qr", null, [
-    ".r11ag4qr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:-1px;}"
+    ".r11ag4qr{display:flex;margin:-1px;}"
 ]);
 const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
     statusBusy: {
@@ -89,7 +89,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".fr0bkrk{color:var(--colorNeutralBackground1);}",
         ".f9ikmtg{aspect-ratio:1;}",
         ".f16dn6v3{width:6px;}",
-        ".f1w2irj7{-webkit-background-clip:unset;background-clip:unset;}",
+        ".f1w2irj7{background-clip:unset;}",
         ".fab5kbq svg{width:6px!important;}",
         ".f1ms1d91 svg{height:6px!important;}",
         ".f64fuq3{width:20px;}",

package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["usePresenceBadgeStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const presenceBadgeClassNames = {\n  root: 'fui-PresenceBadge',\n  icon: 'fui-PresenceBadge__icon'\n};\nconst getIsBusy = status => {\n  if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n    return true;\n  }\n  return false;\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r832ydo\", null, [\".r832ydo{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-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;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralBackground1);padding:1px;-webkit-background-clip:content-box;background-clip:content-box;}\"]);\nconst useIconClassName = /*#__PURE__*/__resetStyles(\"r11ag4qr\", null, [\".r11ag4qr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:-1px;}\"]);\nconst useStyles = /*#__PURE__*/__styles({\n  statusBusy: {\n    sj55zd: \"fvi85wt\"\n  },\n  statusAway: {\n    sj55zd: \"f14k8a89\"\n  },\n  statusAvailable: {\n    sj55zd: \"fqa5hgp\"\n  },\n  statusOffline: {\n    sj55zd: \"f11d4kpn\"\n  },\n  statusOutOfOffice: {\n    sj55zd: \"fdce8r3\"\n  },\n  statusUnknown: {\n    sj55zd: \"f11d4kpn\"\n  },\n  outOfOffice: {\n    sj55zd: \"fr0bkrk\"\n  },\n  outOfOfficeAvailable: {\n    sj55zd: \"fqa5hgp\"\n  },\n  outOfOfficeBusy: {\n    sj55zd: \"fvi85wt\"\n  },\n  outOfOfficeUnknown: {\n    sj55zd: \"f11d4kpn\"\n  },\n  tiny: {\n    Bubjx69: \"f9ikmtg\",\n    a9b677: \"f16dn6v3\",\n    B2eet1l: \"f1w2irj7\",\n    B5pe6w7: \"fab5kbq\",\n    p4uzdd: \"f1ms1d91\"\n  },\n  large: {\n    Bubjx69: \"f9ikmtg\",\n    a9b677: \"f64fuq3\",\n    B5pe6w7: \"f1vfi1yj\",\n    p4uzdd: \"f15s34gz\"\n  },\n  extraLarge: {\n    Bubjx69: \"f9ikmtg\",\n    a9b677: \"f1w9dchk\",\n    B5pe6w7: \"f14efy9b\",\n    p4uzdd: \"fhipgdu\"\n  }\n}, {\n  d: [\".fvi85wt{color:var(--colorPaletteRedBackground3);}\", \".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}\", \".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".fdce8r3{color:var(--colorPaletteBerryForeground3);}\", \".fr0bkrk{color:var(--colorNeutralBackground1);}\", \".f9ikmtg{aspect-ratio:1;}\", \".f16dn6v3{width:6px;}\", \".f1w2irj7{-webkit-background-clip:unset;background-clip:unset;}\", \".fab5kbq svg{width:6px!important;}\", \".f1ms1d91 svg{height:6px!important;}\", \".f64fuq3{width:20px;}\", \".f1vfi1yj svg{width:20px!important;}\", \".f15s34gz svg{height:20px!important;}\", \".f1w9dchk{width:28px;}\", \".f14efy9b svg{width:28px!important;}\", \".fhipgdu svg{height:28px!important;}\"]\n});\n/**\n * Applies style classnames to slots\n */\nexport const usePresenceBadgeStyles_unstable = state => {\n  const rootClassName = useRootClassName();\n  const iconClassName = useIconClassName();\n  const styles = useStyles();\n  const isBusy = getIsBusy(state.status);\n  state.root.className = mergeClasses(presenceBadgeClassNames.root, rootClassName, isBusy && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'out-of-office' && styles.statusOutOfOffice, state.status === 'unknown' && styles.statusUnknown, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && isBusy && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.statusAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice, state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(presenceBadgeClassNames.icon, iconClassName, state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=usePresenceBadgeStyles.styles.js.map"],"names":["presenceBadgeClassNames","usePresenceBadgeStyles_unstable","root","icon","getIsBusy","status","useRootClassName","__resetStyles","useIconClassName","useStyles","__styles","statusBusy","sj55zd","statusAway","statusAvailable","statusOffline","statusOutOfOffice","statusUnknown","outOfOffice","outOfOfficeAvailable","outOfOfficeBusy","outOfOfficeUnknown","tiny","Bubjx69","a9b677","B2eet1l","B5pe6w7","p4uzdd","large","extraLarge","d","state","rootClassName","iconClassName","styles","isBusy","className","mergeClasses","size"],"mappings":"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"}
+{"version":3,"sources":["usePresenceBadgeStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const presenceBadgeClassNames = {\n  root: 'fui-PresenceBadge',\n  icon: 'fui-PresenceBadge__icon'\n};\nconst getIsBusy = status => {\n  if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n    return true;\n  }\n  return false;\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r832ydo\", null, [\".r832ydo{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralBackground1);padding:1px;background-clip:content-box;}\"]);\nconst useIconClassName = /*#__PURE__*/__resetStyles(\"r11ag4qr\", null, [\".r11ag4qr{display:flex;margin:-1px;}\"]);\nconst useStyles = /*#__PURE__*/__styles({\n  statusBusy: {\n    sj55zd: \"fvi85wt\"\n  },\n  statusAway: {\n    sj55zd: \"f14k8a89\"\n  },\n  statusAvailable: {\n    sj55zd: \"fqa5hgp\"\n  },\n  statusOffline: {\n    sj55zd: \"f11d4kpn\"\n  },\n  statusOutOfOffice: {\n    sj55zd: \"fdce8r3\"\n  },\n  statusUnknown: {\n    sj55zd: \"f11d4kpn\"\n  },\n  outOfOffice: {\n    sj55zd: \"fr0bkrk\"\n  },\n  outOfOfficeAvailable: {\n    sj55zd: \"fqa5hgp\"\n  },\n  outOfOfficeBusy: {\n    sj55zd: \"fvi85wt\"\n  },\n  outOfOfficeUnknown: {\n    sj55zd: \"f11d4kpn\"\n  },\n  tiny: {\n    Bubjx69: \"f9ikmtg\",\n    a9b677: \"f16dn6v3\",\n    B2eet1l: \"f1w2irj7\",\n    B5pe6w7: \"fab5kbq\",\n    p4uzdd: \"f1ms1d91\"\n  },\n  large: {\n    Bubjx69: \"f9ikmtg\",\n    a9b677: \"f64fuq3\",\n    B5pe6w7: \"f1vfi1yj\",\n    p4uzdd: \"f15s34gz\"\n  },\n  extraLarge: {\n    Bubjx69: \"f9ikmtg\",\n    a9b677: \"f1w9dchk\",\n    B5pe6w7: \"f14efy9b\",\n    p4uzdd: \"fhipgdu\"\n  }\n}, {\n  d: [\".fvi85wt{color:var(--colorPaletteRedBackground3);}\", \".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}\", \".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".fdce8r3{color:var(--colorPaletteBerryForeground3);}\", \".fr0bkrk{color:var(--colorNeutralBackground1);}\", \".f9ikmtg{aspect-ratio:1;}\", \".f16dn6v3{width:6px;}\", \".f1w2irj7{background-clip:unset;}\", \".fab5kbq svg{width:6px!important;}\", \".f1ms1d91 svg{height:6px!important;}\", \".f64fuq3{width:20px;}\", \".f1vfi1yj svg{width:20px!important;}\", \".f15s34gz svg{height:20px!important;}\", \".f1w9dchk{width:28px;}\", \".f14efy9b svg{width:28px!important;}\", \".fhipgdu svg{height:28px!important;}\"]\n});\n/**\n * Applies style classnames to slots\n */\nexport const usePresenceBadgeStyles_unstable = state => {\n  const rootClassName = useRootClassName();\n  const iconClassName = useIconClassName();\n  const styles = useStyles();\n  const isBusy = getIsBusy(state.status);\n  state.root.className = mergeClasses(presenceBadgeClassNames.root, rootClassName, isBusy && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'out-of-office' && styles.statusOutOfOffice, state.status === 'unknown' && styles.statusUnknown, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && isBusy && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.statusAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice, state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(presenceBadgeClassNames.icon, iconClassName, state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=usePresenceBadgeStyles.styles.js.map"],"names":["presenceBadgeClassNames","usePresenceBadgeStyles_unstable","root","icon","getIsBusy","status","useRootClassName","__resetStyles","useIconClassName","useStyles","__styles","statusBusy","sj55zd","statusAway","statusAvailable","statusOffline","statusOutOfOffice","statusUnknown","outOfOffice","outOfOfficeAvailable","outOfOfficeBusy","outOfOfficeUnknown","tiny","Bubjx69","a9b677","B2eet1l","B5pe6w7","p4uzdd","large","extraLarge","d","state","rootClassName","iconClassName","styles","isBusy","className","mergeClasses","size"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-badge",
-  "version": "9.1.23",
+  "version": "9.1.25",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,11 +34,11 @@
   },
   "dependencies": {
     "@fluentui/react-icons": "^2.0.207",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.12",
-    "@fluentui/react-shared-contexts": "^9.7.0",
-    "@fluentui/react-theme": "^9.1.9",
-    "@fluentui/react-utilities": "^9.10.1",
-    "@griffel/react": "^1.5.7",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.14",
+    "@fluentui/react-shared-contexts": "^9.7.2",
+    "@fluentui/react-theme": "^9.1.11",
+    "@fluentui/react-utilities": "^9.11.0",
+    "@griffel/react": "^1.5.14",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {