@fluentui/react-badge 9.0.12 → 9.0.13

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

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "./useBadge", "./useBadgeStyles", "./renderBadge"], function (require, exports, React, useBadge_1, useBadgeStyles_1, renderBadge_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Badge = void 0;
+    /**
+     * Define a styled Badge, using the `useBadge_unstable` hook.
+     */
+    exports.Badge = React.forwardRef(function (props, ref) {
+        var state = useBadge_1.useBadge_unstable(props, ref);
+        useBadgeStyles_1.useBadgeStyles_unstable(state);
+        return renderBadge_1.renderBadge_unstable(state);
+    });
+    exports.Badge.displayName = 'Badge';
+});
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,KAAK,GAAoC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAChF,IAAM,KAAK,GAAG,4BAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAC5C,wCAAuB,CAAC,KAAK,CAAC,CAAC;QAE/B,OAAO,kCAAoB,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC","sourcesContent":["import * as React from 'react';\nimport { useBadge_unstable } from './useBadge';\nimport { useBadgeStyles_unstable } from './useBadgeStyles';\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  useBadgeStyles_unstable(state);\n\n  return renderBadge_unstable(state);\n});\n\nBadge.displayName = 'Badge';\n"]}

package/lib-amd/components/Badge/Badge.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=Badge.types.js.map

package/lib-amd/components/Badge/Badge.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/Badge.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type BadgeSlots = {\n  root: Slot<'div'>;\n  icon?: Slot<'span'>;\n};\n\n// react has a non-standard `color` attribute in its types\n// https://github.com/DefinitelyTyped/DefinitelyTyped/blob/a4ab0fa432320e70da9e51c8ae2e47377f65804b/types/react/index.d.ts#L1868\nexport type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & {\n  /**\n   * A Badge can be filled, outline, ghost, inverted\n   * @defaultvalue filled\n   */\n  appearance?: 'filled' | 'ghost' | 'outline' | 'tint';\n\n  /**\n   * A Badge can be one of preset colors\n   * @defaultvalue brand\n   */\n  color?: 'brand' | 'danger' | 'important' | 'informative' | 'severe' | 'subtle' | 'success' | 'warning';\n\n  /**\n   * A Badge can position the icon before or after the content.\n   * @defaultvalue before\n   */\n  iconPosition?: 'before' | 'after';\n\n  /**\n   * A Badge can be square, circular or rounded.\n   * @defaultvalue circular\n   */\n  shape?: 'circular' | 'rounded' | 'square';\n\n  /**\n   * A Badge can be on of several preset sizes.\n   * @defaultvalue medium\n   */\n  size?: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';\n};\n\nexport type BadgeState = ComponentState<BadgeSlots> &\n  Required<Pick<BadgeProps, 'appearance' | 'color' | 'iconPosition' | 'shape' | 'size'>>;\n"]}

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

@@ -0,0 +1,9 @@
+define(["require", "exports", "tslib", "./Badge", "./renderBadge", "./useBadge", "./useBadgeStyles"], function (require, exports, tslib_1, Badge_1, renderBadge_1, useBadge_1, useBadgeStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(Badge_1, exports);
+    tslib_1.__exportStar(renderBadge_1, exports);
+    tslib_1.__exportStar(useBadge_1, exports);
+    tslib_1.__exportStar(useBadgeStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/index.ts"],"names":[],"mappings":";;;IAAA,uCAAwB;IAGxB,6CAA8B;IAC9B,0CAA2B;IAC3B,gDAAiC","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"]}

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

@@ -0,0 +1,14 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.renderBadge_unstable = void 0;
+    var renderBadge_unstable = function (state) {
+        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
+        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
+            state.iconPosition === 'before' && slots.icon && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)),
+            state.root.children,
+            state.iconPosition === 'after' && slots.icon && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon))));
+    };
+    exports.renderBadge_unstable = renderBadge_unstable;
+});
+//# sourceMappingURL=renderBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderBadge.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/renderBadge.tsx"],"names":[],"mappings":";;;;IAIO,IAAM,oBAAoB,GAAG,UAAC,KAAiB;QAC9C,IAAA,KAAuB,0BAAQ,CAAa,KAAK,CAAC,EAAhD,KAAK,WAAA,EAAE,SAAS,eAAgC,CAAC;QAEzD,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,YAAY,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,IAAI,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI;YACnF,KAAK,CAAC,IAAI,CAAC,QAAQ;YACnB,KAAK,CAAC,YAAY,KAAK,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CACxE,CACd,CAAC;IACJ,CAAC,CAAC;IAVW,QAAA,oBAAoB,wBAU/B","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { BadgeState, BadgeSlots } from './Badge.types';\n\nexport const renderBadge_unstable = (state: BadgeState) => {\n  const { slots, slotProps } = getSlots<BadgeSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.iconPosition === 'before' && slots.icon && <slots.icon {...slotProps.icon} />}\n      {state.root.children}\n      {state.iconPosition === 'after' && slots.icon && <slots.icon {...slotProps.icon} />}\n    </slots.root>\n  );\n};\n"]}

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

