@fluentui/react-badge 9.1.3 → 9.1.5

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

@@ -1,212 +0,0 @@
-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 useRootClassName = react_1.makeResetStyles(tslib_1.__assign(tslib_1.__assign({ display: 'inline-flex', boxSizing: 'border-box', alignItems: 'center', justifyContent: 'center', position: 'relative' }, react_theme_1.typographyStyles.caption1Strong), { height: '20px', minWidth: '20px', padding: "0 calc(" + react_theme_1.tokens.spacingHorizontalXS + " + " + textPadding + ")", borderRadius: react_theme_1.tokens.borderRadiusCircular, 
-        // Use a transparent stroke (rather than no border) so the border is visible in high contrast
-        borderColor: react_theme_1.tokens.colorTransparentStroke, '::after': {
-            content: '""',
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            bottom: 0,
-            right: 0,
-            borderStyle: 'solid',
-            borderColor: 'inherit',
-            borderWidth: react_theme_1.tokens.strokeWidthThin,
-            borderRadius: 'inherit',
-        } }));
-    var useRootStyles = react_1.makeStyles({
-        fontSmallToTiny: tslib_1.__assign({}, react_theme_1.typographyStyles.caption2Strong),
-        // size
-        tiny: tslib_1.__assign({ width: '6px', height: '6px', fontSize: '4px', lineHeight: '4px', minWidth: 'unset' }, react_1.shorthands.padding('unset')),
-        'extra-small': tslib_1.__assign({ width: '10px', height: '10px', fontSize: '6px', lineHeight: '6px', minWidth: 'unset' }, react_1.shorthands.padding('unset')),
-        small: tslib_1.__assign({ minWidth: '16px', height: '16px' }, react_1.shorthands.padding(0, "calc(" + react_theme_1.tokens.spacingHorizontalXXS + " + " + textPadding + ")")),
-        medium: {
-        // Set by useRootClassName
-        },
-        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: {
-        // Set by useRootClassName
-        },
-        // hide the boder when appearance is "ghost"
-        borderGhost: {
-            // 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': {
-                display: 'none',
-            },
-        },
-        // appearance: filled
-        filled: {
-        // Set by useRootClassName
-        },
-        '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 useIconRootClassName = react_1.makeResetStyles({
-        display: 'flex',
-        lineHeight: '1',
-        margin: "0 calc(-1 * " + textPadding + ")",
-        fontSize: '12px',
-    });
-    var useIconStyles = react_1.makeStyles({
-        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: {
-        // Set by useIconRootClassName
-        },
-        large: {
-            fontSize: '16px',
-        },
-        'extra-large': {
-            fontSize: '20px',
-        },
-    });
-    /**
-     * Applies style classnames to slots
-     */
-    var useBadgeStyles_unstable = function (state) {
-        var rootClassName = useRootClassName();
-        var rootStyles = useRootStyles();
-        var smallToTiny = state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny';
-        state.root.className = react_1.mergeClasses(exports.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);
-        var iconRootClassName = useIconRootClassName();
-        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, iconRootClassName, 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

@@ -1 +0,0 @@
-{"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, 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  minWidth: '20px',\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    minWidth: '16px',\n    height: '16px',\n    ...shorthands.padding(0, `calc(${tokens.spacingHorizontalXXS} + ${textPadding})`),\n  },\n  medium: {\n    // Set by useRootClassName\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    // 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"]}

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

@@ -1,17 +0,0 @@
-define(["require", "exports", "react", "./useCounterBadge", "./useCounterBadgeStyles", "@fluentui/react-shared-contexts", "../Badge/index"], function (require, exports, React, useCounterBadge_1, useCounterBadgeStyles_1, react_shared_contexts_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);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useCounterBadgeStyles_unstable;
-        useCustomStyles(state);
-        return index_1.renderBadge_unstable(state);
-    });
-    exports.CounterBadge.displayName = 'CounterBadge';
-});
-//# sourceMappingURL=CounterBadge.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CounterBadge.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,YAAY,GAA2C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC9F,IAAM,KAAK,GAAG,0CAAwB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEnD,sDAA8B,CAAC,KAAK,CAAC,CAAC;QAE9B,IAAgC,eAAe,GAAK,oDAA4B,EAAE,+BAAnC,CAAoC;QAC3F,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,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 { 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"]}

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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,18 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,28 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-define(["require", "exports", "react", "./usePresenceBadge", "./usePresenceBadgeStyles", "@fluentui/react-shared-contexts", "../../Badge"], function (require, exports, React, usePresenceBadge_1, usePresenceBadgeStyles_1, react_shared_contexts_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);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().usePresenceBadgeStyles_unstable;
-        useCustomStyles(state);
-        return Badge_1.renderBadge_unstable(state);
-    });
-    exports.PresenceBadge.displayName = 'PresenceBadge';
-});
-//# sourceMappingURL=PresenceBadge.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PresenceBadge.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,aAAa,GAA4C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAChG,IAAM,KAAK,GAAG,4CAAyB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEpD,wDAA+B,CAAC,KAAK,CAAC,CAAC;QAE/B,IAAiC,eAAe,GAAK,oDAA4B,EAAE,gCAAnC,CAAoC;QAC5F,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,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 { 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"]}

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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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  | 'blocked';\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

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"]}

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

