@fluentui/react-badge 9.0.0-alpha.81 → 9.0.0-alpha.85

package/lib-amd/CounterBadge.d.ts

@@ -1 +0,0 @@
-export * from './components/CounterBadge/index';

package/lib-amd/CounterBadge.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/CounterBadge/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=CounterBadge.js.map

package/lib-amd/CounterBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CounterBadge.js","sourceRoot":"../src/","sources":["CounterBadge.ts"],"names":[],"mappings":";;;IAAA,uCAAgD","sourcesContent":["export * from './components/CounterBadge/index';\n"]}

package/lib-amd/PresenceBadge.d.ts

@@ -1 +0,0 @@
-export * from './components/PresenceBadge/index';

package/lib-amd/PresenceBadge.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/PresenceBadge/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=PresenceBadge.js.map

package/lib-amd/PresenceBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PresenceBadge.js","sourceRoot":"../src/","sources":["PresenceBadge.ts"],"names":[],"mappings":";;;IAAA,uCAAiD","sourcesContent":["export * from './components/PresenceBadge/index';\n"]}

package/lib-amd/common/isConformant.d.ts

@@ -1,4 +0,0 @@
-import type { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
-    componentPath?: string;
-}): void;

package/lib-amd/common/isConformant.js

@@ -1,15 +0,0 @@
-define(["require", "exports", "@fluentui/react-conformance", "@fluentui/react-conformance-make-styles"], function (require, exports, react_conformance_1, react_conformance_make_styles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.isConformant = void 0;
-    function isConformant(testInfo) {
-        var defaultOptions = {
-            asPropHandlesRef: true,
-            componentPath: module.parent.filename.replace('.test', ''),
-            extraTests: react_conformance_make_styles_1.default,
-        };
-        react_conformance_1.isConformant(defaultOptions, testInfo);
-    }
-    exports.isConformant = isConformant;
-});
-//# sourceMappingURL=isConformant.js.map