@@ -0,0 +1,27 @@
+define(["require", "exports", "tslib", "@fluentui/react-utilities"], function (require, exports, tslib_1, react_utilities_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useBadge_unstable = void 0;
+    /**
+     * Returns the props and state required to render the component
+     */
+    var useBadge_unstable = function (props, ref) {
+        var _a = props.shape, shape = _a === void 0 ? 'circular' : _a, _b = props.size, size = _b === void 0 ? 'medium' : _b, _c = props.iconPosition, iconPosition = _c === void 0 ? 'before' : _c, _d = props.appearance, appearance = _d === void 0 ? 'filled' : _d, _e = props.color, color = _e === void 0 ? 'brand' : _e;
+        var state = {
+            shape: shape,
+            size: size,
+            iconPosition: iconPosition,
+            appearance: appearance,
+            color: color,
+            components: {
+                root: 'div',
+                icon: 'span',
+            },
+            root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({ ref: ref }, props)),
+            icon: react_utilities_1.resolveShorthand(props.icon),
+        };
+        return state;
+    };
+    exports.useBadge_unstable = useBadge_unstable;
+});
+//# sourceMappingURL=useBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBadge.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/useBadge.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,iBAAiB,GAAG,UAAC,KAAiB,EAAE,GAA2B;QAE5E,IAAA,KAKE,KAAK,MALW,EAAlB,KAAK,mBAAG,UAAU,KAAA,EAClB,KAIE,KAAK,KAJQ,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,KAGE,KAAK,aAHgB,EAAvB,YAAY,mBAAG,QAAQ,KAAA,EACvB,KAEE,KAAK,WAFc,EAArB,UAAU,mBAAG,QAAQ,KAAA,EACrB,KACE,KAAK,MADQ,EAAf,KAAK,mBAAG,OAAO,KAAA,CACP;QAEV,IAAM,KAAK,GAAe;YACxB,KAAK,OAAA;YACL,IAAI,MAAA;YACJ,YAAY,cAAA;YACZ,UAAU,YAAA;YACV,KAAK,OAAA;YACL,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,MAAM;aACb;YACD,IAAI,EAAE,uCAAqB,CAAC,KAAK,qBAC/B,GAAG,KAAA,IACA,KAAK,EACR;YACF,IAAI,EAAE,kCAAgB,CAAC,KAAK,CAAC,IAAI,CAAC;SACnC,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IA3BW,QAAA,iBAAiB,qBA2B5B","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport type { BadgeProps, BadgeState } from './Badge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge_unstable = (props: BadgeProps, ref: React.Ref<HTMLElement>): BadgeState => {\n  const {\n    shape = 'circular',\n    size = 'medium',\n    iconPosition = 'before',\n    appearance = 'filled',\n    color = 'brand',\n  } = props;\n\n  const state: BadgeState = {\n    shape,\n    size,\n    iconPosition,\n    appearance,\n    color,\n    components: {\n      root: 'div',\n      icon: 'span',\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n    icon: resolveShorthand(props.icon),\n  };\n\n  return state;\n};\n"]}

package/lib-amd/components/Badge/useBadgeStyles.js

