@fluentui/react-badge 9.0.0-alpha.83 → 9.0.0-alpha.87

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

@@ -1,234 +0,0 @@
-define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useBadgeStyles = void 0;
-    var useStyles = react_make_styles_1.makeStyles({
-        root: function (theme) { return ({
-            display: 'inline-flex',
-            boxSizing: 'border-box',
-            alignItems: 'center',
-            justifyContent: 'center',
-            backgroundColor: theme.alias.color.neutral.brandBackground,
-            borderColor: theme.alias.color.neutral.brandBackground,
-            color: theme.alias.color.neutral.neutralForegroundOnBrand,
-            fontWeight: theme.global.type.fontWeights.semibold,
-            borderWidth: theme.global.strokeWidth.thin,
-            borderStyle: 'solid',
-            fontFamily: theme.global.type.fontFamilies.base,
-            position: 'relative',
-        }); },
-        rootSmallest: {
-            width: '6px',
-            height: '6px',
-            fontSize: '4px',
-        },
-        rootSmaller: {
-            width: '10px',
-            height: '10px',
-            fontSize: '6px',
-        },
-        rootSmall: {
-            minWidth: '16px',
-            height: '16px',
-            paddingRight: '6px',
-            paddingLeft: '6px',
-            gap: '4px',
-            fontSize: '8px',
-        },
-        rootMedium: {
-            height: '20px',
-            minWidth: '20px',
-            gap: '4px',
-            paddingRight: '8px',
-            paddingLeft: '8px',
-            fontSize: '10px',
-        },
-        rootLarge: {
-            minWidth: '24px',
-            height: '24px',
-            paddingRight: '8px',
-            paddingLeft: '8px',
-            fontSize: '12px',
-            gap: '6px',
-        },
-        rootLargerLargest: function (theme) { return ({
-            minWidth: '32px',
-            height: '32px',
-            paddingRight: '12px',
-            paddingLeft: '12px',
-            gap: '6px',
-            fontSize: '12px',
-            borderWidth: theme.global.strokeWidth.thick,
-        }); },
-        rootRounded: function (theme) { return ({ borderRadius: theme.global.borderRadius.medium }); },
-        rootRoundedSmallSmallerSmallest: function (theme) { return ({ borderRadius: theme.global.borderRadius.small }); },
-        rootCircular: { borderRadius: '99px' },
-        rootGhost: function (theme) { return ({
-            background: 'transparent',
-            border: 'none',
-            color: theme.alias.color.neutral.brandBackground,
-        }); },
-        rootOutline: function (theme) { return ({
-            background: 'transparent',
-            borderColor: theme.alias.color.neutral.brandBackground,
-            color: theme.alias.color.neutral.brandBackground,
-        }); },
-        rootTint: function (theme) { return ({
-            backgroundColor: theme.global.palette.brand.tint60,
-            color: theme.global.palette.brand.shade40,
-            borderColor: 'none',
-        }); },
-        rootFilledDanger: function (theme) { return ({
-            backgroundColor: theme.alias.color.red.background3,
-            color: theme.alias.color.neutral.neutralForegroundOnBrand,
-            borderColor: theme.alias.color.red.background3,
-        }); },
-        rootOutlineDanger: function (theme) { return ({
-            color: theme.alias.color.red.foreground3,
-            borderColor: theme.alias.color.red.foreground3,
-        }); },
-        rootTintDanger: function (theme) { return ({
-            backgroundColor: theme.alias.color.red.background1,
-            color: theme.alias.color.red.foreground1,
-            borderColor: theme.alias.color.red.foreground2,
-        }); },
-        rootGhostDanger: function (theme) { return ({
-            color: theme.alias.color.red.foreground3,
-        }); },
-        rootFilledSevere: function (theme) { return ({
-            backgroundColor: theme.alias.color.darkOrange.background3,
-            color: theme.alias.color.neutral.neutralForegroundOnBrand,
-            borderColor: 'none',
-        }); },
-        rootOutlineSevere: function (theme) { return ({
-            color: theme.alias.color.darkOrange.foreground3,
-            borderColor: theme.alias.color.darkOrange.foreground3,
-        }); },
-        rootTintSevere: function (theme) { return ({
-            backgroundColor: theme.alias.color.darkOrange.background1,
-            color: theme.alias.color.darkOrange.foreground1,
-            borderColor: theme.alias.color.darkOrange.foreground2,
-        }); },
-        rootGhostSevere: function (theme) { return ({
-            color: theme.alias.color.darkOrange.foreground3,
-        }); },
-        rootFilledWarning: function (theme) { return ({
-            backgroundColor: theme.alias.color.yellow.background3,
-            color: theme.alias.color.neutral.neutralForeground1,
-            borderColor: theme.alias.color.yellow.background3,
-        }); },
-        rootOutlineWarning: function (theme) { return ({
-            color: theme.alias.color.yellow.foreground2,
-            borderColor: theme.alias.color.yellow.foreground2,
-        }); },
-        rootTintWarning: function (theme) { return ({
-            backgroundColor: theme.alias.color.yellow.background1,
-            color: theme.alias.color.yellow.foreground2,
-            borderColor: theme.alias.color.yellow.background2,
-        }); },
-        rootGhostWarning: function (theme) { return ({
-            color: theme.alias.color.yellow.foreground2,
-        }); },
-        rootFilledSuccess: function (theme) { return ({
-            backgroundColor: theme.alias.color.green.background3,
-            color: theme.alias.color.neutral.neutralForegroundOnBrand,
-            borderColor: 'none',
-        }); },
-        rootOutlineSuccess: function (theme) { return ({
-            color: theme.alias.color.green.foreground2,
-            borderColor: theme.alias.color.green.foreground2,
-        }); },
-        rootTintSuccess: function (theme) { return ({
-            backgroundColor: theme.alias.color.green.background1,
-            color: theme.alias.color.green.foreground1,
-            borderColor: theme.alias.color.green.background2,
-        }); },
-        rootGhostSuccess: function (theme) { return ({
-            color: theme.alias.color.green.foreground3,
-        }); },
-        rootFilledImportant: function (theme) { return ({
-            backgroundColor: theme.alias.color.neutral.neutralForeground1,
-            color: theme.alias.color.neutral.neutralBackground1,
-            borderColor: theme.alias.color.neutral.transparentStroke,
-        }); },
-        rootOutlineImportant: function (theme) { return ({
-            color: theme.alias.color.neutral.neutralForeground1,
-            borderColor: theme.alias.color.neutral.neutralForeground1,
-        }); },
-        rootTintImportant: function (theme) { return ({
-            backgroundColor: theme.alias.color.neutral.neutralForeground3,
-            color: theme.alias.color.neutral.neutralBackground1,
-            borderColor: theme.alias.color.neutral.transparentStroke,
-        }); },
-        rootGhostImportant: function (theme) { return ({
-            color: theme.alias.color.neutral.neutralForeground1,
-        }); },
-        rootFilledInformative: function (theme) { return ({
-            backgroundColor: theme.alias.color.neutral.neutralBackground5,
-            color: theme.alias.color.neutral.neutralForeground3,
-            borderColor: theme.alias.color.neutral.transparentStroke,
-        }); },
-        rootOutlineInformative: function (theme) { return ({
-            backgroundColor: theme.alias.color.darkOrange.background3,
-            color: theme.alias.color.neutral.neutralBackground5,
-            borderColor: theme.alias.color.neutral.neutralBackground5,
-        }); },
-        rootTintInformative: function (theme) { return ({
-            backgroundColor: theme.alias.color.neutral.neutralBackground4,
-            color: theme.alias.color.neutral.neutralForeground3,
-            borderColor: theme.alias.color.neutral.neutralStroke2,
-        }); },
-        rootGhostInformative: function (theme) { return ({
-            color: theme.alias.color.neutral.neutralBackground5,
-        }); },
-        rootFilledSubtle: function (theme) { return ({
-            backgroundColor: theme.alias.color.neutral.neutralBackground1,
-            color: theme.alias.color.neutral.neutralForeground1,
-            borderColor: theme.alias.color.neutral.transparentStroke,
-        }); },
-        rootOutlineSubtle: function (theme) { return ({
-            color: theme.alias.color.neutral.neutralForegroundOnBrand,
-            borderColor: theme.alias.color.neutral.neutralForegroundOnBrand,
-        }); },
-        rootTintSubtle: function (theme) { return ({
-            backgroundColor: theme.alias.color.neutral.neutralBackground1,
-            color: theme.alias.color.neutral.neutralForeground3,
-            borderColor: theme.alias.color.neutral.neutralStroke2,
-        }); },
-        rootGhostSubtle: function (theme) { return ({
-            color: theme.alias.color.neutral.neutralForegroundOnBrand,
-        }); },
-        icon: {
-            display: 'flex',
-            alignContent: 'center',
-            alignItems: 'center',
-            height: '100%',
-        },
-    });
-    /**
-     * Applies style classnames to slots
-     */
-    var useBadgeStyles = function (state) {
-        var styles = useStyles();
-        var isGhost = state.appearance === 'ghost';
-        var isOutline = state.appearance === 'outline';
-        var isTint = state.appearance === 'tint';
-        var isFilled = state.appearance === 'filled';
-        var isDanger = state.color === 'danger';
-        var isSevere = state.color === 'severe';
-        var isWarning = state.color === 'warning';
-        var isSuccess = state.color === 'success';
-        var isImportant = state.color === 'important';
-        var isInformative = state.color === 'informative';
-        var isSubtle = state.color === 'subtle';
-        state.className = react_make_styles_1.mergeClasses(styles.root, state.size === 'smallest' && styles.rootSmallest, state.size === 'smaller' && styles.rootSmaller, state.size === 'small' && styles.rootSmall, state.size === 'medium' && styles.rootMedium, state.size === 'large' && styles.rootLarge, (state.size === 'larger' || state.size === 'largest') && styles.rootLargerLargest, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shape === 'rounded' &&
-            (state.size === 'small' || state.size === 'smaller' || state.size === 'smallest') &&
-            styles.rootRoundedSmallSmallerSmallest, isGhost && styles.rootGhost, isOutline && styles.rootOutline, isTint && styles.rootTint, isFilled && isDanger && styles.rootFilledDanger, isOutline && isDanger && styles.rootOutlineDanger, isTint && isDanger && styles.rootTintDanger, isGhost && isDanger && styles.rootGhostDanger, isFilled && isSevere && styles.rootFilledSevere, isOutline && isSevere && styles.rootOutlineSevere, isTint && isSevere && styles.rootTintSevere, isGhost && isSevere && styles.rootGhostSevere, isFilled && isWarning && styles.rootFilledWarning, isOutline && isWarning && styles.rootOutlineWarning, isTint && isWarning && styles.rootTintWarning, isGhost && isWarning && styles.rootGhostWarning, isFilled && isSuccess && styles.rootFilledSuccess, isOutline && isSuccess && styles.rootOutlineSuccess, isTint && isSuccess && styles.rootTintSuccess, isGhost && isSuccess && styles.rootGhostSuccess, isFilled && isImportant && styles.rootFilledImportant, isOutline && isImportant && styles.rootOutlineImportant, isTint && isImportant && styles.rootTintImportant, isGhost && isImportant && styles.rootGhostImportant, isFilled && isInformative && styles.rootFilledInformative, isOutline && isInformative && styles.rootOutlineInformative, isTint && isInformative && styles.rootTintInformative, isGhost && isInformative && styles.rootGhostInformative, isFilled && isSubtle && styles.rootFilledSubtle, isOutline && isSubtle && styles.rootOutlineSubtle, isTint && isSubtle && styles.rootTintSubtle, isGhost && isSubtle && styles.rootGhostSubtle, state.className);
-        if (state.icon) {
-            state.icon.className = react_make_styles_1.mergeClasses(styles.icon, state.icon.className);
-        }
-        return state;
-    };
-    exports.useBadgeStyles = useBadgeStyles;
-});
-//# sourceMappingURL=useBadgeStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useBadgeStyles.js","sourceRoot":"../src/","sources":["components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport type { BadgeState } from './Badge.types';\n\nconst useStyles = makeStyles({\n  root: theme => ({\n    display: 'inline-flex',\n    boxSizing: 'border-box',\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: theme.alias.color.neutral.brandBackground,\n    borderColor: theme.alias.color.neutral.brandBackground,\n    color: theme.alias.color.neutral.neutralForegroundOnBrand,\n    fontWeight: theme.global.type.fontWeights.semibold,\n    borderWidth: theme.global.strokeWidth.thin,\n    borderStyle: 'solid',\n    fontFamily: theme.global.type.fontFamilies.base,\n    position: 'relative',\n  }),\n  rootSmallest: {\n    width: '6px',\n    height: '6px',\n    fontSize: '4px',\n  },\n  rootSmaller: {\n    width: '10px',\n    height: '10px',\n    fontSize: '6px',\n  },\n  rootSmall: {\n    minWidth: '16px',\n    height: '16px',\n    paddingRight: '6px',\n    paddingLeft: '6px',\n    gap: '4px',\n    fontSize: '8px',\n  },\n  rootMedium: {\n    height: '20px',\n    minWidth: '20px',\n    gap: '4px',\n    paddingRight: '8px',\n    paddingLeft: '8px',\n    fontSize: '10px',\n  },\n  rootLarge: {\n    minWidth: '24px',\n    height: '24px',\n    paddingRight: '8px',\n    paddingLeft: '8px',\n    fontSize: '12px',\n    gap: '6px',\n  },\n  rootLargerLargest: theme => ({\n    minWidth: '32px',\n    height: '32px',\n    paddingRight: '12px',\n    paddingLeft: '12px',\n    gap: '6px',\n    fontSize: '12px',\n    borderWidth: theme.global.strokeWidth.thick,\n  }),\n  rootRounded: theme => ({ borderRadius: theme.global.borderRadius.medium }),\n  rootRoundedSmallSmallerSmallest: theme => ({ borderRadius: theme.global.borderRadius.small }),\n  rootCircular: { borderRadius: '99px' },\n  rootGhost: theme => ({\n    background: 'transparent',\n    border: 'none',\n    color: theme.alias.color.neutral.brandBackground,\n  }),\n  rootOutline: theme => ({\n    background: 'transparent',\n    borderColor: theme.alias.color.neutral.brandBackground,\n    color: theme.alias.color.neutral.brandBackground,\n  }),\n  rootTint: theme => ({\n    backgroundColor: theme.global.palette.brand.tint60,\n    color: theme.global.palette.brand.shade40,\n    borderColor: 'none',\n  }),\n  rootFilledDanger: theme => ({\n    backgroundColor: theme.alias.color.red.background3,\n    color: theme.alias.color.neutral.neutralForegroundOnBrand,\n    borderColor: theme.alias.color.red.background3,\n  }),\n  rootOutlineDanger: theme => ({\n    color: theme.alias.color.red.foreground3,\n    borderColor: theme.alias.color.red.foreground3,\n  }),\n  rootTintDanger: theme => ({\n    backgroundColor: theme.alias.color.red.background1,\n    color: theme.alias.color.red.foreground1,\n    borderColor: theme.alias.color.red.foreground2,\n  }),\n  rootGhostDanger: theme => ({\n    color: theme.alias.color.red.foreground3,\n  }),\n  rootFilledSevere: theme => ({\n    backgroundColor: theme.alias.color.darkOrange.background3,\n    color: theme.alias.color.neutral.neutralForegroundOnBrand,\n    borderColor: 'none',\n  }),\n  rootOutlineSevere: theme => ({\n    color: theme.alias.color.darkOrange.foreground3,\n    borderColor: theme.alias.color.darkOrange.foreground3,\n  }),\n  rootTintSevere: theme => ({\n    backgroundColor: theme.alias.color.darkOrange.background1,\n    color: theme.alias.color.darkOrange.foreground1,\n    borderColor: theme.alias.color.darkOrange.foreground2,\n  }),\n  rootGhostSevere: theme => ({\n    color: theme.alias.color.darkOrange.foreground3,\n  }),\n  rootFilledWarning: theme => ({\n    backgroundColor: theme.alias.color.yellow.background3,\n    color: theme.alias.color.neutral.neutralForeground1,\n    borderColor: theme.alias.color.yellow.background3,\n  }),\n  rootOutlineWarning: theme => ({\n    color: theme.alias.color.yellow.foreground2,\n    borderColor: theme.alias.color.yellow.foreground2,\n  }),\n  rootTintWarning: theme => ({\n    backgroundColor: theme.alias.color.yellow.background1,\n    color: theme.alias.color.yellow.foreground2,\n    borderColor: theme.alias.color.yellow.background2,\n  }),\n  rootGhostWarning: theme => ({\n    color: theme.alias.color.yellow.foreground2,\n  }),\n  rootFilledSuccess: theme => ({\n    backgroundColor: theme.alias.color.green.background3,\n    color: theme.alias.color.neutral.neutralForegroundOnBrand,\n    borderColor: 'none',\n  }),\n  rootOutlineSuccess: theme => ({\n    color: theme.alias.color.green.foreground2,\n    borderColor: theme.alias.color.green.foreground2,\n  }),\n  rootTintSuccess: theme => ({\n    backgroundColor: theme.alias.color.green.background1,\n    color: theme.alias.color.green.foreground1,\n    borderColor: theme.alias.color.green.background2,\n  }),\n  rootGhostSuccess: theme => ({\n    color: theme.alias.color.green.foreground3,\n  }),\n  rootFilledImportant: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralForeground1,\n    color: theme.alias.color.neutral.neutralBackground1,\n    borderColor: theme.alias.color.neutral.transparentStroke,\n  }),\n  rootOutlineImportant: theme => ({\n    color: theme.alias.color.neutral.neutralForeground1,\n    borderColor: theme.alias.color.neutral.neutralForeground1,\n  }),\n  rootTintImportant: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralForeground3,\n    color: theme.alias.color.neutral.neutralBackground1,\n    borderColor: theme.alias.color.neutral.transparentStroke,\n  }),\n  rootGhostImportant: theme => ({\n    color: theme.alias.color.neutral.neutralForeground1,\n  }),\n  rootFilledInformative: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackground5,\n    color: theme.alias.color.neutral.neutralForeground3,\n    borderColor: theme.alias.color.neutral.transparentStroke,\n  }),\n  rootOutlineInformative: theme => ({\n    backgroundColor: theme.alias.color.darkOrange.background3,\n    color: theme.alias.color.neutral.neutralBackground5,\n    borderColor: theme.alias.color.neutral.neutralBackground5,\n  }),\n  rootTintInformative: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackground4,\n    color: theme.alias.color.neutral.neutralForeground3,\n    borderColor: theme.alias.color.neutral.neutralStroke2,\n  }),\n  rootGhostInformative: theme => ({\n    color: theme.alias.color.neutral.neutralBackground5,\n  }),\n  rootFilledSubtle: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackground1,\n    color: theme.alias.color.neutral.neutralForeground1,\n    borderColor: theme.alias.color.neutral.transparentStroke,\n  }),\n  rootOutlineSubtle: theme => ({\n    color: theme.alias.color.neutral.neutralForegroundOnBrand,\n    borderColor: theme.alias.color.neutral.neutralForegroundOnBrand,\n  }),\n  rootTintSubtle: theme => ({\n    backgroundColor: theme.alias.color.neutral.neutralBackground1,\n    color: theme.alias.color.neutral.neutralForeground3,\n    borderColor: theme.alias.color.neutral.neutralStroke2,\n  }),\n  rootGhostSubtle: theme => ({\n    color: theme.alias.color.neutral.neutralForegroundOnBrand,\n  }),\n  icon: {\n    display: 'flex',\n    alignContent: 'center',\n    alignItems: 'center',\n    height: '100%',\n  },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const useBadgeStyles = (state: BadgeState): BadgeState => {\n  const styles = useStyles();\n  const isGhost = state.appearance === 'ghost';\n  const isOutline = state.appearance === 'outline';\n  const isTint = state.appearance === 'tint';\n  const isFilled = state.appearance === 'filled';\n  const isDanger = state.color === 'danger';\n  const isSevere = state.color === 'severe';\n  const isWarning = state.color === 'warning';\n  const isSuccess = state.color === 'success';\n  const isImportant = state.color === 'important';\n  const isInformative = state.color === 'informative';\n  const isSubtle = state.color === 'subtle';\n\n  state.className = mergeClasses(\n    styles.root,\n    state.size === 'smallest' && styles.rootSmallest,\n    state.size === 'smaller' && styles.rootSmaller,\n    state.size === 'small' && styles.rootSmall,\n    state.size === 'medium' && styles.rootMedium,\n    state.size === 'large' && styles.rootLarge,\n    (state.size === 'larger' || state.size === 'largest') && styles.rootLargerLargest,\n    state.shape === 'circular' && styles.rootCircular,\n    state.shape === 'rounded' && styles.rootRounded,\n    state.shape === 'rounded' &&\n      (state.size === 'small' || state.size === 'smaller' || state.size === 'smallest') &&\n      styles.rootRoundedSmallSmallerSmallest,\n    isGhost && styles.rootGhost,\n    isOutline && styles.rootOutline,\n    isTint && styles.rootTint,\n    isFilled && isDanger && styles.rootFilledDanger,\n    isOutline && isDanger && styles.rootOutlineDanger,\n    isTint && isDanger && styles.rootTintDanger,\n    isGhost && isDanger && styles.rootGhostDanger,\n    isFilled && isSevere && styles.rootFilledSevere,\n    isOutline && isSevere && styles.rootOutlineSevere,\n    isTint && isSevere && styles.rootTintSevere,\n    isGhost && isSevere && styles.rootGhostSevere,\n    isFilled && isWarning && styles.rootFilledWarning,\n    isOutline && isWarning && styles.rootOutlineWarning,\n    isTint && isWarning && styles.rootTintWarning,\n    isGhost && isWarning && styles.rootGhostWarning,\n    isFilled && isSuccess && styles.rootFilledSuccess,\n    isOutline && isSuccess && styles.rootOutlineSuccess,\n    isTint && isSuccess && styles.rootTintSuccess,\n    isGhost && isSuccess && styles.rootGhostSuccess,\n    isFilled && isImportant && styles.rootFilledImportant,\n    isOutline && isImportant && styles.rootOutlineImportant,\n    isTint && isImportant && styles.rootTintImportant,\n    isGhost && isImportant && styles.rootGhostImportant,\n    isFilled && isInformative && styles.rootFilledInformative,\n    isOutline && isInformative && styles.rootOutlineInformative,\n    isTint && isInformative && styles.rootTintInformative,\n    isGhost && isInformative && styles.rootGhostInformative,\n    isFilled && isSubtle && styles.rootFilledSubtle,\n    isOutline && isSubtle && styles.rootOutlineSubtle,\n    isTint && isSubtle && styles.rootTintSubtle,\n    isGhost && isSubtle && styles.rootGhostSubtle,\n    state.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(styles.icon, state.icon.className);\n  }\n\n  return state;\n};\n"]}