package/lib-amd/common/isConformant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":";;;;IAIA,SAAgB,YAAY,CAC1B,QAAyF;QAEzF,IAAM,cAAc,GAAyC;YAC3D,gBAAgB,EAAE,IAAI;YACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;YAC5D,UAAU,EAAE,uCAAqC;SAClD,CAAC;QAEF,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAVD,oCAUC","sourcesContent":["import { isConformant as baseIsConformant } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\nimport type { IsConformantOptions, TestObject } from '@fluentui/react-conformance';\n\nexport function isConformant<TProps = {}>(\n  testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n  const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n    asPropHandlesRef: true,\n    componentPath: module!.parent!.filename.replace('.test', ''),\n    extraTests: makeStylesTests as TestObject<TProps>,\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"]}

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import type { BadgeProps } from './Badge.types';
-/**
- * Define a styled Badge, using the `useBadge` hook.
- * {@docCategory Badge}
- */
-export declare const Badge: React.FunctionComponent<BadgeProps & React.RefAttributes<HTMLElement>>;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sourceRoot":"../src/","sources":["components/Badge/Badge.tsx"],"names":[],"mappings":";;;;IAMA;;;OAGG;IACU,QAAA,KAAK,GAA2E,KAAK,CAAC,UAAU,CAG3G,UAAC,KAAK,EAAE,GAAG;QACX,IAAM,KAAK,GAAG,mBAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACnC,+BAAc,CAAC,KAAK,CAAC,CAAC;QAEtB,OAAO,yBAAW,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC","sourcesContent":["import * as React from 'react';\nimport { useBadge } from './useBadge';\nimport { useBadgeStyles } from './useBadgeStyles';\nimport { renderBadge } from './renderBadge';\nimport type { BadgeProps } from './Badge.types';\n\n/**\n * Define a styled Badge, using the `useBadge` hook.\n * {@docCategory Badge}\n */\nexport const Badge: React.FunctionComponent<BadgeProps & React.RefAttributes<HTMLElement>> = React.forwardRef<\n  HTMLElement,\n  BadgeProps\n>((props, ref) => {\n  const state = useBadge(props, ref);\n  useBadgeStyles(state);\n\n  return renderBadge(state);\n});\n\nBadge.displayName = 'Badge';\n"]}

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

@@ -1,65 +0,0 @@
-import * as React from 'react';
-import type { ComponentPropsCompat, ShorthandPropsCompat, ObjectShorthandPropsCompat } from '@fluentui/react-utilities';
-/**
- * {@docCategory Badge}
- */
-export declare type BadgeSize = 'smallest' | 'smaller' | 'small' | 'medium' | 'large' | 'larger' | 'largest';
-/**
- * {@docCategory Badge}
- */
-export declare type BadgeAppearance = 'filled' | 'outline' | 'ghost' | 'tint';
-/**
- * {@docCategory Badge}
- */
-export declare type BadgeShape = 'rounded' | 'square' | 'circular';
-/**
- * {@docCategory Badge}
- */
-export declare type BadgeColors = 'brand' | 'danger' | 'severe' | 'warning' | 'success' | 'important' | 'informative' | 'subtle';
-/**
- * {@docCategory Badge}
- */
-export interface BadgeProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
-    /**
-     * A Badge can be sized.
-     * @defaultvalue medium
-     */
-    size?: BadgeSize;
-    /**
-     * A Badge can be square, circular or rounded
-     * @defaultvalue circular
-     */
-    shape?: BadgeShape;
-    /**
-     * A Badge can be filled, outline, ghost, inverted
-     * @defaultvalue filled
-     */
-    appearance?: BadgeAppearance;
-    /**
-     * A Badge has a preset of colors
-     * @defaultvalue filled
-     */
-    color?: BadgeColors;
-    /**
-     * Icon slot
-     */
-    icon?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;
-    /**
-     * Position for Icon to be rendered
-     * @defaultvalue before
-     */
-    iconPosition?: 'before' | 'after';
-}
-/**
- * {@docCategory Badge}
- */
-export interface BadgeState extends BadgeProps {
-    /**
-     * Ref to the root slot
-     */
-    ref: React.RefObject<HTMLElement>;
-    /**
-     * Icon slot when processed by internal state
-     */
-    icon?: ObjectShorthandPropsCompat<React.HTMLAttributes<HTMLSpanElement>>;
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.types.js","sourceRoot":"../src/","sources":["components/Badge/Badge.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentPropsCompat, ShorthandPropsCompat, ObjectShorthandPropsCompat } from '@fluentui/react-utilities';\n\n/**\n * {@docCategory Badge}\n */\nexport type BadgeSize = 'smallest' | 'smaller' | 'small' | 'medium' | 'large' | 'larger' | 'largest';\n\n/**\n * {@docCategory Badge}\n */\nexport type BadgeAppearance = 'filled' | 'outline' | 'ghost' | 'tint';\n\n/**\n * {@docCategory Badge}\n */\nexport type BadgeShape = 'rounded' | 'square' | 'circular';\n\n/**\n * {@docCategory Badge}\n */\nexport type BadgeColors =\n  | 'brand'\n  | 'danger'\n  | 'severe'\n  | 'warning'\n  | 'success'\n  | 'important'\n  | 'informative'\n  | 'subtle';\n\n/**\n * {@docCategory Badge}\n */\nexport interface BadgeProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n  /**\n   * A Badge can be sized.\n   * @defaultvalue medium\n   */\n  size?: BadgeSize;\n\n  /**\n   * A Badge can be square, circular or rounded\n   * @defaultvalue circular\n   */\n  shape?: BadgeShape;\n\n  /**\n   * A Badge can be filled, outline, ghost, inverted\n   * @defaultvalue filled\n   */\n  appearance?: BadgeAppearance;\n\n  /**\n   * A Badge has a preset of colors\n   * @defaultvalue filled\n   */\n  color?: BadgeColors;\n\n  /**\n   * Icon slot\n   */\n  icon?: ShorthandPropsCompat<React.HTMLAttributes<HTMLElement>>;\n\n  /**\n   * Position for Icon to be rendered\n   * @defaultvalue before\n   */\n  iconPosition?: 'before' | 'after';\n}\n\n/**\n * {@docCategory Badge}\n */\nexport interface BadgeState extends BadgeProps {\n  /**\n   * Ref to the root slot\n   */\n  ref: React.RefObject<HTMLElement>;\n  /**\n   * Icon slot when processed by internal state\n   */\n  icon?: ObjectShorthandPropsCompat<React.HTMLAttributes<HTMLSpanElement>>;\n}\n"]}

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

@@ -1,5 +0,0 @@
-export * from './Badge';
-export * from './Badge.types';
-export * from './renderBadge';
-export * from './useBadge';
-export * from './useBadgeStyles';

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Badge/index.ts"],"names":[],"mappings":";;;IAAA,uCAAwB;IACxB,6CAA8B;IAC9B,6CAA8B;IAC9B,0CAA2B;IAC3B,gDAAiC","sourcesContent":["export * from './Badge';\nexport * from './Badge.types';\nexport * from './renderBadge';\nexport * from './useBadge';\nexport * from './useBadgeStyles';\n"]}

package/lib-amd/components/Badge/renderBadge.d.ts