@@ -1,146 +0,0 @@
-define(["require", "exports", "@fluentui/react-icons"], function (require, exports, react_icons_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.presenceUnknownRegular = exports.presenceOfflineRegular = exports.presenceOofRegular = exports.presenceDndRegular = exports.presenceDndFilled = exports.presenceBusyFilled = exports.presenceBlockedRegular = exports.presenceAvailableFilled = exports.presenceAvailableRegular = exports.presenceAwayFilled = void 0;
-    exports.presenceAwayFilled = {
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        tiny: react_icons_1.PresenceAway10Filled,
-        'extra-small': react_icons_1.PresenceAway10Filled,
-        small: react_icons_1.PresenceAway12Filled,
-        medium: react_icons_1.PresenceAway16Filled,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        large: react_icons_1.PresenceAway16Filled,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        'extra-large': react_icons_1.PresenceAway16Filled,
-    };
-    exports.presenceAvailableRegular = {
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        tiny: react_icons_1.PresenceAvailable10Regular,
-        'extra-small': react_icons_1.PresenceAvailable10Regular,
-        small: react_icons_1.PresenceAvailable12Regular,
-        medium: react_icons_1.PresenceAvailable16Regular,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        large: react_icons_1.PresenceAvailable16Regular,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        'extra-large': react_icons_1.PresenceAvailable16Regular,
-    };
-    exports.presenceAvailableFilled = {
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        tiny: react_icons_1.PresenceAvailable10Filled,
-        'extra-small': react_icons_1.PresenceAvailable10Filled,
-        small: react_icons_1.PresenceAvailable12Filled,
-        medium: react_icons_1.PresenceAvailable16Filled,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        large: react_icons_1.PresenceAvailable16Filled,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        'extra-large': react_icons_1.PresenceAvailable16Filled,
-    };
-    exports.presenceBlockedRegular = {
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        tiny: react_icons_1.PresenceBlocked10Regular,
-        'extra-small': react_icons_1.PresenceBlocked10Regular,
-        small: react_icons_1.PresenceBlocked12Regular,
-        medium: react_icons_1.PresenceBlocked16Regular,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        large: react_icons_1.PresenceBlocked16Regular,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        'extra-large': react_icons_1.PresenceBlocked16Regular,
-    };
-    exports.presenceBusyFilled = {
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        tiny: react_icons_1.PresenceBusy10Filled,
-        'extra-small': react_icons_1.PresenceBusy10Filled,
-        small: react_icons_1.PresenceBusy12Filled,
-        medium: react_icons_1.PresenceBusy16Filled,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        large: react_icons_1.PresenceBusy16Filled,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        'extra-large': react_icons_1.PresenceBusy16Filled,
-    };
-    exports.presenceDndFilled = {
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        tiny: react_icons_1.PresenceDnd10Filled,
-        'extra-small': react_icons_1.PresenceDnd10Filled,
-        small: react_icons_1.PresenceDnd12Filled,
-        medium: react_icons_1.PresenceDnd16Filled,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        large: react_icons_1.PresenceDnd16Filled,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        'extra-large': react_icons_1.PresenceDnd16Filled,
-    };
-    exports.presenceDndRegular = {
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        tiny: react_icons_1.PresenceDnd10Regular,
-        'extra-small': react_icons_1.PresenceDnd10Regular,
-        small: react_icons_1.PresenceDnd12Regular,
-        medium: react_icons_1.PresenceDnd16Regular,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        large: react_icons_1.PresenceDnd16Regular,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        'extra-large': react_icons_1.PresenceDnd16Regular,
-    };
-    exports.presenceOofRegular = {
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        tiny: react_icons_1.PresenceOof10Regular,
-        'extra-small': react_icons_1.PresenceOof10Regular,
-        small: react_icons_1.PresenceOof12Regular,
-        medium: react_icons_1.PresenceOof16Regular,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        large: react_icons_1.PresenceOof16Regular,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        'extra-large': react_icons_1.PresenceOof16Regular,
-    };
-    exports.presenceOfflineRegular = {
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        tiny: react_icons_1.PresenceOffline10Regular,
-        'extra-small': react_icons_1.PresenceOffline10Regular,
-        small: react_icons_1.PresenceOffline12Regular,
-        medium: react_icons_1.PresenceOffline16Regular,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        large: react_icons_1.PresenceOffline16Regular,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        'extra-large': react_icons_1.PresenceOffline16Regular,
-    };
-    exports.presenceUnknownRegular = {
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        tiny: react_icons_1.PresenceUnknown10Regular,
-        'extra-small': react_icons_1.PresenceUnknown10Regular,
-        small: react_icons_1.PresenceUnknown12Regular,
-        medium: react_icons_1.PresenceUnknown16Regular,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        large: react_icons_1.PresenceUnknown16Regular,
-        // FIXME not all presence icon sizes are available
-        // https://github.com/microsoft/fluentui/issues/20650
-        'extra-large': react_icons_1.PresenceUnknown16Regular,
-    };
-});
-//# sourceMappingURL=presenceIcons.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"presenceIcons.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/PresenceBadge/presenceIcons.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {\n  PresenceAvailable10Regular,\n  PresenceAvailable12Regular,\n  PresenceAvailable16Regular,\n  PresenceAvailable10Filled,\n  PresenceAvailable12Filled,\n  PresenceAvailable16Filled,\n  PresenceAway10Filled,\n  PresenceAway12Filled,\n  PresenceAway16Filled,\n  PresenceBlocked10Regular,\n  PresenceBlocked12Regular,\n  PresenceBlocked16Regular,\n  PresenceBusy10Filled,\n  PresenceBusy12Filled,\n  PresenceBusy16Filled,\n  PresenceDnd10Regular,\n  PresenceDnd12Regular,\n  PresenceDnd16Regular,\n  PresenceDnd10Filled,\n  PresenceDnd12Filled,\n  PresenceDnd16Filled,\n  PresenceOof10Regular,\n  PresenceOof12Regular,\n  PresenceOof16Regular,\n  PresenceOffline10Regular,\n  PresenceOffline12Regular,\n  PresenceOffline16Regular,\n  PresenceUnknown10Regular,\n  PresenceUnknown12Regular,\n  PresenceUnknown16Regular,\n} from '@fluentui/react-icons';\nimport type { PresenceBadgeState } from './PresenceBadge.types';\n\nexport const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceAway10Filled,\n  'extra-small': PresenceAway10Filled,\n  small: PresenceAway12Filled,\n  medium: PresenceAway16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceAway16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceAway16Filled,\n};\n\nexport const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceAvailable10Regular,\n  'extra-small': PresenceAvailable10Regular,\n  small: PresenceAvailable12Regular,\n  medium: PresenceAvailable16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceAvailable16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceAvailable16Regular,\n};\n\nexport const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceAvailable10Filled,\n  'extra-small': PresenceAvailable10Filled,\n  small: PresenceAvailable12Filled,\n  medium: PresenceAvailable16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceAvailable16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceAvailable16Filled,\n};\n\nexport const presenceBlockedRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceBlocked10Regular,\n  'extra-small': PresenceBlocked10Regular,\n  small: PresenceBlocked12Regular,\n  medium: PresenceBlocked16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceBlocked16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceBlocked16Regular,\n};\n\nexport const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceBusy10Filled,\n  'extra-small': PresenceBusy10Filled,\n  small: PresenceBusy12Filled,\n  medium: PresenceBusy16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceBusy16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceBusy16Filled,\n};\n\nexport const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceDnd10Filled,\n  'extra-small': PresenceDnd10Filled,\n  small: PresenceDnd12Filled,\n  medium: PresenceDnd16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceDnd16Filled,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceDnd16Filled,\n};\n\nexport const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceDnd10Regular,\n  'extra-small': PresenceDnd10Regular,\n  small: PresenceDnd12Regular,\n  medium: PresenceDnd16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceDnd16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceDnd16Regular,\n};\n\nexport const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceOof10Regular,\n  'extra-small': PresenceOof10Regular,\n  small: PresenceOof12Regular,\n  medium: PresenceOof16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceOof16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceOof16Regular,\n};\n\nexport const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceOffline10Regular,\n  'extra-small': PresenceOffline10Regular,\n  small: PresenceOffline12Regular,\n  medium: PresenceOffline16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceOffline16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceOffline16Regular,\n};\n\nexport const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent> = {\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  tiny: PresenceUnknown10Regular,\n  'extra-small': PresenceUnknown10Regular,\n  small: PresenceUnknown12Regular,\n  medium: PresenceUnknown16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  large: PresenceUnknown16Regular,\n  // FIXME not all presence icon sizes are available\n  // https://github.com/microsoft/fluentui/issues/20650\n  'extra-large': PresenceUnknown16Regular,\n};\n"]}