@@ -0,0 +1,194 @@
+define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-theme"], function (require, exports, tslib_1, react_1, react_theme_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useBadgeStyles_unstable = exports.badgeClassNames = void 0;
+    exports.badgeClassNames = {
+        root: 'fui-Badge',
+        icon: 'fui-Badge__icon',
+    };
+    // The text content of the badge has additional horizontal padding, but there is no `text` slot to add that padding to.
+    // Instead, add extra padding to the root, and a negative margin on the icon to "remove" the extra padding on the icon.
+    var textPadding = react_theme_1.tokens.spacingHorizontalXXS;
+    var useRootStyles = react_1.makeStyles({
+        base: tslib_1.__assign({ display: 'inline-flex', boxSizing: 'border-box', alignItems: 'center', justifyContent: 'center', position: 'relative' }, react_theme_1.typographyStyles.caption1Strong),
+        fontSmallToTiny: tslib_1.__assign({}, react_theme_1.typographyStyles.caption2Strong),
+        // size
+        tiny: {
+            width: '6px',
+            height: '6px',
+            fontSize: '4px',
+            lineHeight: '4px',
+        },
+        'extra-small': {
+            width: '10px',
+            height: '10px',
+            fontSize: '6px',
+            lineHeight: '6px',
+        },
+        small: tslib_1.__assign({ minWidth: '16px', height: '16px' }, react_1.shorthands.padding(0, "calc(" + react_theme_1.tokens.spacingHorizontalXXS + " + " + textPadding + ")")),
+        medium: tslib_1.__assign({ height: '20px', minWidth: '20px' }, react_1.shorthands.padding(0, "calc(" + react_theme_1.tokens.spacingHorizontalXS + " + " + textPadding + ")")),
+        large: tslib_1.__assign({ minWidth: '24px', height: '24px' }, react_1.shorthands.padding(0, "calc(" + react_theme_1.tokens.spacingHorizontalXS + " + " + textPadding + ")")),
+        'extra-large': tslib_1.__assign({ minWidth: '32px', height: '32px' }, react_1.shorthands.padding(0, "calc(" + react_theme_1.tokens.spacingHorizontalSNudge + " + " + textPadding + ")")),
+        // shape
+        square: tslib_1.__assign({}, react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusNone)),
+        rounded: tslib_1.__assign({}, react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusMedium)),
+        roundedSmallToTiny: tslib_1.__assign({}, react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusSmall)),
+        circular: tslib_1.__assign({}, react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusCircular)),
+        // border (all appearances except ghost)
+        border: {
+            // The border is applied in an :after pseudo-element because it should not affect layout.
+            // The padding and size of the badge should be the same regardless of whether or not it has a border.
+            '::after': tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ content: '""', position: 'absolute', top: 0, left: 0, bottom: 0, right: 0 }, react_1.shorthands.borderStyle('solid')), react_1.shorthands.borderWidth(react_theme_1.tokens.strokeWidthThin)), react_1.shorthands.borderColor('inherit')), react_1.shorthands.borderRadius('inherit')),
+        },
+        // appearance: filled
+        filled: tslib_1.__assign({}, react_1.shorthands.borderColor(react_theme_1.tokens.colorTransparentStroke)),
+        'filled-brand': {
+            backgroundColor: react_theme_1.tokens.colorBrandBackground,
+            color: react_theme_1.tokens.colorNeutralForegroundOnBrand,
+        },
+        'filled-danger': {
+            backgroundColor: react_theme_1.tokens.colorPaletteRedBackground3,
+            color: react_theme_1.tokens.colorNeutralForegroundOnBrand,
+        },
+        'filled-important': {
+            backgroundColor: react_theme_1.tokens.colorNeutralForeground1,
+            color: react_theme_1.tokens.colorNeutralBackground1,
+        },
+        'filled-informative': {
+            backgroundColor: react_theme_1.tokens.colorNeutralBackground5,
+            color: react_theme_1.tokens.colorNeutralForeground3,
+        },
+        'filled-severe': {
+            backgroundColor: react_theme_1.tokens.colorPaletteDarkOrangeBackground3,
+            color: react_theme_1.tokens.colorNeutralForegroundOnBrand,
+        },
+        'filled-subtle': {
+            backgroundColor: react_theme_1.tokens.colorNeutralBackground1,
+            color: react_theme_1.tokens.colorNeutralForeground1,
+        },
+        'filled-success': {
+            backgroundColor: react_theme_1.tokens.colorPaletteGreenBackground3,
+            color: react_theme_1.tokens.colorNeutralForegroundOnBrand,
+        },
+        'filled-warning': {
+            backgroundColor: react_theme_1.tokens.colorPaletteYellowBackground3,
+            color: react_theme_1.tokens.colorNeutralForeground1Static,
+        },
+        // appearance: ghost
+        ghost: {
+        // No shared colors between ghost appearances
+        },
+        'ghost-brand': {
+            color: react_theme_1.tokens.colorBrandForeground1,
+        },
+        'ghost-danger': {
+            color: react_theme_1.tokens.colorPaletteRedForeground3,
+        },
+        'ghost-important': {
+            color: react_theme_1.tokens.colorNeutralForeground1,
+        },
+        'ghost-informative': {
+            color: react_theme_1.tokens.colorNeutralForeground3,
+        },
+        'ghost-severe': {
+            color: react_theme_1.tokens.colorPaletteDarkOrangeForeground3,
+        },
+        'ghost-subtle': {
+            color: react_theme_1.tokens.colorNeutralForegroundStaticInverted,
+        },
+        'ghost-success': {
+            color: react_theme_1.tokens.colorPaletteGreenForeground3,
+        },
+        'ghost-warning': {
+            color: react_theme_1.tokens.colorPaletteYellowForeground2,
+        },
+        // appearance: outline
+        outline: tslib_1.__assign({}, react_1.shorthands.borderColor('currentColor')),
+        'outline-brand': {
+            color: react_theme_1.tokens.colorBrandForeground1,
+        },
+        'outline-danger': tslib_1.__assign({ color: react_theme_1.tokens.colorPaletteRedForeground3 }, react_1.shorthands.borderColor(react_theme_1.tokens.colorPaletteRedBorder2)),
+        'outline-important': tslib_1.__assign({ color: react_theme_1.tokens.colorNeutralForeground3 }, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStrokeAccessible)),
+        'outline-informative': tslib_1.__assign({ color: react_theme_1.tokens.colorNeutralForeground3 }, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke2)),
+        'outline-severe': {
+            color: react_theme_1.tokens.colorPaletteDarkOrangeForeground3,
+        },
+        'outline-subtle': {
+            color: react_theme_1.tokens.colorNeutralForegroundStaticInverted,
+        },
+        'outline-success': tslib_1.__assign({ color: react_theme_1.tokens.colorPaletteGreenForeground3 }, react_1.shorthands.borderColor(react_theme_1.tokens.colorPaletteGreenBorder2)),
+        'outline-warning': {
+            color: react_theme_1.tokens.colorPaletteYellowForeground2,
+        },
+        // appearance: tint
+        tint: {
+        // No shared colors between tint appearances
+        },
+        'tint-brand': tslib_1.__assign({ backgroundColor: react_theme_1.tokens.colorBrandBackground2, color: react_theme_1.tokens.colorBrandForeground2 }, react_1.shorthands.borderColor(react_theme_1.tokens.colorBrandStroke2)),
+        'tint-danger': tslib_1.__assign({ backgroundColor: react_theme_1.tokens.colorPaletteRedBackground1, color: react_theme_1.tokens.colorPaletteRedForeground1 }, react_1.shorthands.borderColor(react_theme_1.tokens.colorPaletteRedBorder1)),
+        'tint-important': tslib_1.__assign({ backgroundColor: react_theme_1.tokens.colorNeutralForeground3, color: react_theme_1.tokens.colorNeutralBackground1 }, react_1.shorthands.borderColor(react_theme_1.tokens.colorTransparentStroke)),
+        'tint-informative': tslib_1.__assign({ backgroundColor: react_theme_1.tokens.colorNeutralBackground4, color: react_theme_1.tokens.colorNeutralForeground3 }, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke2)),
+        'tint-severe': tslib_1.__assign({ backgroundColor: react_theme_1.tokens.colorPaletteDarkOrangeBackground1, color: react_theme_1.tokens.colorPaletteDarkOrangeForeground1 }, react_1.shorthands.borderColor(react_theme_1.tokens.colorPaletteDarkOrangeBorder1)),
+        'tint-subtle': tslib_1.__assign({ backgroundColor: react_theme_1.tokens.colorNeutralBackground1, color: react_theme_1.tokens.colorNeutralForeground3 }, react_1.shorthands.borderColor(react_theme_1.tokens.colorNeutralStroke2)),
+        'tint-success': tslib_1.__assign({ backgroundColor: react_theme_1.tokens.colorPaletteGreenBackground1, color: react_theme_1.tokens.colorPaletteGreenForeground1 }, react_1.shorthands.borderColor(react_theme_1.tokens.colorPaletteGreenBorder1)),
+        'tint-warning': tslib_1.__assign({ backgroundColor: react_theme_1.tokens.colorPaletteYellowBackground1, color: react_theme_1.tokens.colorPaletteYellowForeground1 }, react_1.shorthands.borderColor(react_theme_1.tokens.colorPaletteYellowBorder1)),
+    });
+    var useIconStyles = react_1.makeStyles({
+        base: tslib_1.__assign({ display: 'flex', lineHeight: '1' }, react_1.shorthands.margin(0, "calc(-1 * " + textPadding + ")")),
+        beforeText: {
+            marginRight: "calc(" + react_theme_1.tokens.spacingHorizontalXXS + " + " + textPadding + ")",
+        },
+        afterText: {
+            marginLeft: "calc(" + react_theme_1.tokens.spacingHorizontalXXS + " + " + textPadding + ")",
+        },
+        beforeTextXL: {
+            marginRight: "calc(" + react_theme_1.tokens.spacingHorizontalXS + " + " + textPadding + ")",
+        },
+        afterTextXL: {
+            marginLeft: "calc(" + react_theme_1.tokens.spacingHorizontalXS + " + " + textPadding + ")",
+        },
+        // size
+        tiny: {
+            fontSize: '6px',
+        },
+        'extra-small': {
+            fontSize: '10px',
+        },
+        small: {
+            fontSize: '12px',
+        },
+        medium: {
+            fontSize: '12px',
+        },
+        large: {
+            fontSize: '16px',
+        },
+        'extra-large': {
+            fontSize: '20px',
+        },
+    });
+    /**
+     * Applies style classnames to slots
+     */
+    var useBadgeStyles_unstable = function (state) {
+        var rootStyles = useRootStyles();
+        var smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';
+        state.root.className = react_1.mergeClasses(exports.badgeClassNames.root, rootStyles.base, smallToTiny && rootStyles.fontSmallToTiny, rootStyles[state.size], rootStyles[state.shape], state.shape === 'rounded' && smallToTiny && rootStyles.roundedSmallToTiny, state.appearance !== 'ghost' && rootStyles.border, rootStyles[state.appearance], rootStyles[state.appearance + "-" + state.color], state.root.className);
+        var iconStyles = useIconStyles();
+        if (state.icon) {
+            var iconPositionClass = void 0;
+            if (state.root.children) {
+                if (state.size === 'extra-large') {
+                    iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterTextXL : iconStyles.beforeTextXL;
+                }
+                else {
+                    iconPositionClass = state.iconPosition === 'after' ? iconStyles.afterText : iconStyles.beforeText;
+                }
+            }
+            state.icon.className = react_1.mergeClasses(exports.badgeClassNames.icon, iconStyles.base, iconPositionClass, iconStyles[state.size], state.icon.className);
+        }
+        return state;
+    };
+    exports.useBadgeStyles_unstable = useBadgeStyles_unstable;
+});
+//# sourceMappingURL=useBadgeStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBadgeStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { shorthands, mergeClasses, makeStyles } 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 useRootStyles = makeStyles({\n  base: {\n    display: 'inline-flex',\n    boxSizing: 'border-box',\n    alignItems: 'center',\n    justifyContent: 'center',\n    position: 'relative',\n    ...typographyStyles.caption1Strong,\n  },\n\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  },\n  'extra-small': {\n    width: '10px',\n    height: '10px',\n    fontSize: '6px',\n    lineHeight: '6px',\n  },\n  small: {\n    minWidth: '16px',\n    height: '16px',\n    ...shorthands.padding(0, `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`),\n  },\n  medium: {\n    height: '20px',\n    minWidth: '20px',\n    ...shorthands.padding(0, `calc(${tokens.spacingHorizontalXS} + ${textPadding})`),\n  },\n  large: {\n    minWidth: '24px',\n    height: '24px',\n    ...shorthands.padding(0, `calc(${tokens.spacingHorizontalXS} + ${textPadding})`),\n  },\n  'extra-large': {\n    minWidth: '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    ...shorthands.borderRadius(tokens.borderRadiusCircular),\n  },\n\n  // border (all appearances except ghost)\n\n  border: {\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      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      bottom: 0,\n      right: 0,\n      ...shorthands.borderStyle('solid'),\n      ...shorthands.borderWidth(tokens.strokeWidthThin),\n      ...shorthands.borderColor('inherit'),\n      ...shorthands.borderRadius('inherit'),\n    },\n  },\n\n  // appearance: filled\n\n  filled: {\n    // Use a transparent stroke (rather than no border) so the border is visible in high contrast\n    ...shorthands.borderColor(tokens.colorTransparentStroke),\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 useIconStyles = makeStyles({\n  base: {\n    display: 'flex',\n    lineHeight: '1',\n    ...shorthands.margin(0, `calc(-1 * ${textPadding})`), // Remove text padding added to root\n  },\n\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    fontSize: '12px',\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 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    rootStyles.base,\n    smallToTiny && rootStyles.fontSmallToTiny,\n    rootStyles[state.size],\n    rootStyles[state.shape],\n    state.shape === 'rounded' && smallToTiny && rootStyles.roundedSmallToTiny,\n    state.appearance !== 'ghost' && rootStyles.border,\n    rootStyles[state.appearance],\n    rootStyles[`${state.appearance}-${state.color}` as const],\n    state.root.className,\n  );\n\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      iconStyles.base,\n      iconPositionClass,\n      iconStyles[state.size],\n      state.icon.className,\n    );\n  }\n\n  return state;\n};\n"]}

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

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "./useCounterBadge", "./useCounterBadgeStyles", "../Badge/index"], function (require, exports, React, useCounterBadge_1, useCounterBadgeStyles_1, index_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.CounterBadge = void 0;
+    /**
+     * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
+     */
+    exports.CounterBadge = React.forwardRef(function (props, ref) {
+        var state = useCounterBadge_1.useCounterBadge_unstable(props, ref);
+        useCounterBadgeStyles_1.useCounterBadgeStyles_unstable(state);
+        return index_1.renderBadge_unstable(state);
+    });
+    exports.CounterBadge.displayName = 'CounterBadge';
+});
+//# sourceMappingURL=CounterBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadge.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,YAAY,GAA2C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC9F,IAAM,KAAK,GAAG,0CAAwB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACnD,sDAA8B,CAAC,KAAK,CAAC,CAAC;QAEtC,OAAO,4BAAoB,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import * as React from 'react';\nimport { useCounterBadge_unstable } from './useCounterBadge';\nimport { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';\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  useCounterBadgeStyles_unstable(state);\n\n  return renderBadge_unstable(state);\n});\n\nCounterBadge.displayName = 'CounterBadge';\n"]}

