@fluentui/react-badge 9.1.10 → 9.1.12

package/CHANGELOG.json

@@ -2,7 +2,107 @@
   "name": "@fluentui/react-badge",
   "entries": [
     {
-      "date": "Mon, 24 Apr 2023 08:09:06 GMT",
+      "date": "Thu, 18 May 2023 00:35:33 GMT",
+      "tag": "@fluentui/react-badge_v9.1.12",
+      "version": "9.1.12",
+      "comments": {
+        "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "06cd515eda59a3078bfe32f9cc7c1f281cd20208",
+            "comment": "chore: add test-ssr script to v9 packages"
+          }
+        ],
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.4",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-utilities to v9.9.0",
+            "commit": "c496a1cf1ec82c08753df72c9061e84b77b7daeb"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 12 May 2023 20:28:16 GMT",
+      "tag": "@fluentui/react-badge_v9.1.11",
+      "version": "9.1.11",
+      "comments": {
+        "patch": [
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "ee977e20d359922798949a4f18af7a036ca36ca3",
+            "comment": "Update to use single hook selector"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "871192b67e1bc8a68da1b4c55b4e0ee2aed0b604",
+            "comment": "chore: move makeStyles() calls to .styles.ts files"
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "b83d941f07041e49dc42f49f70e35cb2117324d5",
+            "comment": "fix: Remove white border around presence badge when on a dark background"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "c28decb23d191a0daaaf6d5d1832429715102129",
+            "comment": "chore: exclude .swcrc from being published"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.3",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.4.0",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-theme to v9.1.8",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-utilities to v9.8.1",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21",
+            "commit": "79c08ce5bbf6387b2b18ba4c3d2d5681e0177d4b"
+          }
+        ],
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "dbda7fa69e3000aaf8dd4a061e254ebd35198b8e",
+            "comment": "fix: update npmignore files to fix npm8/node16 regression how npm publish works"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 24 Apr 2023 08:12:32 GMT",
       "tag": "@fluentui/react-badge_v9.1.10",
       "version": "9.1.10",
       "comments": {
@@ -17,7 +117,7 @@
             "author": "beachball",
             "package": "@fluentui/react-badge",
             "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2",
-            "commit": "948b5bf9871303d1742f1b9a17a3bd4006ce2fea"
+            "commit": "505433ac64f144c9cca456097413d6af4582e5ee"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,18 +1,45 @@
 # Change Log - @fluentui/react-badge
 
-This log was last generated on Mon, 24 Apr 2023 08:09:06 GMT and should not be manually modified.
+This log was last generated on Thu, 18 May 2023 00:35:33 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.12)
+
+Thu, 18 May 2023 00:35:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.11..@fluentui/react-badge_v9.1.12)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.4 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+- Bump @fluentui/react-utilities to v9.9.0 ([PR #27834](https://github.com/microsoft/fluentui/pull/27834) by beachball)
+
+## [9.1.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.11)
+
+Fri, 12 May 2023 20:28:16 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.10..@fluentui/react-badge_v9.1.11)
+
+### Patches
+
+- Update to use single hook selector ([PR #27491](https://github.com/microsoft/fluentui/pull/27491) by gcox@microsoft.com)
+- chore: move makeStyles() calls to .styles.ts files ([PR #27710](https://github.com/microsoft/fluentui/pull/27710) by olfedias@microsoft.com)
+- fix: Remove white border around presence badge when on a dark background ([PR #27780](https://github.com/microsoft/fluentui/pull/27780) by behowell@microsoft.com)
+- chore: exclude .swcrc from being published ([PR #27740](https://github.com/microsoft/fluentui/pull/27740) by olfedias@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.3 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.4.0 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-theme to v9.1.8 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-utilities to v9.8.1 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.21 ([PR #27827](https://github.com/microsoft/fluentui/pull/27827) by beachball)
+
 ## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.10)
 
-Mon, 24 Apr 2023 08:09:06 GMT 
+Mon, 24 Apr 2023 08:12:32 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.9..@fluentui/react-badge_v9.1.10)
 
 ### Patches
 
 - chore: adopt custom JSX pragma ([PR #27603](https://github.com/microsoft/fluentui/pull/27603) by bernardo.sunderhus@gmail.com)
-- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2 ([PR #27632](https://github.com/microsoft/fluentui/pull/27632) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.2 ([commit](https://github.com/microsoft/fluentui/commit/505433ac64f144c9cca456097413d6af4582e5ee) by beachball)
 
 ## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.9)
 

package/lib/components/Badge/Badge.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useBadge_unstable } from './useBadge';
-import { useBadgeStyles_unstable } from './useBadgeStyles';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useBadgeStyles_unstable } from './useBadgeStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 import { renderBadge_unstable } from './renderBadge';
 /**
  * Define a styled Badge, using the `useBadge_unstable` hook.
@@ -9,10 +9,7 @@ import { renderBadge_unstable } from './renderBadge';
 export const Badge = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useBadge_unstable(props, ref);
   useBadgeStyles_unstable(state);
-  const {
-    useBadgeStyles_unstable: useCustomStyles
-  } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useBadgeStyles_unstable')(state);
   return renderBadge_unstable(state);
 });
 Badge.displayName = 'Badge';

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

@@ -1 +1 @@
-{"version":3,"names":["React","useBadge_unstable","useBadgeStyles_unstable","useCustomStyleHooks_unstable","renderBadge_unstable","Badge","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useBadge_unstable } from './useBadge';\nimport { useBadgeStyles_unstable } from './useBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from './renderBadge';\nimport type { BadgeProps } from './Badge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const Badge: ForwardRefComponent<BadgeProps> = React.forwardRef((props, ref) => {\n  const state = useBadge_unstable(props, ref);\n\n  useBadgeStyles_unstable(state);\n\n  const { useBadgeStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderBadge_unstable(state);\n});\n\nBadge.displayName = 'Badge';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,oBAAoB,QAAQ;AAIrC;;;AAGA,OAAO,MAAMC,KAAA,gBAAyCL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrF,MAAMC,KAAA,GAAQR,iBAAA,CAAkBM,KAAA,EAAOC,GAAA;EAEvCN,uBAAA,CAAwBO,KAAA;EAExB,MAAM;IAAEP,uBAAA,EAAyBQ;EAAe,CAAE,GAAGP,4BAAA;EACrDO,eAAA,CAAgBD,KAAA;EAEhB,OAAOL,oBAAA,CAAqBK,KAAA;AAC9B;AAEAJ,KAAA,CAAMM,WAAW,GAAG"}
+{"version":3,"names":["React","useBadge_unstable","useBadgeStyles_unstable","useCustomStyleHook_unstable","renderBadge_unstable","Badge","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useBadge_unstable } from './useBadge';\nimport { useBadgeStyles_unstable } from './useBadgeStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from './renderBadge';\nimport type { BadgeProps } from './Badge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const Badge: ForwardRefComponent<BadgeProps> = React.forwardRef((props, ref) => {\n  const state = useBadge_unstable(props, ref);\n\n  useBadgeStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useBadgeStyles_unstable')(state);\n\n  return renderBadge_unstable(state);\n});\n\nBadge.displayName = 'Badge';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,oBAAoB,QAAQ;AAIrC;;;AAGA,OAAO,MAAMC,KAAA,gBAAyCL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrF,MAAMC,KAAA,GAAQR,iBAAA,CAAkBM,KAAA,EAAOC,GAAA;EAEvCN,uBAAA,CAAwBO,KAAA;EAExBN,2BAAA,CAA4B,2BAA2BM,KAAA;EAEvD,OAAOL,oBAAA,CAAqBK,KAAA;AAC9B;AAEAJ,KAAA,CAAMK,WAAW,GAAG"}

package/lib/components/Badge/index.js

@@ -1,5 +1,5 @@
 export * from './Badge';
 export * from './renderBadge';
 export * from './useBadge';
-export * from './useBadgeStyles';
+export * from './useBadgeStyles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/Badge/index.ts"],"sourcesContent":["export * from './Badge';\n// Explicit exports to omit BadgeCommons\nexport type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types';\nexport * from './renderBadge';\nexport * from './useBadge';\nexport * from './useBadgeStyles';\n"],"mappings":"AAAA,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"names":[],"sources":["../../../src/components/Badge/index.ts"],"sourcesContent":["export * from './Badge';\n// Explicit exports to omit BadgeCommons\nexport type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types';\nexport * from './renderBadge';\nexport * from './useBadge';\nexport * from './useBadgeStyles.styles';\n"],"mappings":"AAAA,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/Badge/{useBadgeStyles.js → useBadgeStyles.styles.js}

@@ -312,4 +312,4 @@ export const useBadgeStyles_unstable = state => {
   }
   return state;
 };
-//# sourceMappingURL=useBadgeStyles.js.map
+//# sourceMappingURL=useBadgeStyles.styles.js.map

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

@@ -0,0 +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":["../../../src/components/Badge/useBadgeStyles.styles.ts"],"sourcesContent":["import { shorthands, makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { BadgeSlots, BadgeState } from './Badge.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const badgeClassNames: SlotClassNames<BadgeSlots> = {\n  root: 'fui-Badge',\n  icon: 'fui-Badge__icon',\n};\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;\n\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\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});\n\nconst useRootStyles = makeStyles({\n  fontSmallToTiny: {\n    ...typographyStyles.caption2Strong,\n  },\n\n  // size\n\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    // Set by useRootClassName\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\n  // shape\n\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    // Set by useRootClassName\n  },\n\n  // hide the boder when appearance is \"ghost\"\n\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\n  // appearance: filled\n\n  filled: {\n    // Set by useRootClassName\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\n  // appearance: ghost\n\n  ghost: {\n    // No shared colors between ghost appearances\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\n  // appearance: outline\n\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\n  // appearance: tint\n\n  tint: {\n    // No shared colors between tint appearances\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});\n\nconst useIconRootClassName = makeResetStyles({\n  display: 'flex',\n  lineHeight: '1',\n  margin: `0 calc(-1 * ${textPadding})`, // Remove text padding added to root\n  fontSize: '12px',\n});\n\nconst useIconStyles = makeStyles({\n  beforeText: {\n    marginRight: `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`,\n  },\n  afterText: {\n    marginLeft: `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`,\n  },\n\n  beforeTextXL: {\n    marginRight: `calc(${tokens.spacingHorizontalXS} + ${textPadding})`,\n  },\n  afterTextXL: {\n    marginLeft: `calc(${tokens.spacingHorizontalXS} + ${textPadding})`,\n  },\n\n  // size\n\n  tiny: {\n    fontSize: '6px',\n  },\n  'extra-small': {\n    fontSize: '10px',\n  },\n  small: {\n    fontSize: '12px',\n  },\n  medium: {\n    // Set by useIconRootClassName\n  },\n  large: {\n    fontSize: '16px',\n  },\n  'extra-large': {\n    fontSize: '20px',\n  },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const useBadgeStyles_unstable = (state: BadgeState): BadgeState => {\n  const rootClassName = useRootClassName();\n  const rootStyles = useRootStyles();\n\n  const smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';\n\n  state.root.className = mergeClasses(\n    badgeClassNames.root,\n    rootClassName,\n    smallToTiny && rootStyles.fontSmallToTiny,\n    rootStyles[state.size],\n    rootStyles[state.shape],\n    state.shape === 'rounded' && smallToTiny && rootStyles.roundedSmallToTiny,\n    state.appearance === 'ghost' && rootStyles.borderGhost,\n    rootStyles[state.appearance],\n    rootStyles[`${state.appearance}-${state.color}` as const],\n    state.root.className,\n  );\n\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\n    state.icon.className = mergeClasses(\n      badgeClassNames.icon,\n      iconRootClassName,\n      iconPositionClass,\n      iconStyles[state.size],\n      state.icon.className,\n    );\n  }\n\n  return state;\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAAC,aAAA,EAAAC,QAAA,EAA+BC,YAAY,QAAQ;AACtE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ;AAIzC,OAAO,MAAMC,eAAA,GAA8C;EACzDC,IAAA,EAAM;EACNC,IAAA,EAAM;AACR;AAEA;AACA;AACA,MAAMC,WAAA,GAAcL,MAAA,CAAOM,oBAAoB;AAE/C,MAAMC,gBAAA,gBAAmBV,aAAA,+1DA2BzB;AAEA,MAAMW,aAAA,gBAAgBV,QAAA;EAAAW,eAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAL,OAAA;IAAAE,OAAA;IAAAI,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAN,MAAA;IAAAC,OAAA;IAAAL,OAAA;IAAAE,OAAA;IAAAI,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAP,MAAA;IAAAC,OAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAE,MAAA;EAAAC,KAAA;IAAAT,MAAA;IAAAC,OAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAN,MAAA;IAAAC,OAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAI,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAJ,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAE,kBAAA;IAAAL,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAG,QAAA;EAAAC,WAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;EAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAA;IAAAD,MAAA;IAAAC,MAAA;EAAA;EAAA;IAAAD,MAAA;IAAAC,MAAA;EAAA;EAAA;IAAAD,MAAA;IAAAC,MAAA;EAAA;EAAA;IAAAD,MAAA;IAAAC,MAAA;EAAA;EAAA;IAAAD,MAAA;IAAAC,MAAA;EAAA;EAAA;IAAAD,MAAA;IAAAC,MAAA;EAAA;EAAA;IAAAD,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;EAAA;IAAAD,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;EAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAN,MAAA;EAAA;EAAA;IAAAA,MAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAN,MAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAN,MAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAN,MAAA;EAAA;EAAA;IAAAA,MAAA;EAAA;EAAA;IAAAA,MAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAN,MAAA;EAAA;EAAAO,IAAA;EAAA;IAAAR,MAAA;IAAAC,MAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAP,MAAA;IAAAC,MAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAP,MAAA;IAAAC,MAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAP,MAAA;IAAAC,MAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAP,MAAA;IAAAC,MAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAP,MAAA;IAAAC,MAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAP,MAAA;IAAAC,MAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;IAAAP,MAAA;IAAAC,MAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,EAsNtB;AAEA,MAAMC,oBAAA,gBAAuBjD,aAAA,wLAK7B;AAEA,MAAMkD,aAAA,gBAAgBjD,QAAA;EAAAkD,UAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAH,MAAA;EAAA;EAAAI,WAAA;IAAAF,MAAA;EAAA;EAAArC,IAAA;IAAAH,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAW,KAAA;IAAAX,OAAA;EAAA;EAAAY,MAAA;EAAAC,KAAA;IAAAb,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAkC,CAAA;AAAA,EAmCtB;AAEA;;;AAGA,OAAO,MAAMS,uBAAA,GAA2BC,KAAA,IAAkC;EACxE,MAAMC,aAAA,GAAgBjD,gBAAA;EACtB,MAAMkD,UAAA,GAAajD,aAAA;EAEnB,MAAMkD,WAAA,GAAcH,KAAA,CAAMI,IAAI,KAAK,WAAWJ,KAAA,CAAMI,IAAI,KAAK,iBAAiBJ,KAAA,CAAMI,IAAI,KAAK;EAE7FJ,KAAA,CAAMpD,IAAI,CAACyD,SAAS,GAAG7D,YAAA,CACrBG,eAAA,CAAgBC,IAAI,EACpBqD,aAAA,EACAE,WAAA,IAAeD,UAAA,CAAWhD,eAAe,EACzCgD,UAAU,CAACF,KAAA,CAAMI,IAAI,CAAC,EACtBF,UAAU,CAACF,KAAA,CAAMM,KAAK,CAAC,EACvBN,KAAA,CAAMM,KAAK,KAAK,aAAaH,WAAA,IAAeD,UAAA,CAAW1B,kBAAkB,EACzEwB,KAAA,CAAMO,UAAU,KAAK,WAAWL,UAAA,CAAWxB,WAAW,EACtDwB,UAAU,CAACF,KAAA,CAAMO,UAAU,CAAC,EAC5BL,UAAU,CAAE,GAAEF,KAAA,CAAMO,UAAW,IAAGP,KAAA,CAAMQ,KAAM,EAAC,CAAU,EACzDR,KAAA,CAAMpD,IAAI,CAACyD,SAAS;EAGtB,MAAMI,iBAAA,GAAoBlB,oBAAA;EAC1B,MAAMmB,UAAA,GAAalB,aAAA;EACnB,IAAIQ,KAAA,CAAMnD,IAAI,EAAE;IACd,IAAI8D,iBAAA;IACJ,IAAIX,KAAA,CAAMpD,IAAI,CAACgE,QAAQ,EAAE;MACvB,IAAIZ,KAAA,CAAMI,IAAI,KAAK,eAAe;QAChCO,iBAAA,GAAoBX,KAAA,CAAMa,YAAY,KAAK,UAAUH,UAAA,CAAWZ,WAAW,GAAGY,UAAA,CAAWb,YAAY;MACvG,OAAO;QACLc,iBAAA,GAAoBX,KAAA,CAAMa,YAAY,KAAK,UAAUH,UAAA,CAAWf,SAAS,GAAGe,UAAA,CAAWjB,UAAU;MACnG;IACF;IAEAO,KAAA,CAAMnD,IAAI,CAACwD,SAAS,GAAG7D,YAAA,CACrBG,eAAA,CAAgBE,IAAI,EACpB4D,iBAAA,EACAE,iBAAA,EACAD,UAAU,CAACV,KAAA,CAAMI,IAAI,CAAC,EACtBJ,KAAA,CAAMnD,IAAI,CAACwD,SAAS;EAExB;EAEA,OAAOL,KAAA;AACT"}

package/lib/components/CounterBadge/CounterBadge.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useCounterBadge_unstable } from './useCounterBadge';
-import { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 import { renderBadge_unstable } from '../Badge/index';
 /**
  * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
@@ -9,10 +9,7 @@ import { renderBadge_unstable } from '../Badge/index';
 export const CounterBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useCounterBadge_unstable(props, ref);
   useCounterBadgeStyles_unstable(state);
-  const {
-    useCounterBadgeStyles_unstable: useCustomStyles
-  } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useCounterBadgeStyles_unstable')(state);
   return renderBadge_unstable(state);
 });
 CounterBadge.displayName = 'CounterBadge';

package/lib/components/CounterBadge/CounterBadge.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCounterBadge_unstable","useCounterBadgeStyles_unstable","useCustomStyleHooks_unstable","renderBadge_unstable","CounterBadge","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../src/components/CounterBadge/CounterBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCounterBadge_unstable } from './useCounterBadge';\nimport { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from '../Badge/index';\nimport type { CounterBadgeProps } from './CounterBadge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.\n */\nexport const CounterBadge: ForwardRefComponent<CounterBadgeProps> = React.forwardRef((props, ref) => {\n  const state = useCounterBadge_unstable(props, ref);\n\n  useCounterBadgeStyles_unstable(state);\n\n  const { useCounterBadgeStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderBadge_unstable(state);\n});\n\nCounterBadge.displayName = 'CounterBadge';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,wBAAwB,QAAQ;AACzC,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,oBAAoB,QAAQ;AAIrC;;;AAGA,OAAO,MAAMC,YAAA,gBAAuDL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACnG,MAAMC,KAAA,GAAQR,wBAAA,CAAyBM,KAAA,EAAOC,GAAA;EAE9CN,8BAAA,CAA+BO,KAAA;EAE/B,MAAM;IAAEP,8BAAA,EAAgCQ;EAAe,CAAE,GAAGP,4BAAA;EAC5DO,eAAA,CAAgBD,KAAA;EAEhB,OAAOL,oBAAA,CAAqBK,KAAA;AAC9B;AAEAJ,YAAA,CAAaM,WAAW,GAAG"}
+{"version":3,"names":["React","useCounterBadge_unstable","useCounterBadgeStyles_unstable","useCustomStyleHook_unstable","renderBadge_unstable","CounterBadge","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/CounterBadge/CounterBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCounterBadge_unstable } from './useCounterBadge';\nimport { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from '../Badge/index';\nimport type { CounterBadgeProps } from './CounterBadge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.\n */\nexport const CounterBadge: ForwardRefComponent<CounterBadgeProps> = React.forwardRef((props, ref) => {\n  const state = useCounterBadge_unstable(props, ref);\n\n  useCounterBadgeStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useCounterBadgeStyles_unstable')(state);\n\n  return renderBadge_unstable(state);\n});\n\nCounterBadge.displayName = 'CounterBadge';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,wBAAwB,QAAQ;AACzC,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,oBAAoB,QAAQ;AAIrC;;;AAGA,OAAO,MAAMC,YAAA,gBAAuDL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACnG,MAAMC,KAAA,GAAQR,wBAAA,CAAyBM,KAAA,EAAOC,GAAA;EAE9CN,8BAAA,CAA+BO,KAAA;EAE/BN,2BAAA,CAA4B,kCAAkCM,KAAA;EAE9D,OAAOL,oBAAA,CAAqBK,KAAA;AAC9B;AAEAJ,YAAA,CAAaK,WAAW,GAAG"}

package/lib/components/CounterBadge/index.js

@@ -1,5 +1,5 @@
 export * from './CounterBadge';
 export * from './CounterBadge.types';
 export * from './useCounterBadge';
-export * from './useCounterBadgeStyles';
+export * from './useCounterBadgeStyles.styles';
 //# sourceMappingURL=index.js.map

package/lib/components/CounterBadge/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/CounterBadge/index.ts"],"sourcesContent":["export * from './CounterBadge';\nexport * from './CounterBadge.types';\nexport * from './useCounterBadge';\nexport * from './useCounterBadgeStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"names":[],"sources":["../../../src/components/CounterBadge/index.ts"],"sourcesContent":["export * from './CounterBadge';\nexport * from './CounterBadge.types';\nexport * from './useCounterBadge';\nexport * from './useCounterBadgeStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/CounterBadge/{useCounterBadgeStyles.js → useCounterBadgeStyles.styles.js}

@@ -1,5 +1,5 @@
 import { shorthands, mergeClasses, __styles } from '@griffel/react';
-import { useBadgeStyles_unstable } from '../Badge/useBadgeStyles';
+import { useBadgeStyles_unstable } from '../Badge/useBadgeStyles.styles';
 export const counterBadgeClassNames = {
   root: 'fui-CounterBadge',
   icon: 'fui-CounterBadge__icon'
@@ -31,4 +31,4 @@ export const useCounterBadgeStyles_unstable = state => {
   }
   return useBadgeStyles_unstable(state);
 };
-//# sourceMappingURL=useCounterBadgeStyles.js.map
+//# sourceMappingURL=useCounterBadgeStyles.styles.js.map

package/lib/components/CounterBadge/useCounterBadgeStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["shorthands","mergeClasses","__styles","useBadgeStyles_unstable","counterBadgeClassNames","root","icon","useStyles","dot","Bf4jedk","a9b677","Bqenvij","z8tnut","z189sj","Byoj8tv","uwmqm3","hide","mc9l5x","d","useCounterBadgeStyles_unstable","state","styles","className","children"],"sources":["../../../src/components/CounterBadge/useCounterBadgeStyles.styles.ts"],"sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { useBadgeStyles_unstable } from '../Badge/useBadgeStyles.styles';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { BadgeSlots } from '../Badge/Badge.types';\nimport type { CounterBadgeState } from './CounterBadge.types';\n\nexport const counterBadgeClassNames: SlotClassNames<BadgeSlots> = {\n  root: 'fui-CounterBadge',\n  icon: 'fui-CounterBadge__icon',\n};\n\nconst useStyles = makeStyles({\n  dot: {\n    minWidth: 'auto',\n    width: '6px',\n    height: '6px',\n    ...shorthands.padding('0'),\n  },\n  hide: {\n    display: 'none',\n  },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const useCounterBadgeStyles_unstable = (state: CounterBadgeState): CounterBadgeState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    counterBadgeClassNames.root,\n    state.dot && styles.dot,\n    !state.root.children && !state.dot && styles.hide,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(counterBadgeClassNames.icon, state.icon.className);\n  }\n\n  return useBadgeStyles_unstable(state) as CounterBadgeState;\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAAC,QAAA,QAAoB;AACrD,SAASC,uBAAuB,QAAQ;AAKxC,OAAO,MAAMC,sBAAA,GAAqD;EAChEC,IAAA,EAAM;EACNC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYL,QAAA;EAAAM,GAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,IAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAUlB;AAEA;;;AAGA,OAAO,MAAMC,8BAAA,GAAkCC,KAAA,IAAgD;EAC7F,MAAMC,MAAA,GAASd,SAAA;EACfa,KAAA,CAAMf,IAAI,CAACiB,SAAS,GAAGrB,YAAA,CACrBG,sBAAA,CAAuBC,IAAI,EAC3Be,KAAA,CAAMZ,GAAG,IAAIa,MAAA,CAAOb,GAAG,EACvB,CAACY,KAAA,CAAMf,IAAI,CAACkB,QAAQ,IAAI,CAACH,KAAA,CAAMZ,GAAG,IAAIa,MAAA,CAAOL,IAAI,EACjDI,KAAA,CAAMf,IAAI,CAACiB,SAAS;EAGtB,IAAIF,KAAA,CAAMd,IAAI,EAAE;IACdc,KAAA,CAAMd,IAAI,CAACgB,SAAS,GAAGrB,YAAA,CAAaG,sBAAA,CAAuBE,IAAI,EAAEc,KAAA,CAAMd,IAAI,CAACgB,SAAS;EACvF;EAEA,OAAOnB,uBAAA,CAAwBiB,KAAA;AACjC"}

package/lib/components/PresenceBadge/PresenceBadge.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { usePresenceBadge_unstable } from './usePresenceBadge';
-import { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 import { renderBadge_unstable } from '../../Badge';
 /**
  * Define a styled Badge, using the `useBadge_unstable` hook.
@@ -9,10 +9,7 @@ import { renderBadge_unstable } from '../../Badge';
 export const PresenceBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = usePresenceBadge_unstable(props, ref);
   usePresenceBadgeStyles_unstable(state);
-  const {
-    usePresenceBadgeStyles_unstable: useCustomStyles
-  } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('usePresenceBadgeStyles_unstable')(state);
   return renderBadge_unstable(state);
 });
 PresenceBadge.displayName = 'PresenceBadge';

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

@@ -1 +1 @@
-{"version":3,"names":["React","usePresenceBadge_unstable","usePresenceBadgeStyles_unstable","useCustomStyleHooks_unstable","renderBadge_unstable","PresenceBadge","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../src/components/PresenceBadge/PresenceBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePresenceBadge_unstable } from './usePresenceBadge';\nimport { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from '../../Badge';\nimport type { PresenceBadgeProps } from './PresenceBadge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const PresenceBadge: ForwardRefComponent<PresenceBadgeProps> = React.forwardRef((props, ref) => {\n  const state = usePresenceBadge_unstable(props, ref);\n\n  usePresenceBadgeStyles_unstable(state);\n\n  const { usePresenceBadgeStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderBadge_unstable(state);\n});\n\nPresenceBadge.displayName = 'PresenceBadge';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,+BAA+B,QAAQ;AAChD,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,oBAAoB,QAAQ;AAIrC;;;AAGA,OAAO,MAAMC,aAAA,gBAAyDL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrG,MAAMC,KAAA,GAAQR,yBAAA,CAA0BM,KAAA,EAAOC,GAAA;EAE/CN,+BAAA,CAAgCO,KAAA;EAEhC,MAAM;IAAEP,+BAAA,EAAiCQ;EAAe,CAAE,GAAGP,4BAAA;EAC7DO,eAAA,CAAgBD,KAAA;EAEhB,OAAOL,oBAAA,CAAqBK,KAAA;AAC9B;AAEAJ,aAAA,CAAcM,WAAW,GAAG"}
+{"version":3,"names":["React","usePresenceBadge_unstable","usePresenceBadgeStyles_unstable","useCustomStyleHook_unstable","renderBadge_unstable","PresenceBadge","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/PresenceBadge/PresenceBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePresenceBadge_unstable } from './usePresenceBadge';\nimport { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from '../../Badge';\nimport type { PresenceBadgeProps } from './PresenceBadge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const PresenceBadge: ForwardRefComponent<PresenceBadgeProps> = React.forwardRef((props, ref) => {\n  const state = usePresenceBadge_unstable(props, ref);\n\n  usePresenceBadgeStyles_unstable(state);\n\n  useCustomStyleHook_unstable('usePresenceBadgeStyles_unstable')(state);\n\n  return renderBadge_unstable(state);\n});\n\nPresenceBadge.displayName = 'PresenceBadge';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,+BAA+B,QAAQ;AAChD,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,oBAAoB,QAAQ;AAIrC;;;AAGA,OAAO,MAAMC,aAAA,gBAAyDL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrG,MAAMC,KAAA,GAAQR,yBAAA,CAA0BM,KAAA,EAAOC,GAAA;EAE/CN,+BAAA,CAAgCO,KAAA;EAEhCN,2BAAA,CAA4B,mCAAmCM,KAAA;EAE/D,OAAOL,oBAAA,CAAqBK,KAAA;AAC9B;AAEAJ,aAAA,CAAcK,WAAW,GAAG"}

package/lib/components/PresenceBadge/index.js

@@ -1,5 +1,5 @@
 export * from './PresenceBadge';
 export * from './PresenceBadge.types';
 export * from './usePresenceBadge';
-export * from './usePresenceBadgeStyles';
+export * from './usePresenceBadgeStyles.styles';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/PresenceBadge/index.ts"],"sourcesContent":["export * from './PresenceBadge';\nexport * from './PresenceBadge.types';\nexport * from './usePresenceBadge';\nexport * from './usePresenceBadgeStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"names":[],"sources":["../../../src/components/PresenceBadge/index.ts"],"sourcesContent":["export * from './PresenceBadge';\nexport * from './PresenceBadge.types';\nexport * from './usePresenceBadge';\nexport * from './usePresenceBadgeStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/PresenceBadge/{usePresenceBadgeStyles.js → usePresenceBadgeStyles.styles.js}

@@ -10,7 +10,8 @@ const getIsBusy = status => {
   }
   return false;
 };
-const useRootClassName = /*#__PURE__*/__resetStyles("r11sysef", null, [".r11sysef{padding:0;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);}", ".r11sysef span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}"]);
+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 useStyles = /*#__PURE__*/__styles({
   statusBusy: {
     sj55zd: "fvi85wt"
@@ -45,6 +46,7 @@ const useStyles = /*#__PURE__*/__styles({
   tiny: {
     Bubjx69: "f9ikmtg",
     a9b677: "f16dn6v3",
+    B2eet1l: "f1w2irj7",
     B5pe6w7: "fab5kbq",
     p4uzdd: "f1ms1d91"
   },
@@ -61,19 +63,20 @@ 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;}", ".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{-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;}"]
 });
 /**
  * Applies style classnames to slots
  */
 export const usePresenceBadgeStyles_unstable = state => {
   const rootClassName = useRootClassName();
+  const iconClassName = useIconClassName();
   const styles = useStyles();
   const isBusy = getIsBusy(state.status);
   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);
   if (state.icon) {
-    state.icon.className = mergeClasses(presenceBadgeClassNames.icon, state.icon.className);
+    state.icon.className = mergeClasses(presenceBadgeClassNames.icon, iconClassName, state.icon.className);
   }
   return state;
 };
-//# sourceMappingURL=usePresenceBadgeStyles.js.map
+//# sourceMappingURL=usePresenceBadgeStyles.styles.js.map

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

@@ -0,0 +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":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { BadgeSlots } from '../Badge/Badge.types';\nimport type { PresenceBadgeState, PresenceBadgeStatus } from './PresenceBadge.types';\n\nexport const presenceBadgeClassNames: SlotClassNames<BadgeSlots> = {\n  root: 'fui-PresenceBadge',\n  icon: 'fui-PresenceBadge__icon',\n};\n\nconst getIsBusy = (status: PresenceBadgeStatus): boolean => {\n  if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n    return true;\n  }\n\n  return false;\n};\n\nconst useRootClassName = makeResetStyles({\n  display: 'inline-flex',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  justifyContent: 'center',\n\n  borderRadius: tokens.borderRadiusCircular,\n  backgroundColor: tokens.colorNeutralBackground1,\n\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});\n\nconst useIconClassName = makeResetStyles({\n  display: 'flex',\n  margin: '-1px',\n});\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\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', // tiny icons have a border less than 1px wide, and can't use the backgroundClip fix\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/**\n * Applies style classnames to slots\n */\nexport const usePresenceBadgeStyles_unstable = (state: PresenceBadgeState): PresenceBadgeState => {\n  const rootClassName = useRootClassName();\n  const iconClassName = useIconClassName();\n  const styles = useStyles();\n  const isBusy = getIsBusy(state.status);\n  state.root.className = mergeClasses(\n    presenceBadgeClassNames.root,\n    rootClassName,\n    isBusy && styles.statusBusy,\n    state.status === 'away' && styles.statusAway,\n    state.status === 'available' && styles.statusAvailable,\n    state.status === 'offline' && styles.statusOffline,\n    state.status === 'out-of-office' && styles.statusOutOfOffice,\n    state.status === 'unknown' && styles.statusUnknown,\n    state.outOfOffice && styles.outOfOffice,\n    state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable,\n    state.outOfOffice && isBusy && styles.outOfOfficeBusy,\n    state.outOfOffice && state.status === 'away' && styles.statusAway,\n    state.outOfOffice && state.status === 'offline' && styles.statusOffline,\n    state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice,\n    state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown,\n    state.size === 'tiny' && styles.tiny,\n    state.size === 'large' && styles.large,\n    state.size === 'extra-large' && styles.extraLarge,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(presenceBadgeClassNames.icon, iconClassName, state.icon.className);\n  }\n\n  return state;\n};\n"],"mappings":"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"}

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

@@ -9,14 +9,13 @@ Object.defineProperty(exports, "Badge", {
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _useBadge = require("./useBadge");
-const _useBadgeStyles = require("./useBadgeStyles");
+const _useBadgeStylesStyles = require("./useBadgeStyles.styles");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const _renderBadge = require("./renderBadge");
 const Badge = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useBadge.useBadge_unstable)(props, ref);
-    (0, _useBadgeStyles.useBadgeStyles_unstable)(state);
-    const { useBadgeStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useBadgeStylesStyles.useBadgeStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useBadgeStyles_unstable')(state);
     return (0, _renderBadge.renderBadge_unstable)(state);
 });
 Badge.displayName = 'Badge'; //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Badge/Badge.js"],"sourcesContent":["import * as React from 'react';\nimport { useBadge_unstable } from './useBadge';\nimport { useBadgeStyles_unstable } from './useBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from './renderBadge';\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const Badge = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useBadge_unstable(props, ref);\n  useBadgeStyles_unstable(state);\n  const {\n    useBadgeStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderBadge_unstable(state);\n});\nBadge.displayName = 'Badge';\n//# sourceMappingURL=Badge.js.map"],"names":["Badge","React","forwardRef","props","ref","state","useBadge_unstable","useBadgeStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderBadge_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;0BACW;gCACM;qCACK;6BACR;AAI9B,MAAMA,QAAQ,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACjE,MAAMC,QAAQC,IAAAA,2BAAiB,EAACH,OAAOC;IACvCG,IAAAA,uCAAuB,EAACF;IACxB,MAAM,EACJE,yBAAyBC,gBAAe,EACzC,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,iCAAoB,EAACL;AAC9B;AACAL,MAAMW,WAAW,GAAG,SACpB,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/Badge/Badge.js"],"sourcesContent":["import * as React from 'react';\nimport { useBadge_unstable } from './useBadge';\nimport { useBadgeStyles_unstable } from './useBadgeStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from './renderBadge';\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const Badge = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useBadge_unstable(props, ref);\n  useBadgeStyles_unstable(state);\n  useCustomStyleHook_unstable('useBadgeStyles_unstable')(state);\n  return renderBadge_unstable(state);\n});\nBadge.displayName = 'Badge';\n//# sourceMappingURL=Badge.js.map"],"names":["Badge","React","forwardRef","props","ref","state","useBadge_unstable","useBadgeStyles_unstable","useCustomStyleHook_unstable","renderBadge_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;0BACW;sCACM;qCACI;6BACP;AAI9B,MAAMA,QAAQ,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACjE,MAAMC,QAAQC,IAAAA,2BAAiB,EAACH,OAAOC;IACvCG,IAAAA,6CAAuB,EAACF;IACxBG,IAAAA,gDAA2B,EAAC,2BAA2BH;IACvD,OAAOI,IAAAA,iCAAoB,EAACJ;AAC9B;AACAL,MAAMU,WAAW,GAAG,SACpB,iCAAiC"}

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

@@ -6,7 +6,7 @@ const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./Badge"), exports);
 _exportStar(require("./renderBadge"), exports);
 _exportStar(require("./useBadge"), exports);
-_exportStar(require("./useBadgeStyles"), exports);
+_exportStar(require("./useBadgeStyles.styles"), exports);
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

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

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

package/lib-commonjs/components/Badge/{useBadgeStyles.js → useBadgeStyles.styles.js}

@@ -615,6 +615,6 @@ const useBadgeStyles_unstable = (state)=>{
         state.icon.className = (0, _react.mergeClasses)(badgeClassNames.icon, iconRootClassName, iconPositionClass, iconStyles[state.size], state.icon.className);
     }
     return state;
-}; //# sourceMappingURL=useBadgeStyles.js.map
+}; //# sourceMappingURL=useBadgeStyles.styles.js.map
 
-//# sourceMappingURL=useBadgeStyles.js.map
+//# sourceMappingURL=useBadgeStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/Badge/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":"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"}

package/lib-commonjs/components/CounterBadge/CounterBadge.js

@@ -9,14 +9,13 @@ Object.defineProperty(exports, "CounterBadge", {
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _useCounterBadge = require("./useCounterBadge");
-const _useCounterBadgeStyles = require("./useCounterBadgeStyles");
+const _useCounterBadgeStylesStyles = require("./useCounterBadgeStyles.styles");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const _index = require("../Badge/index");
 const CounterBadge = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useCounterBadge.useCounterBadge_unstable)(props, ref);
-    (0, _useCounterBadgeStyles.useCounterBadgeStyles_unstable)(state);
-    const { useCounterBadgeStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useCounterBadgeStylesStyles.useCounterBadgeStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useCounterBadgeStyles_unstable')(state);
     return (0, _index.renderBadge_unstable)(state);
 });
 CounterBadge.displayName = 'CounterBadge'; //# sourceMappingURL=CounterBadge.js.map

package/lib-commonjs/components/CounterBadge/CounterBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/CounterBadge/CounterBadge.js"],"sourcesContent":["import * as React from 'react';\nimport { useCounterBadge_unstable } from './useCounterBadge';\nimport { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from '../Badge/index';\n/**\n * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.\n */\nexport const CounterBadge = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useCounterBadge_unstable(props, ref);\n  useCounterBadgeStyles_unstable(state);\n  const {\n    useCounterBadgeStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderBadge_unstable(state);\n});\nCounterBadge.displayName = 'CounterBadge';\n//# sourceMappingURL=CounterBadge.js.map"],"names":["CounterBadge","React","forwardRef","props","ref","state","useCounterBadge_unstable","useCounterBadgeStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderBadge_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;iCACkB;uCACM;qCACF;uBACR;AAI9B,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,qDAA8B,EAACF;IAC/B,MAAM,EACJE,gCAAgCC,gBAAe,EAChD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,2BAAoB,EAACL;AAC9B;AACAL,aAAaW,WAAW,GAAG,gBAC3B,wCAAwC"}
+{"version":3,"sources":["../../../lib/components/CounterBadge/CounterBadge.js"],"sourcesContent":["import * as React from 'react';\nimport { useCounterBadge_unstable } from './useCounterBadge';\nimport { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from '../Badge/index';\n/**\n * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.\n */\nexport const CounterBadge = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useCounterBadge_unstable(props, ref);\n  useCounterBadgeStyles_unstable(state);\n  useCustomStyleHook_unstable('useCounterBadgeStyles_unstable')(state);\n  return renderBadge_unstable(state);\n});\nCounterBadge.displayName = 'CounterBadge';\n//# sourceMappingURL=CounterBadge.js.map"],"names":["CounterBadge","React","forwardRef","props","ref","state","useCounterBadge_unstable","useCounterBadgeStyles_unstable","useCustomStyleHook_unstable","renderBadge_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;iCACkB;6CACM;qCACH;uBACP;AAI9B,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/BG,IAAAA,gDAA2B,EAAC,kCAAkCH;IAC9D,OAAOI,IAAAA,2BAAoB,EAACJ;AAC9B;AACAL,aAAaU,WAAW,GAAG,gBAC3B,wCAAwC"}

package/lib-commonjs/components/CounterBadge/index.js

@@ -6,7 +6,7 @@ const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./CounterBadge"), exports);
 _exportStar(require("./CounterBadge.types"), exports);
 _exportStar(require("./useCounterBadge"), exports);
-_exportStar(require("./useCounterBadgeStyles"), exports);
+_exportStar(require("./useCounterBadgeStyles.styles"), exports);
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/CounterBadge/index.js.map

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

package/lib-commonjs/components/CounterBadge/{useCounterBadgeStyles.js → useCounterBadgeStyles.styles.js}

@@ -13,7 +13,7 @@ _export(exports, {
     useCounterBadgeStyles_unstable: ()=>useCounterBadgeStyles_unstable
 });
 const _react = require("@griffel/react");
-const _useBadgeStyles = require("../Badge/useBadgeStyles");
+const _useBadgeStylesStyles = require("../Badge/useBadgeStyles.styles");
 const counterBadgeClassNames = {
     root: 'fui-CounterBadge',
     icon: 'fui-CounterBadge__icon'
@@ -55,7 +55,7 @@ const useCounterBadgeStyles_unstable = (state)=>{
     if (state.icon) {
         state.icon.className = (0, _react.mergeClasses)(counterBadgeClassNames.icon, state.icon.className);
     }
-    return (0, _useBadgeStyles.useBadgeStyles_unstable)(state);
-}; //# sourceMappingURL=useCounterBadgeStyles.js.map
+    return (0, _useBadgeStylesStyles.useBadgeStyles_unstable)(state);
+}; //# sourceMappingURL=useCounterBadgeStyles.styles.js.map
 
-//# sourceMappingURL=useCounterBadgeStyles.js.map
+//# sourceMappingURL=useCounterBadgeStyles.styles.js.map

package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/CounterBadge/useCounterBadgeStyles.styles.js"],"sourcesContent":["import { shorthands, mergeClasses, __styles } from '@griffel/react';\nimport { useBadgeStyles_unstable } from '../Badge/useBadgeStyles.styles';\nexport const counterBadgeClassNames = {\n  root: 'fui-CounterBadge',\n  icon: 'fui-CounterBadge__icon'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  dot: {\n    Bf4jedk: \"fgfkb25\",\n    a9b677: \"f16dn6v3\",\n    Bqenvij: \"f3mu39s\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n  },\n  hide: {\n    mc9l5x: \"fjseox\"\n  }\n}, {\n  d: [\".fgfkb25{min-width:auto;}\", \".f16dn6v3{width:6px;}\", \".f3mu39s{height:6px;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".fjseox{display:none;}\"]\n});\n/**\n * Applies style classnames to slots\n */\nexport const useCounterBadgeStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(counterBadgeClassNames.root, state.dot && styles.dot, !state.root.children && !state.dot && styles.hide, state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(counterBadgeClassNames.icon, state.icon.className);\n  }\n  return useBadgeStyles_unstable(state);\n};\n//# sourceMappingURL=useCounterBadgeStyles.styles.js.map"],"names":["counterBadgeClassNames","useCounterBadgeStyles_unstable","root","icon","useStyles","__styles","dot","Bf4jedk","a9b677","Bqenvij","z8tnut","z189sj","Byoj8tv","uwmqm3","hide","mc9l5x","d","state","styles","className","mergeClasses","children","useBadgeStyles_unstable"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB,MAAtBA;IAuBAC,8BAA8B,MAA9BA;;uBAzBsC;sCACX;AACjC,MAAMD,yBAAyB;IACpCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,KAAK;QACHC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,MAAM;QACJC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA6B;QAAyB;QAAyB;QAA6B;QAA8B;QAA8B;QAAgC;KAAyB;AACvO;AAIO,MAAMf,iCAAiCgB,CAAAA,QAAS;IACrD,MAAMC,SAASd;IACfa,MAAMf,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,uBAAuBE,IAAI,EAAEe,MAAMX,GAAG,IAAIY,OAAOZ,GAAG,EAAE,CAACW,MAAMf,IAAI,CAACmB,QAAQ,IAAI,CAACJ,MAAMX,GAAG,IAAIY,OAAOJ,IAAI,EAAEG,MAAMf,IAAI,CAACiB,SAAS;IACjK,IAAIF,MAAMd,IAAI,EAAE;QACdc,MAAMd,IAAI,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,uBAAuBG,IAAI,EAAEc,MAAMd,IAAI,CAACgB,SAAS;IACvF,CAAC;IACD,OAAOG,IAAAA,6CAAuB,EAACL;AACjC,GACA,wDAAwD"}

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

@@ -9,14 +9,13 @@ Object.defineProperty(exports, "PresenceBadge", {
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _usePresenceBadge = require("./usePresenceBadge");
-const _usePresenceBadgeStyles = require("./usePresenceBadgeStyles");
+const _usePresenceBadgeStylesStyles = require("./usePresenceBadgeStyles.styles");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const _badge = require("../../Badge");
 const PresenceBadge = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _usePresenceBadge.usePresenceBadge_unstable)(props, ref);
-    (0, _usePresenceBadgeStyles.usePresenceBadgeStyles_unstable)(state);
-    const { usePresenceBadgeStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _usePresenceBadgeStylesStyles.usePresenceBadgeStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('usePresenceBadgeStyles_unstable')(state);
     return (0, _badge.renderBadge_unstable)(state);
 });
 PresenceBadge.displayName = 'PresenceBadge'; //# sourceMappingURL=PresenceBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/PresenceBadge/PresenceBadge.js"],"sourcesContent":["import * as React from 'react';\nimport { usePresenceBadge_unstable } from './usePresenceBadge';\nimport { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from '../../Badge';\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const PresenceBadge = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = usePresenceBadge_unstable(props, ref);\n  usePresenceBadgeStyles_unstable(state);\n  const {\n    usePresenceBadgeStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderBadge_unstable(state);\n});\nPresenceBadge.displayName = 'PresenceBadge';\n//# sourceMappingURL=PresenceBadge.js.map"],"names":["PresenceBadge","React","forwardRef","props","ref","state","usePresenceBadge_unstable","usePresenceBadgeStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderBadge_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;kCACmB;wCACM;qCACH;uBACR;AAI9B,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,uDAA+B,EAACF;IAChC,MAAM,EACJE,iCAAiCC,gBAAe,EACjD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,2BAAoB,EAACL;AAC9B;AACAL,cAAcW,WAAW,GAAG,iBAC5B,yCAAyC"}
+{"version":3,"sources":["../../../lib/components/PresenceBadge/PresenceBadge.js"],"sourcesContent":["import * as React from 'react';\nimport { usePresenceBadge_unstable } from './usePresenceBadge';\nimport { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from '../../Badge';\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const PresenceBadge = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = usePresenceBadge_unstable(props, ref);\n  usePresenceBadgeStyles_unstable(state);\n  useCustomStyleHook_unstable('usePresenceBadgeStyles_unstable')(state);\n  return renderBadge_unstable(state);\n});\nPresenceBadge.displayName = 'PresenceBadge';\n//# sourceMappingURL=PresenceBadge.js.map"],"names":["PresenceBadge","React","forwardRef","props","ref","state","usePresenceBadge_unstable","usePresenceBadgeStyles_unstable","useCustomStyleHook_unstable","renderBadge_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;kCACmB;8CACM;qCACJ;uBACP;AAI9B,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,2BAAoB,EAACJ;AAC9B;AACAL,cAAcU,WAAW,GAAG,iBAC5B,yCAAyC"}

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

@@ -6,7 +6,7 @@ const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./PresenceBadge"), exports);
 _exportStar(require("./PresenceBadge.types"), exports);
 _exportStar(require("./usePresenceBadge"), exports);
-_exportStar(require("./usePresenceBadgeStyles"), exports);
+_exportStar(require("./usePresenceBadgeStyles.styles"), exports);
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

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

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

package/lib-commonjs/components/PresenceBadge/{usePresenceBadgeStyles.js → usePresenceBadgeStyles.styles.js}

@@ -23,9 +23,11 @@ const getIsBusy = (status)=>{
     }
     return false;
 };
-const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r11sysef", null, [
-    ".r11sysef{padding:0;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);}",
-    ".r11sysef span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}"
+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;}"
+]);
+const useIconClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r11ag4qr", null, [
+    ".r11ag4qr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:-1px;}"
 ]);
 const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
     statusBusy: {
@@ -61,6 +63,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
     tiny: {
         Bubjx69: "f9ikmtg",
         a9b677: "f16dn6v3",
+        B2eet1l: "f1w2irj7",
         B5pe6w7: "fab5kbq",
         p4uzdd: "f1ms1d91"
     },
@@ -86,6 +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;}",
         ".fab5kbq svg{width:6px!important;}",
         ".f1ms1d91 svg{height:6px!important;}",
         ".f64fuq3{width:20px;}",
@@ -98,13 +102,14 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
 });
 const usePresenceBadgeStyles_unstable = (state)=>{
     const rootClassName = useRootClassName();
+    const iconClassName = useIconClassName();
     const styles = useStyles();
     const isBusy = getIsBusy(state.status);
     state.root.className = (0, _react.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);
     if (state.icon) {
-        state.icon.className = (0, _react.mergeClasses)(presenceBadgeClassNames.icon, state.icon.className);
+        state.icon.className = (0, _react.mergeClasses)(presenceBadgeClassNames.icon, iconClassName, state.icon.className);
     }
     return state;
-}; //# sourceMappingURL=usePresenceBadgeStyles.js.map
+}; //# sourceMappingURL=usePresenceBadgeStyles.styles.js.map
 
-//# sourceMappingURL=usePresenceBadgeStyles.js.map
+//# sourceMappingURL=usePresenceBadgeStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/PresenceBadge/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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-badge",
-  "version": "9.1.10",
+  "version": "9.1.12",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,21 +22,22 @@
     "test": "jest --passWithNoTests",
     "storybook": "start-storybook",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "just-scripts generate-api"
+    "generate-api": "just-scripts generate-api",
+    "test-ssr": "test-ssr ./stories/**/*.stories.tsx"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.21",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.2",
-    "@fluentui/react-shared-contexts": "^9.3.3",
-    "@fluentui/react-theme": "^9.1.7",
-    "@fluentui/react-utilities": "^9.8.0",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.4",
+    "@fluentui/react-shared-contexts": "^9.4.0",
+    "@fluentui/react-theme": "^9.1.8",
+    "@fluentui/react-utilities": "^9.9.0",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },

package/.swcrc

@@ -1,30 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/swcrc",
-  "exclude": [
-    "/testing",
-    "/**/*.cy.ts",
-    "/**/*.cy.tsx",
-    "/**/*.spec.ts",
-    "/**/*.spec.tsx",
-    "/**/*.test.ts",
-    "/**/*.test.tsx"
-  ],
-  "jsc": {
-    "parser": {
-      "syntax": "typescript",
-      "tsx": true,
-      "decorators": false,
-      "dynamicImport": false
-    },
-    "externalHelpers": true,
-    "transform": {
-      "react": {
-        "runtime": "classic",
-        "useSpread": true
-      }
-    },
-    "target": "es2019"
-  },
-  "minify": false,
-  "sourceMaps": true
-}

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

@@ -1 +0,0 @@
-{"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":["../../../src/components/Badge/useBadgeStyles.ts"],"sourcesContent":["import { shorthands, makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { BadgeSlots, BadgeState } from './Badge.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const badgeClassNames: SlotClassNames<BadgeSlots> = {\n  root: 'fui-Badge',\n  icon: 'fui-Badge__icon',\n};\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;\n\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\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});\n\nconst useRootStyles = makeStyles({\n  fontSmallToTiny: {\n    ...typographyStyles.caption2Strong,\n  },\n\n  // size\n\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    // Set by useRootClassName\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\n  // shape\n\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    // Set by useRootClassName\n  },\n\n  // hide the boder when appearance is \"ghost\"\n\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\n  // appearance: filled\n\n  filled: {\n    // Set by useRootClassName\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\n  // appearance: ghost\n\n  ghost: {\n    // No shared colors between ghost appearances\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\n  // appearance: outline\n\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\n  // appearance: tint\n\n  tint: {\n    // No shared colors between tint appearances\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});\n\nconst useIconRootClassName = makeResetStyles({\n  display: 'flex',\n  lineHeight: '1',\n  margin: `0 calc(-1 * ${textPadding})`, // Remove text padding added to root\n  fontSize: '12px',\n});\n\nconst useIconStyles = makeStyles({\n  beforeText: {\n    marginRight: `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`,\n  },\n  afterText: {\n    marginLeft: `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`,\n  },\n\n  beforeTextXL: {\n    marginRight: `calc(${tokens.spacingHorizontalXS} + ${textPadding})`,\n  },\n  afterTextXL: {\n    marginLeft: `calc(${tokens.spacingHorizontalXS} + ${textPadding})`,\n  },\n\n  // size\n\n  tiny: {\n    fontSize: '6px',\n  },\n  'extra-small': {\n    fontSize: '10px',\n  },\n  small: {\n    fontSize: '12px',\n  },\n  medium: {\n    // Set by useIconRootClassName\n  },\n  large: {\n    fontSize: '16px',\n  },\n  'extra-large': {\n    fontSize: '20px',\n  },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const useBadgeStyles_unstable = (state: BadgeState): BadgeState => {\n  const rootClassName = useRootClassName();\n  const rootStyles = useRootStyles();\n\n  const smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';\n\n  state.root.className = mergeClasses(\n    badgeClassNames.root,\n    rootClassName,\n    smallToTiny && rootStyles.fontSmallToTiny,\n    rootStyles[state.size],\n    rootStyles[state.shape],\n    state.shape === 'rounded' && smallToTiny && rootStyles.roundedSmallToTiny,\n    state.appearance === 'ghost' && rootStyles.borderGhost,\n    rootStyles[state.appearance],\n    rootStyles[`${state.appearance}-${state.color}` as const],\n    state.root.className,\n  );\n\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\n    state.icon.className = mergeClasses(\n      badgeClassNames.icon,\n      iconRootClassName,\n      iconPositionClass,\n      iconStyles[state.size],\n      state.icon.className,\n    );\n  }\n\n  return state;\n};\n"],"mappings":"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"}

package/lib/components/CounterBadge/useCounterBadgeStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["shorthands","mergeClasses","__styles","useBadgeStyles_unstable","counterBadgeClassNames","root","icon","useStyles","dot","Bf4jedk","a9b677","Bqenvij","z8tnut","z189sj","Byoj8tv","uwmqm3","hide","mc9l5x","d","useCounterBadgeStyles_unstable","state","styles","className","children"],"sources":["../../../src/components/CounterBadge/useCounterBadgeStyles.ts"],"sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { useBadgeStyles_unstable } from '../Badge/useBadgeStyles';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { BadgeSlots } from '../Badge/Badge.types';\nimport type { CounterBadgeState } from './CounterBadge.types';\n\nexport const counterBadgeClassNames: SlotClassNames<BadgeSlots> = {\n  root: 'fui-CounterBadge',\n  icon: 'fui-CounterBadge__icon',\n};\n\nconst useStyles = makeStyles({\n  dot: {\n    minWidth: 'auto',\n    width: '6px',\n    height: '6px',\n    ...shorthands.padding('0'),\n  },\n  hide: {\n    display: 'none',\n  },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const useCounterBadgeStyles_unstable = (state: CounterBadgeState): CounterBadgeState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    counterBadgeClassNames.root,\n    state.dot && styles.dot,\n    !state.root.children && !state.dot && styles.hide,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(counterBadgeClassNames.icon, state.icon.className);\n  }\n\n  return useBadgeStyles_unstable(state) as CounterBadgeState;\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAAC,QAAA,QAAoB;AACrD,SAASC,uBAAuB,QAAQ;AAKxC,OAAO,MAAMC,sBAAA,GAAqD;EAChEC,IAAA,EAAM;EACNC,IAAA,EAAM;AACR;AAEA,MAAMC,SAAA,gBAAYL,QAAA;EAAAM,GAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,IAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAUlB;AAEA;;;AAGA,OAAO,MAAMC,8BAAA,GAAkCC,KAAA,IAAgD;EAC7F,MAAMC,MAAA,GAASd,SAAA;EACfa,KAAA,CAAMf,IAAI,CAACiB,SAAS,GAAGrB,YAAA,CACrBG,sBAAA,CAAuBC,IAAI,EAC3Be,KAAA,CAAMZ,GAAG,IAAIa,MAAA,CAAOb,GAAG,EACvB,CAACY,KAAA,CAAMf,IAAI,CAACkB,QAAQ,IAAI,CAACH,KAAA,CAAMZ,GAAG,IAAIa,MAAA,CAAOL,IAAI,EACjDI,KAAA,CAAMf,IAAI,CAACiB,SAAS;EAGtB,IAAIF,KAAA,CAAMd,IAAI,EAAE;IACdc,KAAA,CAAMd,IAAI,CAACgB,SAAS,GAAGrB,YAAA,CAAaG,sBAAA,CAAuBE,IAAI,EAAEc,KAAA,CAAMd,IAAI,CAACgB,SAAS;EACvF;EAEA,OAAOnB,uBAAA,CAAwBiB,KAAA;AACjC"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["__resetStyles","__styles","mergeClasses","tokens","presenceBadgeClassNames","root","icon","getIsBusy","status","useRootClassName","useStyles","statusBusy","sj55zd","statusAway","statusAvailable","statusOffline","statusOutOfOffice","statusUnknown","outOfOffice","outOfOfficeAvailable","outOfOfficeBusy","outOfOfficeUnknown","tiny","Bubjx69","a9b677","B5pe6w7","p4uzdd","large","extraLarge","d","usePresenceBadgeStyles_unstable","state","rootClassName","styles","isBusy","className","size"],"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { BadgeSlots } from '../Badge/Badge.types';\nimport type { PresenceBadgeState, PresenceBadgeStatus } from './PresenceBadge.types';\n\nexport const presenceBadgeClassNames: SlotClassNames<BadgeSlots> = {\n  root: 'fui-PresenceBadge',\n  icon: 'fui-PresenceBadge__icon',\n};\n\nconst getIsBusy = (status: PresenceBadgeStatus): boolean => {\n  if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n    return true;\n  }\n\n  return false;\n};\n\nconst useRootClassName = makeResetStyles({\n  padding: 0,\n  display: 'inline-flex',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  justifyContent: 'center',\n\n  '& span': {\n    display: 'flex',\n  },\n  borderRadius: tokens.borderRadiusCircular,\n  backgroundColor: tokens.colorNeutralBackground1,\n});\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\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    '& 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/**\n * Applies style classnames to slots\n */\nexport const usePresenceBadgeStyles_unstable = (state: PresenceBadgeState): PresenceBadgeState => {\n  const rootClassName = useRootClassName();\n  const styles = useStyles();\n  const isBusy = getIsBusy(state.status);\n  state.root.className = mergeClasses(\n    presenceBadgeClassNames.root,\n    rootClassName,\n    isBusy && styles.statusBusy,\n    state.status === 'away' && styles.statusAway,\n    state.status === 'available' && styles.statusAvailable,\n    state.status === 'offline' && styles.statusOffline,\n    state.status === 'out-of-office' && styles.statusOutOfOffice,\n    state.status === 'unknown' && styles.statusUnknown,\n    state.outOfOffice && styles.outOfOffice,\n    state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable,\n    state.outOfOffice && isBusy && styles.outOfOfficeBusy,\n    state.outOfOffice && state.status === 'away' && styles.statusAway,\n    state.outOfOffice && state.status === 'offline' && styles.statusOffline,\n    state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice,\n    state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown,\n    state.size === 'tiny' && styles.tiny,\n    state.size === 'large' && styles.large,\n    state.size === 'extra-large' && styles.extraLarge,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(presenceBadgeClassNames.icon, state.icon.className);\n  }\n\n  return state;\n};\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../lib/components/Badge/useBadgeStyles.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.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/CounterBadge/useCounterBadgeStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../lib/components/CounterBadge/useCounterBadgeStyles.js"],"sourcesContent":["import { shorthands, mergeClasses, __styles } from '@griffel/react';\nimport { useBadgeStyles_unstable } from '../Badge/useBadgeStyles';\nexport const counterBadgeClassNames = {\n  root: 'fui-CounterBadge',\n  icon: 'fui-CounterBadge__icon'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  dot: {\n    Bf4jedk: \"fgfkb25\",\n    a9b677: \"f16dn6v3\",\n    Bqenvij: \"f3mu39s\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n  },\n  hide: {\n    mc9l5x: \"fjseox\"\n  }\n}, {\n  d: [\".fgfkb25{min-width:auto;}\", \".f16dn6v3{width:6px;}\", \".f3mu39s{height:6px;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".fjseox{display:none;}\"]\n});\n/**\n * Applies style classnames to slots\n */\nexport const useCounterBadgeStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(counterBadgeClassNames.root, state.dot && styles.dot, !state.root.children && !state.dot && styles.hide, state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(counterBadgeClassNames.icon, state.icon.className);\n  }\n  return useBadgeStyles_unstable(state);\n};\n//# sourceMappingURL=useCounterBadgeStyles.js.map"],"names":["counterBadgeClassNames","useCounterBadgeStyles_unstable","root","icon","useStyles","__styles","dot","Bf4jedk","a9b677","Bqenvij","z8tnut","z189sj","Byoj8tv","uwmqm3","hide","mc9l5x","d","state","styles","className","mergeClasses","children","useBadgeStyles_unstable"],"mappings":";;;;;;;;;;;IAEaA,sBAAsB,MAAtBA;IAuBAC,8BAA8B,MAA9BA;;uBAzBsC;gCACX;AACjC,MAAMD,yBAAyB;IACpCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,KAAK;QACHC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,MAAM;QACJC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA6B;QAAyB;QAAyB;QAA6B;QAA8B;QAA8B;QAAgC;KAAyB;AACvO;AAIO,MAAMf,iCAAiCgB,CAAAA,QAAS;IACrD,MAAMC,SAASd;IACfa,MAAMf,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,uBAAuBE,IAAI,EAAEe,MAAMX,GAAG,IAAIY,OAAOZ,GAAG,EAAE,CAACW,MAAMf,IAAI,CAACmB,QAAQ,IAAI,CAACJ,MAAMX,GAAG,IAAIY,OAAOJ,IAAI,EAAEG,MAAMf,IAAI,CAACiB,SAAS;IACjK,IAAIF,MAAMd,IAAI,EAAE;QACdc,MAAMd,IAAI,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,uBAAuBG,IAAI,EAAEc,MAAMd,IAAI,CAACgB,SAAS;IACvF,CAAC;IACD,OAAOG,IAAAA,uCAAuB,EAACL;AACjC,GACA,iDAAiD"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../lib/components/PresenceBadge/usePresenceBadgeStyles.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(\"r11sysef\", null, [\".r11sysef{padding:0;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);}\", \".r11sysef span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\"]);\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    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;}\", \".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 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, state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=usePresenceBadgeStyles.js.map"],"names":["presenceBadgeClassNames","usePresenceBadgeStyles_unstable","root","icon","getIsBusy","status","useRootClassName","__resetStyles","useStyles","__styles","statusBusy","sj55zd","statusAway","statusAvailable","statusOffline","statusOutOfOffice","statusUnknown","outOfOffice","outOfOfficeAvailable","outOfOfficeBusy","outOfOfficeUnknown","tiny","Bubjx69","a9b677","B5pe6w7","p4uzdd","large","extraLarge","d","state","rootClassName","styles","isBusy","className","mergeClasses","size"],"mappings":"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"}