package/lib-amd/components/CounterBadge/CounterBadge.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-/**
- * Define a styled CounterBadge, using the `useCounterBadge` hook.
- */
-export declare const CounterBadge: React.ForwardRefExoticComponent<Pick<import("../Badge").BadgeProps, "children" | "as" | "className" | "icon" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "size" | "iconPosition"> & {
-    shape?: "rounded" | "circular" | undefined;
-    appearance?: "filled" | "ghost" | undefined;
-    overflowCount?: number | undefined;
-    count?: number | undefined;
-    showZero?: boolean | undefined;
-    dot?: boolean | undefined;
-} & React.RefAttributes<HTMLElement>>;

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

@@ -1,15 +0,0 @@
-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` hook.
-     */
-    exports.CounterBadge = React.forwardRef(function (props, ref) {
-        var state = useCounterBadge_1.useCounterBadge(props, ref);
-        useCounterBadgeStyles_1.useCounterBadgeStyles(state);
-        return index_1.renderBadge(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":"../src/","sources":["components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;IACU,QAAA,YAAY,GAAG,KAAK,CAAC,UAAU,CAAiC,UAAC,KAAK,EAAE,GAAG;QACtF,IAAM,KAAK,GAAG,iCAAe,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAC1C,6CAAqB,CAAC,KAAK,CAAC,CAAC;QAE7B,OAAO,mBAAW,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import * as React from 'react';\nimport { useCounterBadge } from './useCounterBadge';\nimport { useCounterBadgeStyles } from './useCounterBadgeStyles';\nimport { renderBadge } from '../Badge/index';\nimport type { CounterBadgeProps } from './CounterBadge.types';\n\n/**\n * Define a styled CounterBadge, using the `useCounterBadge` hook.\n */\nexport const CounterBadge = React.forwardRef<HTMLElement, CounterBadgeProps>((props, ref) => {\n  const state = useCounterBadge(props, ref);\n  useCounterBadgeStyles(state);\n\n  return renderBadge(state);\n});\n\nCounterBadge.displayName = 'CounterBadge';\n"]}

package/lib-amd/components/CounterBadge/CounterBadge.types.d.ts

@@ -1,55 +0,0 @@
-import type { BadgeProps, BadgeState } from '../Badge/index';
-export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape'> & {
-    /**
-     * A Badge can be circular or rounded
-     * @defaultvalue circular
-     */
-    shape?: Extract<BadgeProps['shape'], 'rounded' | 'circular'>;
-    /**
-     * A Badge can be filled, ghost
-     * @defaultvalue filled
-     */
-    appearance?: Extract<BadgeProps['appearance'], 'filled' | 'ghost'>;
-    /**
-     * Max number to be displayed
-     * @defaultvalue 99
-     */
-    overflowCount?: number;
-    /**
-     * Value displayed by the Badge
-     * @defaultvalue 0
-     */
-    count?: number;
-    /**
-     * If the badge should be shown when count is 0
-     * @defaultvalue false
-     */
-    showZero?: boolean;
-    /**
-     * If a dot badge should be displayed
-     * @defaultvalue false
-     */
-    dot?: boolean;
-};
-export declare type CounterBadgeState = BadgeState & {
-    /**
-     * Max number to be displayed
-     * @defaultvalue 99
-     */
-    overflowCount: number;
-    /**
-     * Value displayed by the Badge
-     * @defaultvalue 0
-     */
-    count: number;
-    /**
-     * If the badge should be shown when count is 0
-     * @defaultvalue false
-     */
-    showZero: boolean;
-    /**
-     * If a dot badge should be displayed
-     * @defaultvalue false
-     */
-    dot: boolean;
-};

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":"../src/","sources":["components/CounterBadge/CounterBadge.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BadgeProps, BadgeState } from '../Badge/index';\n\nexport type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape'> & {\n  /**\n   * A Badge can be circular or rounded\n   * @defaultvalue circular\n   */\n  shape?: Extract<BadgeProps['shape'], 'rounded' | 'circular'>;\n\n  /**\n   * A Badge can be filled, ghost\n   * @defaultvalue filled\n   */\n  appearance?: Extract<BadgeProps['appearance'], 'filled' | 'ghost'>;\n\n  /**\n   * Max number to be displayed\n   * @defaultvalue 99\n   */\n  overflowCount?: number;\n\n  /**\n   * Value displayed by the Badge\n   * @defaultvalue 0\n   */\n  count?: number;\n\n  /**\n   * If the badge should be shown when count is 0\n   * @defaultvalue false\n   */\n  showZero?: boolean;\n\n  /**\n   * If a dot badge should be displayed\n   * @defaultvalue false\n   */\n  dot?: boolean;\n};\n\nexport type CounterBadgeState = BadgeState & {\n  /**\n   * Max number to be displayed\n   * @defaultvalue 99\n   */\n  overflowCount: number;\n\n  /**\n   * Value displayed by the Badge\n   * @defaultvalue 0\n   */\n  count: number;\n\n  /**\n   * If the badge should be shown when count is 0\n   * @defaultvalue false\n   */\n  showZero: boolean;\n\n  /**\n   * If a dot badge should be displayed\n   * @defaultvalue false\n   */\n  dot: boolean;\n};\n"]}

package/lib-amd/components/CounterBadge/index.d.ts

@@ -1,4 +0,0 @@
-export * from './CounterBadge';
-export * from './CounterBadge.types';
-export * from './useCounterBadge';
-export * from './useCounterBadgeStyles';

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":"../src/","sources":["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.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import type { CounterBadgeProps, CounterBadgeState } from './CounterBadge.types';
-/**
- * Consts listing which props are shorthand props.
- */
-export declare const counterBadgeShorthandPropsCompat: readonly ["icon"];
-/**
- * Returns the props and state required to render the component
- */
-export declare const useCounterBadge: (props: CounterBadgeProps, ref: React.Ref<HTMLElement>, defaultProps?: CounterBadgeProps | undefined) => CounterBadgeState;

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

@@ -1,28 +0,0 @@
-define(["require", "exports", "@fluentui/react-utilities", "../Badge/index"], function (require, exports, react_utilities_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCounterBadge = exports.counterBadgeShorthandPropsCompat = void 0;
-    /**
-     * Consts listing which props are shorthand props.
-     */
-    exports.counterBadgeShorthandPropsCompat = ['icon'];
-    // eslint-disable-next-line deprecation/deprecation
-    var mergeProps = react_utilities_1.makeMergePropsCompat({ deepMerge: exports.counterBadgeShorthandPropsCompat });
-    /**
-     * Returns the props and state required to render the component
-     */
-    var useCounterBadge = function (props, ref, defaultProps) {
-        var state = index_1.useBadge(props, ref, mergeProps({
-            showZero: false,
-            overflowCount: 99,
-            count: 0,
-            dot: false,
-        }, defaultProps));
-        if (!state.dot && !state.children) {
-            state.children = state.count > state.overflowCount ? state.overflowCount + "+" : "" + state.count;
-        }
-        return state;
-    };
-    exports.useCounterBadge = useCounterBadge;
-});
-//# sourceMappingURL=useCounterBadge.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCounterBadge.js","sourceRoot":"../src/","sources":["components/CounterBadge/useCounterBadge.ts"],"names":[],"mappings":";;;;IAMA;;OAEG;IACU,QAAA,gCAAgC,GAAG,CAAC,MAAM,CAAU,CAAC;IAElE,mDAAmD;IACnD,IAAM,UAAU,GAAG,sCAAoB,CAAoB,EAAE,SAAS,EAAE,wCAAgC,EAAE,CAAC,CAAC;IAE5G;;OAEG;IACI,IAAM,eAAe,GAAG,UAC7B,KAAwB,EACxB,GAA2B,EAC3B,YAAgC;QAEhC,IAAM,KAAK,GAAG,gBAAQ,CACpB,KAAK,EACL,GAAG,EACH,UAAU,CACR;YACE,QAAQ,EAAE,KAAK;YACf,aAAa,EAAE,EAAE;YACjB,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,KAAK;SACX,EACD,YAAY,CACC,CACK,CAAC;QAEvB,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACjC,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAI,KAAK,CAAC,aAAa,MAAG,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,KAAO,CAAC;SACnG;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAxBW,QAAA,eAAe,mBAwB1B","sourcesContent":["import * as React from 'react';\nimport { makeMergePropsCompat } from '@fluentui/react-utilities';\nimport { useBadge } from '../Badge/index';\nimport type { CounterBadgeProps, CounterBadgeState } from './CounterBadge.types';\nimport type { BadgeProps } from '../Badge/index';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const counterBadgeShorthandPropsCompat = ['icon'] as const;\n\n// eslint-disable-next-line deprecation/deprecation\nconst mergeProps = makeMergePropsCompat<CounterBadgeState>({ deepMerge: counterBadgeShorthandPropsCompat });\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useCounterBadge = (\n  props: CounterBadgeProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: CounterBadgeProps,\n): CounterBadgeState => {\n  const state = useBadge(\n    props,\n    ref,\n    mergeProps(\n      {\n        showZero: false,\n        overflowCount: 99,\n        count: 0,\n        dot: false,\n      },\n      defaultProps,\n    ) as BadgeProps,\n  ) as CounterBadgeState;\n\n  if (!state.dot && !state.children) {\n    state.children = state.count > state.overflowCount ? `${state.overflowCount}+` : `${state.count}`;\n  }\n\n  return state;\n};\n"]}

package/lib-amd/components/CounterBadge/useCounterBadgeStyles.d.ts

@@ -1,5 +0,0 @@
-import type { CounterBadgeState } from './CounterBadge.types';
-/**
- * Applies style classnames to slots
- */
-export declare const useCounterBadgeStyles: (state: CounterBadgeState) => CounterBadgeState;

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

@@ -1,46 +0,0 @@
-define(["require", "exports", "@fluentui/react-make-styles", "../Badge/useBadgeStyles"], function (require, exports, react_make_styles_1, useBadgeStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useCounterBadgeStyles = void 0;
-    var useStyles = react_make_styles_1.makeStyles({
-        root: {
-            minWidth: 'auto',
-        },
-        warning: function (theme) { return ({
-            backgroundColor: theme.global.palette.cranberry.primary,
-            borderColor: theme.global.palette.cranberry.primary,
-        }); },
-        important: function (theme) { return ({
-            backgroundColor: theme.global.palette.grey[14],
-            borderColor: theme.global.palette.grey[14],
-        }); },
-        severe: function (theme) { return ({
-            // TODO: update these colors once the color used in the design spec has existing color token
-            backgroundColor: theme.global.palette.red.primary,
-            borderColor: theme.global.palette.red.primary,
-        }); },
-        informative: function (theme) { return ({
-            backgroundColor: theme.global.palette.grey[92],
-            borderColor: theme.global.palette.grey[92],
-            color: theme.alias.color.neutral.neutralForeground3,
-        }); },
-        dot: {
-            width: '6px',
-            height: '6px',
-            padding: '0',
-        },
-        hide: {
-            display: 'none',
-        },
-    });
-    /**
-     * Applies style classnames to slots
-     */
-    var useCounterBadgeStyles = function (state) {
-        var styles = useStyles();
-        state.className = react_make_styles_1.mergeClasses(styles.root, state.color === 'warning' && styles.warning, state.color === 'important' && styles.important, state.color === 'severe' && styles.severe, state.color === 'informative' && styles.informative, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.className);
-        return useBadgeStyles_1.useBadgeStyles(state);
-    };
-    exports.useCounterBadgeStyles = useCounterBadgeStyles;
-});
-//# sourceMappingURL=useCounterBadgeStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCounterBadgeStyles.js","sourceRoot":"../src/","sources":["components/CounterBadge/useCounterBadgeStyles.ts"],"names":[],"mappings":";;;;IAIA,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM;SACjB;QACD,OAAO,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACjB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO;YACvD,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO;SACpD,CAAC,EAHgB,CAGhB;QACF,SAAS,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACnB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9C,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;SAC3C,CAAC,EAHkB,CAGlB;QACF,MAAM,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YAChB,4FAA4F;YAC5F,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO;YACjD,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO;SAC9C,CAAC,EAJe,CAIf;QACF,WAAW,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACrB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9C,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;SACpD,CAAC,EAJoB,CAIpB;QACF,GAAG,EAAE;YACH,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,GAAG;SACb;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;SAChB;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,qBAAqB,GAAG,UAAC,KAAwB;QAC5D,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,SAAS,GAAG,gCAAY,CAC5B,MAAM,CAAC,IAAI,EACX,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,OAAO,EAC3C,KAAK,CAAC,KAAK,KAAK,WAAW,IAAI,MAAM,CAAC,SAAS,EAC/C,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM,EACzC,KAAK,CAAC,KAAK,KAAK,aAAa,IAAI,MAAM,CAAC,WAAW,EACnD,KAAK,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,EACvB,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,MAAM,CAAC,IAAI,EACjE,KAAK,CAAC,SAAS,CAChB,CAAC;QACF,OAAO,+BAAc,CAAC,KAAK,CAAsB,CAAC;IACpD,CAAC,CAAC;IAbW,QAAA,qBAAqB,yBAahC","sourcesContent":["import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';\nimport { useBadgeStyles } from '../Badge/useBadgeStyles';\nimport type { CounterBadgeState } from './CounterBadge.types';\n\nconst useStyles = makeStyles({\n  root: {\n    minWidth: 'auto',\n  },\n  warning: theme => ({\n    backgroundColor: theme.global.palette.cranberry.primary,\n    borderColor: theme.global.palette.cranberry.primary,\n  }),\n  important: theme => ({\n    backgroundColor: theme.global.palette.grey[14],\n    borderColor: theme.global.palette.grey[14],\n  }),\n  severe: theme => ({\n    // TODO: update these colors once the color used in the design spec has existing color token\n    backgroundColor: theme.global.palette.red.primary,\n    borderColor: theme.global.palette.red.primary,\n  }),\n  informative: theme => ({\n    backgroundColor: theme.global.palette.grey[92],\n    borderColor: theme.global.palette.grey[92],\n    color: theme.alias.color.neutral.neutralForeground3,\n  }),\n  dot: {\n    width: '6px',\n    height: '6px',\n    padding: '0',\n  },\n  hide: {\n    display: 'none',\n  },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const useCounterBadgeStyles = (state: CounterBadgeState): CounterBadgeState => {\n  const styles = useStyles();\n  state.className = mergeClasses(\n    styles.root,\n    state.color === 'warning' && styles.warning,\n    state.color === 'important' && styles.important,\n    state.color === 'severe' && styles.severe,\n    state.color === 'informative' && styles.informative,\n    state.dot && styles.dot,\n    !state.showZero && state.count === 0 && !state.dot && styles.hide,\n    state.className,\n  );\n  return useBadgeStyles(state) as CounterBadgeState;\n};\n"]}

package/lib-amd/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-export declare const renderIcon: (SVGElement: (props: {
-    svgClasses: string;
-}) => JSX.Element) => React.FC<React.HTMLAttributes<HTMLSpanElement>>;
-declare const SkypeMinusIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
-declare const SkypeClockIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
-declare const SkypeCheckIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
-declare const SkypeArrowIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
-declare const CancelIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
-export { SkypeMinusIcon, SkypeClockIcon, SkypeCheckIcon, SkypeArrowIcon, CancelIcon };

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

@@ -1,64 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-make-styles", "@fluentui/react-utilities", "react"], function (require, exports, tslib_1, react_make_styles_1, react_utilities_1, React) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.CancelIcon = exports.SkypeArrowIcon = exports.SkypeCheckIcon = exports.SkypeClockIcon = exports.SkypeMinusIcon = exports.renderIcon = void 0;
-    var useStyles = react_make_styles_1.makeStyles({
-        root: {
-            display: 'inline-block',
-            verticalAlign: 'middle',
-            speak: 'none',
-            width: '1em',
-            height: '1em',
-        },
-        svg: {
-            height: '100%',
-            fill: 'currentColor',
-            verticalAlign: 'top',
-        },
-    });
-    //
-    // !!!   A temporary workaround to avoid dependencies on any icon packages.
-    // !!!   A usage of converged icon package should be considered.
-    //
-    var useIconProps = function (props) {
-        var _a;
-        var containerProps = props['aria-label']
-            ? {}
-            : (_a = {
-                    role: 'presentation'
-                },
-                _a['aria-hidden'] = true,
-                _a);
-        var nativeProps = react_utilities_1.getNativeProps(props, react_utilities_1.htmlElementProperties);
-        var styles = useStyles();
-        var rootClasses = styles.root;
-        var svgClasses = styles.svg;
-        return { containerProps: containerProps, nativeProps: nativeProps, rootClasses: rootClasses, svgClasses: svgClasses };
-    };
-    var renderIcon = function (SVGElement) { return function (props) {
-        var _a = useIconProps(props), containerProps = _a.containerProps, nativeProps = _a.nativeProps, rootClasses = _a.rootClasses, svgClasses = _a.svgClasses;
-        return React.createElement('span', tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, containerProps), nativeProps), { className: react_make_styles_1.mergeClasses(rootClasses, props.className) }), React.createElement(SVGElement, { svgClasses: svgClasses }));
-    }; };
-    exports.renderIcon = renderIcon;
-    var SkypeMinusIcon = exports.renderIcon(function (props) { return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2048 2048", className: props.svgClasses },
-        React.createElement("path", { d: "M1591 823q42 0 78 16t64 43 43 63 16 79q0 42-16 78t-43 64-63 43-79 16H395q-42 0-78-16t-64-43-42-63-16-79q0-42 15-78t43-64 63-43 79-16h1196z" }))); });
-    exports.SkypeMinusIcon = SkypeMinusIcon;
-    SkypeMinusIcon.displayName = 'SkypeMinusIcon';
-    var SkypeClockIcon = exports.renderIcon(function (props) { return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2048 2048", className: props.svgClasses },
-        React.createElement("path", { d: "M1431 1705q28 28 43 65t15 77q0 42-15 78t-43 64-63 43-79 16q-83 0-142-59l-594-593q-28-28-43-65t-15-77V201q0-42 15-78t43-64 63-43 79-16q42 0 78 16t64 43 43 63 16 79v970l535 534z" }))); });
-    exports.SkypeClockIcon = SkypeClockIcon;
-    SkypeClockIcon.displayName = 'SkypeClockIcon';
-    var SkypeCheckIcon = exports.renderIcon(function (props) { return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2048 2048", className: props.svgClasses },
-        React.createElement("path", { d: "M1570 437q42 0 78 15t64 43 42 63 16 79q0 40-15 77t-43 65l-794 795q-28 28-65 43t-77 16q-40 0-77-15t-65-44l-362-362q-28-28-43-65t-16-77q0-42 16-78t43-64 63-42 79-16q40 0 77 15t65 43l220 220 652-653q28-28 65-43t77-15z" }))); });
-    exports.SkypeCheckIcon = SkypeCheckIcon;
-    SkypeCheckIcon.displayName = 'SkypeCheckIcon';
-    var SkypeArrowIcon = exports.renderIcon(function (props) { return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2048 2048", className: props.svgClasses },
-        React.createElement("path", { d: "M1980 964q0 41-15 77t-43 63-63 42-77 16H739l281 280q28 27 43 64t15 76q0 41-15 77t-43 63-63 42-77 16q-39 0-75-15t-65-43l-615-616q-33-33-47-68t-14-82q0-39 17-73t44-61l615-616q28-28 65-43t76-15q41 0 77 16t62 43 42 63 16 77q0 39-15 75t-43 64L739 766h1043q41 0 77 15t63 43 42 63 16 77z" }))); });
-    exports.SkypeArrowIcon = SkypeArrowIcon;
-    SkypeArrowIcon.displayName = 'SkypeArrowIcon';
-    var CancelIcon = exports.renderIcon(function (props) { return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2048 2048", className: props.svgClasses },
-        React.createElement("path", { d: "M1115 1024l690 691-90 90-691-690-691 690-90-90 690-691-690-691 90-90 691 690 691-690 90 90-690 691z" }))); });
-    exports.CancelIcon = CancelIcon;
-    CancelIcon.displayName = 'CancelIcon';
-});
-//# sourceMappingURL=DefaultPresenceBadgeIcons.js.map