package/lib-amd/components/CounterBadge/CounterBadge.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=CounterBadge.types.js.map

package/lib-amd/components/CounterBadge/CounterBadge.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadge.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BadgeProps, BadgeState } from '../Badge/index';\n\nexport type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'color' | 'shape'> & {\n  /**\n   * A Badge can have different appearances that emphasize certain parts of it:\n   *  - filled: The default appearance if one is not specified.\n   *    The badge background is filled with color with a contrasting foreground text to match.\n   *  - ghost: The badge background is transparent, with the foreground text taking color to emphasize it.\n   * @default filled\n   */\n  appearance?: 'filled' | 'ghost';\n\n  /**\n   * Semantic colors for a counter badge\n   * @default brand\n   */\n  color?: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;\n\n  /**\n   * Value displayed by the Badge\n   * @default 0\n   */\n  count?: number;\n\n  /**\n   * If a dot should be displayed without the count\n   * @default false\n   */\n  dot?: boolean;\n\n  /**\n   * Max number to be displayed\n   * @default 99\n   */\n  overflowCount?: number;\n\n  /**\n   * A Badge can be circular or rounded\n   * @default circular\n   */\n  shape?: 'circular' | 'rounded';\n\n  /**\n   * If the badge should be shown when count is 0\n   * @default false\n   */\n  showZero?: boolean;\n};\n\nexport type CounterBadgeState = Omit<BadgeState, 'appearance' | 'color' | 'shape'> &\n  Required<Pick<CounterBadgeProps, 'appearance' | 'color' | 'count' | 'dot' | 'shape' | 'showZero'>>;\n"]}

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