@@ -1,2 +0,0 @@
-import type { BadgeState } from './Badge.types';
-export declare const renderBadge: (state: BadgeState) => JSX.Element;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderBadge.js","sourceRoot":"../src/","sources":["components/Badge/renderBadge.tsx"],"names":[],"mappings":";;;;IAKO,IAAM,WAAW,GAAG,UAAC,KAAiB;QACrC,IAAA,KAAuB,gCAAc,CAAC,KAAK,EAAE,oCAAyB,CAAC,EAArE,KAAK,WAAA,EAAE,SAAS,eAAqD,CAAC;QAE9E,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,YAAY,KAAK,QAAQ,IAAI,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI;YACrE,KAAK,CAAC,QAAQ;YACd,KAAK,CAAC,YAAY,KAAK,OAAO,IAAI,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CAC1D,CACd,CAAC;IACJ,CAAC,CAAC;IAVW,QAAA,WAAW,eAUtB","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport { badgeShorthandPropsCompat } from './useBadge';\nimport type { BadgeState } from './Badge.types';\n\nexport const renderBadge = (state: BadgeState) => {\n  const { slots, slotProps } = getSlotsCompat(state, badgeShorthandPropsCompat);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.iconPosition === 'before' && <slots.icon {...slotProps.icon} />}\n      {state.children}\n      {state.iconPosition === 'after' && <slots.icon {...slotProps.icon} />}\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/Badge/useBadge.d.ts

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

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

@@ -1,25 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-utilities"], function (require, exports, React, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useBadge = exports.badgeShorthandPropsCompat = void 0;
-    /**
-     * Consts listing which props are shorthand props.
-     */
-    exports.badgeShorthandPropsCompat = ['icon'];
-    var mergeProps = react_utilities_1.makeMergeProps({ deepMerge: exports.badgeShorthandPropsCompat });
-    /**
-     * Returns the props and state required to render the component
-     */
-    var useBadge = function (props, ref, defaultProps) {
-        var state = mergeProps({
-            ref: react_utilities_1.useMergedRefs(ref, React.useRef(null)),
-            shape: 'circular',
-            size: 'medium',
-            iconPosition: 'before',
-            'aria-hidden': true,
-        }, defaultProps && react_utilities_1.resolveShorthandProps(defaultProps, exports.badgeShorthandPropsCompat), react_utilities_1.resolveShorthandProps(props, exports.badgeShorthandPropsCompat));
-        return state;
-    };
-    exports.useBadge = useBadge;
-});
-//# sourceMappingURL=useBadge.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useBadge.js","sourceRoot":"../src/","sources":["components/Badge/useBadge.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACU,QAAA,yBAAyB,GAAG,CAAC,MAAM,CAAU,CAAC;IAE3D,IAAM,UAAU,GAAG,gCAAc,CAAa,EAAE,SAAS,EAAE,iCAAyB,EAAE,CAAC,CAAC;IAExF;;OAEG;IACI,IAAM,QAAQ,GAAG,UAAC,KAAiB,EAAE,GAA2B,EAAE,YAAyB;QAChG,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,EAAE,+BAAa,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAC3C,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,QAAQ;YACd,YAAY,EAAE,QAAQ;YACtB,aAAa,EAAE,IAAI;SACpB,EACD,YAAY,IAAI,uCAAqB,CAAC,YAAY,EAAE,iCAAyB,CAAC,EAC9E,uCAAqB,CAAC,KAAK,EAAE,iCAAyB,CAAC,CACxD,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAdW,QAAA,QAAQ,YAcnB","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps, resolveShorthandProps, useMergedRefs } from '@fluentui/react-utilities';\nimport type { BadgeProps, BadgeState } from './Badge.types';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const badgeShorthandPropsCompat = ['icon'] as const;\n\nconst mergeProps = makeMergeProps<BadgeState>({ deepMerge: badgeShorthandPropsCompat });\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge = (props: BadgeProps, ref: React.Ref<HTMLElement>, defaultProps?: BadgeProps): BadgeState => {\n  const state = mergeProps(\n    {\n      ref: useMergedRefs(ref, React.useRef(null)),\n      shape: 'circular',\n      size: 'medium',\n      iconPosition: 'before',\n      'aria-hidden': true,\n    },\n    defaultProps && resolveShorthandProps(defaultProps, badgeShorthandPropsCompat),\n    resolveShorthandProps(props, badgeShorthandPropsCompat),\n  );\n\n  return state;\n};\n"]}

package/lib-amd/components/Badge/useBadgeStyles.d.ts

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

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,7 +0,0 @@
-import * as React from 'react';
-import type { CounterBadgeProps } from './CounterBadge.types';
-/**
- * Define a styled CounterBadge, using the `useCounterBadge` hook.
- * {@docCategory CounterBadge}
- */
-export declare const CounterBadge: React.ForwardRefExoticComponent<CounterBadgeProps & React.RefAttributes<HTMLElement>>;

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

@@ -1,16 +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.
-     * {@docCategory CounterBadge}
-     */
-    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;;;OAGG;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 * {@docCategory CounterBadge}\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"]}