@@ -0,0 +1,9 @@
+define(["require", "exports", "tslib", "./CounterBadge", "./CounterBadge.types", "./useCounterBadge", "./useCounterBadgeStyles"], function (require, exports, tslib_1, CounterBadge_1, CounterBadge_types_1, useCounterBadge_1, useCounterBadgeStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(CounterBadge_1, exports);
+    tslib_1.__exportStar(CounterBadge_types_1, exports);
+    tslib_1.__exportStar(useCounterBadge_1, exports);
+    tslib_1.__exportStar(useCounterBadgeStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/CounterBadge/index.ts"],"names":[],"mappings":";;;IAAA,8CAA+B;IAC/B,oDAAqC;IACrC,iDAAkC;IAClC,uDAAwC","sourcesContent":["export * from './CounterBadge';\nexport * from './CounterBadge.types';\nexport * from './useCounterBadge';\nexport * from './useCounterBadgeStyles';\n"]}

package/lib-amd/components/CounterBadge/useCounterBadge.js

@@ -0,0 +1,18 @@
+define(["require", "exports", "tslib", "../Badge/index"], function (require, exports, tslib_1, index_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useCounterBadge_unstable = void 0;
+    /**
+     * Returns the props and state required to render the component
+     */
+    var useCounterBadge_unstable = function (props, ref) {
+        var _a = props.shape, shape = _a === void 0 ? 'circular' : _a, _b = props.appearance, appearance = _b === void 0 ? 'filled' : _b, _c = props.showZero, showZero = _c === void 0 ? false : _c, _d = props.overflowCount, overflowCount = _d === void 0 ? 99 : _d, _e = props.count, count = _e === void 0 ? 0 : _e, _f = props.dot, dot = _f === void 0 ? false : _f;
+        var state = tslib_1.__assign(tslib_1.__assign({}, index_1.useBadge_unstable(props, ref)), { shape: shape, appearance: appearance, showZero: showZero, count: count, dot: dot });
+        if ((count !== 0 || showZero) && !dot && !state.root.children) {
+            state.root.children = count > overflowCount ? overflowCount + "+" : "" + count;
+        }
+        return state;
+    };
+    exports.useCounterBadge_unstable = useCounterBadge_unstable;
+});
+//# sourceMappingURL=useCounterBadge.js.map

package/lib-amd/components/CounterBadge/useCounterBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCounterBadge.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/CounterBadge/useCounterBadge.ts"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,wBAAwB,GAAG,UAAC,KAAwB,EAAE,GAA2B;QAE1F,IAAA,KAME,KAAK,MANW,EAAlB,KAAK,mBAAG,UAAU,KAAA,EAClB,KAKE,KAAK,WALc,EAArB,UAAU,mBAAG,QAAQ,KAAA,EACrB,KAIE,KAAK,SAJS,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAGE,KAAK,cAHW,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAClB,KAEE,KAAK,MAFE,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,KACE,KAAK,IADI,EAAX,GAAG,mBAAG,KAAK,KAAA,CACH;QAEV,IAAM,KAAK,yCACL,yBAAiB,CAAC,KAAK,EAAE,GAAG,CAA+C,KAC/E,KAAK,OAAA,EACL,UAAU,YAAA,EACV,QAAQ,UAAA,EACR,KAAK,OAAA,EACL,GAAG,KAAA,GACJ,CAAC;QAEF,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC7D,KAAK,CAAC,IAAI,CAAC,QAAQ,GAAG,KAAK,GAAG,aAAa,CAAC,CAAC,CAAI,aAAa,MAAG,CAAC,CAAC,CAAC,KAAG,KAAO,CAAC;SAChF;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAxBW,QAAA,wBAAwB,4BAwBnC","sourcesContent":["import * as React from 'react';\nimport type { BadgeState } from '../Badge/index';\nimport { useBadge_unstable } from '../Badge/index';\nimport type { CounterBadgeProps, CounterBadgeState } from './CounterBadge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useCounterBadge_unstable = (props: CounterBadgeProps, ref: React.Ref<HTMLElement>): CounterBadgeState => {\n  const {\n    shape = 'circular',\n    appearance = 'filled',\n    showZero = false,\n    overflowCount = 99,\n    count = 0,\n    dot = false,\n  } = props;\n\n  const state: CounterBadgeState = {\n    ...(useBadge_unstable(props, ref) as Pick<CounterBadgeState, keyof BadgeState>),\n    shape,\n    appearance,\n    showZero,\n    count,\n    dot,\n  };\n\n  if ((count !== 0 || showZero) && !dot && !state.root.children) {\n    state.root.children = count > overflowCount ? `${overflowCount}+` : `${count}`;\n  }\n\n  return state;\n};\n"]}

package/lib-amd/components/CounterBadge/useCounterBadgeStyles.js

@@ -0,0 +1,28 @@
+define(["require", "exports", "tslib", "@griffel/react", "../Badge/useBadgeStyles"], function (require, exports, tslib_1, react_1, useBadgeStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useCounterBadgeStyles_unstable = exports.counterBadgeClassNames = void 0;
+    exports.counterBadgeClassNames = {
+        root: 'fui-CounterBadge',
+        icon: 'fui-CounterBadge__icon',
+    };
+    var useStyles = react_1.makeStyles({
+        dot: tslib_1.__assign({ minWidth: 'auto', width: '6px', height: '6px' }, react_1.shorthands.padding('0')),
+        hide: {
+            display: 'none',
+        },
+    });
+    /**
+     * Applies style classnames to slots
+     */
+    var useCounterBadgeStyles_unstable = function (state) {
+        var styles = useStyles();
+        state.root.className = react_1.mergeClasses(exports.counterBadgeClassNames.root, state.dot && styles.dot, !state.root.children && !state.dot && styles.hide, state.root.className);
+        if (state.icon) {
+            state.icon.className = react_1.mergeClasses(exports.counterBadgeClassNames.icon, state.icon.className);
+        }
+        return useBadgeStyles_1.useBadgeStyles_unstable(state);
+    };
+    exports.useCounterBadgeStyles_unstable = useCounterBadgeStyles_unstable;
+});
+//# sourceMappingURL=useCounterBadgeStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCounterBadgeStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts"],"names":[],"mappings":";;;;IAMa,QAAA,sBAAsB,GAA+B;QAChE,IAAI,EAAE,kBAAkB;QACxB,IAAI,EAAE,wBAAwB;KAC/B,CAAC;IAEF,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,GAAG,qBACD,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,IACV,kBAAU,CAAC,OAAO,CAAC,GAAG,CAAC,CAC3B;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;SAChB;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,8BAA8B,GAAG,UAAC,KAAwB;QACrE,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CACjC,8BAAsB,CAAC,IAAI,EAC3B,KAAK,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,EACvB,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,MAAM,CAAC,IAAI,EACjD,KAAK,CAAC,IAAI,CAAC,SAAS,CACrB,CAAC;QAEF,IAAI,KAAK,CAAC,IAAI,EAAE;YACd,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,8BAAsB,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACxF;QAED,OAAO,wCAAuB,CAAC,KAAK,CAAsB,CAAC;IAC7D,CAAC,CAAC;IAdW,QAAA,8BAA8B,kCAczC","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"]}

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

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "./usePresenceBadge", "./usePresenceBadgeStyles", "../../Badge"], function (require, exports, React, usePresenceBadge_1, usePresenceBadgeStyles_1, Badge_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.PresenceBadge = void 0;
+    /**
+     * Define a styled Badge, using the `useBadge_unstable` hook.
+     */
+    exports.PresenceBadge = React.forwardRef(function (props, ref) {
+        var state = usePresenceBadge_1.usePresenceBadge_unstable(props, ref);
+        usePresenceBadgeStyles_1.usePresenceBadgeStyles_unstable(state);
+        return Badge_1.renderBadge_unstable(state);
+    });
+    exports.PresenceBadge.displayName = 'PresenceBadge';
+});
+//# sourceMappingURL=PresenceBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceBadge.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,aAAa,GAA4C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAChG,IAAM,KAAK,GAAG,4CAAyB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACpD,wDAA+B,CAAC,KAAK,CAAC,CAAC;QAEvC,OAAO,4BAAoB,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import * as React from 'react';\nimport { usePresenceBadge_unstable } from './usePresenceBadge';\nimport { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles';\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  usePresenceBadgeStyles_unstable(state);\n\n  return renderBadge_unstable(state);\n});\n\nPresenceBadge.displayName = 'PresenceBadge';\n"]}

package/lib-amd/components/PresenceBadge/PresenceBadge.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=PresenceBadge.types.js.map

package/lib-amd/components/PresenceBadge/PresenceBadge.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceBadge.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport type { BadgeProps, BadgeState, BadgeSlots } from '../Badge/Badge.types';\n\nexport type PresenceBadgeStatus =\n  | 'busy'\n  | 'out-of-office'\n  | 'away'\n  | 'available'\n  | 'offline'\n  | 'do-not-disturb'\n  | 'unknown';\n\nexport type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root' | 'icon'>>, 'color'> &\n  Pick<BadgeProps, 'size'> & {\n    /**\n     * Represents several status\n     * @default available\n     */\n    status?: PresenceBadgeStatus;\n\n    /**\n     * Modifies the display to indicate that the user is out of office.\n     * This can be combined with any status to display an out-of-office version of that status\n     * @default false\n     */\n    outOfOffice?: boolean;\n  };\n\nexport type PresenceBadgeState = ComponentState<BadgeSlots> &\n  BadgeState &\n  Required<Pick<PresenceBadgeProps, 'status' | 'outOfOffice'>>;\n"]}

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

@@ -0,0 +1,9 @@
+define(["require", "exports", "tslib", "./PresenceBadge", "./PresenceBadge.types", "./usePresenceBadge", "./usePresenceBadgeStyles"], function (require, exports, tslib_1, PresenceBadge_1, PresenceBadge_types_1, usePresenceBadge_1, usePresenceBadgeStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(PresenceBadge_1, exports);
+    tslib_1.__exportStar(PresenceBadge_types_1, exports);
+    tslib_1.__exportStar(usePresenceBadge_1, exports);
+    tslib_1.__exportStar(usePresenceBadgeStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/PresenceBadge/index.ts"],"names":[],"mappings":";;;IAAA,+CAAgC;IAChC,qDAAsC;IACtC,kDAAmC;IACnC,wDAAyC","sourcesContent":["export * from './PresenceBadge';\nexport * from './PresenceBadge.types';\nexport * from './usePresenceBadge';\nexport * from './usePresenceBadgeStyles';\n"]}