@fluentui/react-badge 0.0.0-nightly050f89bf0020211102.1 → 0.0.0-nightly07d9ed6d1b20211221.1

package/CHANGELOG.json

@@ -2,52 +2,210 @@
   "name": "@fluentui/react-badge",
   "entries": [
     {
-      "date": "Tue, 02 Nov 2021 08:40:43 GMT",
-      "tag": "@fluentui/react-badge_v0.0.0-nightly050f89bf0020211102.1",
-      "version": "0.0.0-nightly050f89bf0020211102.1",
+      "date": "Tue, 21 Dec 2021 04:16:41 GMT",
+      "tag": "@fluentui/react-badge_v0.0.0-nightly07d9ed6d1b20211221.1",
+      "version": "0.0.0-nightly07d9ed6d1b20211221.1",
       "comments": {
         "prerelease": [
           {
             "author": "email not defined",
             "package": "@fluentui/react-badge",
-            "commit": "40469cc9aef788dfd49e97df32d6aed267c2cc26",
+            "commit": "6e6f95bef032550f051ca8b80e4674e69f9edaa8",
             "comment": "Release nightly v9"
           },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "7cb2a5d8db1b6a1ddb638aa82d5815ab5ae84e69",
+            "comment": "(fix): Update react-icons dependency to latest version"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "5a49512b8e33d5a588212069a1f2827b806d584c",
+            "comment": "update styles to not use CSS shorthands"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-badge",
+            "commit": "4e5e955acede0fc79334ef90a563de4bd35ee231",
+            "comment": "fix: use updated tokens for ghost and outline variants"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-badge",
+            "commit": "4e7acd7ff3c437663de70206416d3c19b6a87cfa",
+            "comment": "fix: Add uniform padding and modify gaps"
+          },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly050f89bf0020211102.1",
-            "commit": "40469cc9aef788dfd49e97df32d6aed267c2cc26"
+            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly07d9ed6d1b20211221.1",
+            "commit": "6e6f95bef032550f051ca8b80e4674e69f9edaa8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly050f89bf0020211102.1",
-            "commit": "40469cc9aef788dfd49e97df32d6aed267c2cc26"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly07d9ed6d1b20211221.1",
+            "commit": "6e6f95bef032550f051ca8b80e4674e69f9edaa8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly050f89bf0020211102.1",
-            "commit": "40469cc9aef788dfd49e97df32d6aed267c2cc26"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly07d9ed6d1b20211221.1",
+            "commit": "6e6f95bef032550f051ca8b80e4674e69f9edaa8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly050f89bf0020211102.1",
-            "commit": "40469cc9aef788dfd49e97df32d6aed267c2cc26"
+            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly07d9ed6d1b20211221.1",
+            "commit": "6e6f95bef032550f051ca8b80e4674e69f9edaa8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly050f89bf0020211102.1",
-            "commit": "40469cc9aef788dfd49e97df32d6aed267c2cc26"
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly07d9ed6d1b20211221.1",
+            "commit": "6e6f95bef032550f051ca8b80e4674e69f9edaa8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly050f89bf0020211102.1",
-            "commit": "40469cc9aef788dfd49e97df32d6aed267c2cc26"
+            "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly07d9ed6d1b20211221.1",
+            "commit": "6e6f95bef032550f051ca8b80e4674e69f9edaa8"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 25 Nov 2021 08:34:11 GMT",
+      "tag": "@fluentui/react-badge_v9.0.0-beta.4",
+      "version": "9.0.0-beta.4",
+      "comments": {
+        "none": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-badge",
+            "commit": "cc3fe8e29cbb4b9d03f26e9a06b58d7aa24ffb65",
+            "comment": "Migrate package to use solution style ts-config"
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-badge",
+            "commit": "6183f8ae46233d7ecec2a3d12e7348b7b41eea0c",
+            "comment": "various styling fixes for base Badge component"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-badge",
+            "commit": "c5c66cb39e6906f506bf30c9e56c0839f10e2d51",
+            "comment": "Reduce colour set and align with base badge colours"
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "ecab13cfd6ac22657020db8f86eb89f952b0f953",
+            "comment": "update react-icons dependency"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-badge",
+            "commit": "48e52fc91e41ab721c9842f8f68ac84ad569a851",
+            "comment": "Remove props and return correct presence icons"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 12 Nov 2021 13:25:15 GMT",
+      "tag": "@fluentui/react-badge_v9.0.0-beta.3",
+      "version": "9.0.0-beta.3",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "e42f50656c1b703d88c398b114f225ba5f1f5f22",
+            "comment": "export static classes for components"
+          },
+          {
+            "author": "gcox@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
+            "comment": "Updated beta and RC components to ES2019"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
           }
         ],
         "none": [
@@ -56,6 +214,18 @@
             "package": "@fluentui/react-badge",
             "commit": "7fafe76eb2c09f9d17a03c11ba73729d91ef411e",
             "comment": "update docs descriptions"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-badge",
+            "commit": "00f70581480b536e723fb69edf0ae617beac4807",
+            "comment": "Remove beta release tag"
+          },
+          {
+            "author": "me@levithomason.com",
+            "package": "@fluentui/react-badge",
+            "commit": "cdbe0769d2a6ee91a98a3e62c6ac9329a714355c",
+            "comment": "Docs update"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,23 +1,61 @@
 # Change Log - @fluentui/react-badge
 
-This log was last generated on Tue, 02 Nov 2021 08:40:43 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Dec 2021 04:16:41 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly050f89bf0020211102.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightly050f89bf0020211102.1)
+## [0.0.0-nightly07d9ed6d1b20211221.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightly07d9ed6d1b20211221.1)
 
-Tue, 02 Nov 2021 08:40:43 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.2..@fluentui/react-badge_v0.0.0-nightly050f89bf0020211102.1)
+Tue, 21 Dec 2021 04:16:41 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.4..@fluentui/react-badge_v0.0.0-nightly07d9ed6d1b20211221.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/40469cc9aef788dfd49e97df32d6aed267c2cc26) by email not defined)
-- Bump @fluentui/react-make-styles to v0.0.0-nightly050f89bf0020211102.1 ([commit](https://github.com/microsoft/fluentui/commit/40469cc9aef788dfd49e97df32d6aed267c2cc26) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly050f89bf0020211102.1 ([commit](https://github.com/microsoft/fluentui/commit/40469cc9aef788dfd49e97df32d6aed267c2cc26) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly050f89bf0020211102.1 ([commit](https://github.com/microsoft/fluentui/commit/40469cc9aef788dfd49e97df32d6aed267c2cc26) by beachball)
-- Bump @fluentui/babel-make-styles to v0.0.0-nightly050f89bf0020211102.1 ([commit](https://github.com/microsoft/fluentui/commit/40469cc9aef788dfd49e97df32d6aed267c2cc26) by beachball)
-- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly050f89bf0020211102.1 ([commit](https://github.com/microsoft/fluentui/commit/40469cc9aef788dfd49e97df32d6aed267c2cc26) by beachball)
-- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly050f89bf0020211102.1 ([commit](https://github.com/microsoft/fluentui/commit/40469cc9aef788dfd49e97df32d6aed267c2cc26) by beachball)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/6e6f95bef032550f051ca8b80e4674e69f9edaa8) by email not defined)
+- (fix): Update react-icons dependency to latest version ([PR #20943](https://github.com/microsoft/fluentui/pull/20943) by ololubek@microsoft.com)
+- update styles to not use CSS shorthands ([PR #20802](https://github.com/microsoft/fluentui/pull/20802) by olfedias@microsoft.com)
+- fix: use updated tokens for ghost and outline variants ([PR #20893](https://github.com/microsoft/fluentui/pull/20893) by lingfangao@hotmail.com)
+- fix: Add uniform padding and modify gaps ([PR #20974](https://github.com/microsoft/fluentui/pull/20974) by lingfangao@hotmail.com)
+- Bump @fluentui/react-make-styles to v0.0.0-nightly07d9ed6d1b20211221.1 ([commit](https://github.com/microsoft/fluentui/commit/6e6f95bef032550f051ca8b80e4674e69f9edaa8) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly07d9ed6d1b20211221.1 ([commit](https://github.com/microsoft/fluentui/commit/6e6f95bef032550f051ca8b80e4674e69f9edaa8) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly07d9ed6d1b20211221.1 ([commit](https://github.com/microsoft/fluentui/commit/6e6f95bef032550f051ca8b80e4674e69f9edaa8) by beachball)
+- Bump @fluentui/babel-make-styles to v0.0.0-nightly07d9ed6d1b20211221.1 ([commit](https://github.com/microsoft/fluentui/commit/6e6f95bef032550f051ca8b80e4674e69f9edaa8) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly07d9ed6d1b20211221.1 ([commit](https://github.com/microsoft/fluentui/commit/6e6f95bef032550f051ca8b80e4674e69f9edaa8) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly07d9ed6d1b20211221.1 ([commit](https://github.com/microsoft/fluentui/commit/6e6f95bef032550f051ca8b80e4674e69f9edaa8) by beachball)
+
+## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-beta.4)
+
+Thu, 25 Nov 2021 08:34:11 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.3..@fluentui/react-badge_v9.0.0-beta.4)
+
+### Changes
+
+- various styling fixes for base Badge component ([PR #20693](https://github.com/microsoft/fluentui/pull/20693) by lingfangao@hotmail.com)
+- Reduce colour set and align with base badge colours ([PR #20596](https://github.com/microsoft/fluentui/pull/20596) by lingfangao@hotmail.com)
+- update react-icons dependency ([PR #20563](https://github.com/microsoft/fluentui/pull/20563) by ololubek@microsoft.com)
+- Remove props and return correct presence icons ([PR #20630](https://github.com/microsoft/fluentui/pull/20630) by lingfangao@hotmail.com)
+- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+
+## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-beta.3)
+
+Fri, 12 Nov 2021 13:25:15 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.2..@fluentui/react-badge_v9.0.0-beta.3)
+
+### Changes
+
+- export static classes for components ([PR #20453](https://github.com/microsoft/fluentui/pull/20453) by olfedias@microsoft.com)
+- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
+- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
 
 ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-beta.2)
 

package/dist/react-badge.d.ts

@@ -9,6 +9,8 @@ import * as React_2 from 'react';
  */
 export declare const Badge: ForwardRefComponent<BadgeProps>;
 
+export declare const badgeClassName = "fui-Badge";
+
 export declare type BadgeCommons = {
     /**
      * A Badge can be filled, outline, ghost, inverted
@@ -40,7 +42,7 @@ export declare type BadgeCommons = {
 export declare type BadgeProps = ComponentProps<Partial<BadgeSlots>> & Partial<BadgeCommons>;
 
 export declare type BadgeSlots = {
-    root: ObjectShorthandProps<React_2.HTMLAttributes<HTMLElement>>;
+    root: ObjectShorthandProps<Omit<React_2.HTMLAttributes<HTMLElement>, 'color'>>;
     icon?: ObjectShorthandProps<React_2.HTMLAttributes<HTMLElement>>;
 };
 
@@ -51,6 +53,8 @@ export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;
  */
 export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;
 
+export declare const counterBadgeClassName = "fui-CounterBadge";
+
 export declare type CounterBadgeCommons = {
     /**
      * Max number to be displayed
@@ -82,24 +86,31 @@ export declare type CounterBadgeCommons = {
      * @default filled
      */
     appearance: 'filled' | 'ghost';
+    /**
+     * Semantic colors for a counter badge
+     * @default brand
+     */
+    color: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;
 };
 
 /**
  * {@docCategory CounterBadge}
  */
-export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape'> & Partial<CounterBadgeCommons>;
+export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape' | 'color'> & Partial<CounterBadgeCommons>;
 
 /**
  * {@docCategory CounterBadge}
  */
-export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape'> & CounterBadgeCommons;
+export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape' | 'color'> & CounterBadgeCommons;
 
 /**
  * Define a styled Badge, using the `useBadge` hook.
  */
 export declare const PresenceBadge: ForwardRefComponent<PresenceBadgeProps>;
 
-export declare interface PresenceBadgeCommons {
+export declare const presenceBadgeClassName = "fui-PresenceBadge";
+
+export declare type PresenceBadgeCommons = {
     /**
      * Represents several status
      * @default available
@@ -111,11 +122,11 @@ export declare interface PresenceBadgeCommons {
      * @default false
      */
     outOfOffice: boolean;
-}
+} & BadgeCommons;
 
-export declare type PresenceBadgeProps = BadgeProps & Partial<PresenceBadgeCommons>;
+export declare type PresenceBadgeProps = ComponentProps<Partial<Pick<BadgeSlots, 'root'>>> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
 
-export declare type PresenceBadgeState = BadgeState & PresenceBadgeCommons;
+export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;
 
 export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
 

package/lib/components/Badge/Badge.js

@@ -6,8 +6,8 @@ import { renderBadge } from './renderBadge';
  * Define a styled Badge, using the `useBadge` hook.
  */
 
-export var Badge = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useBadge(props, ref);
+export const Badge = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useBadge(props, ref);
   useBadgeStyles(state);
   return renderBadge(state);
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,YAAzB;AACA,SAAS,cAAT,QAA+B,kBAA/B;AACA,SAAS,WAAT,QAA4B,eAA5B;AAIA;;AAEG;;AACH,OAAO,IAAM,KAAK,gBAAoC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAChF,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAD,EAAQ,GAAR,CAAtB;AACA,EAAA,cAAc,CAAC,KAAD,CAAd;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALqD,CAA/C;AAOP,KAAK,CAAC,WAAN,GAAoB,OAApB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,YAAzB;AACA,SAAS,cAAT,QAA+B,kBAA/B;AACA,SAAS,WAAT,QAA4B,eAA5B;AAIA;;AAEG;;AACH,OAAO,MAAM,KAAK,gBAAoC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,QAAQ,CAAC,KAAD,EAAQ,GAAR,CAAtB;AACA,EAAA,cAAc,CAAC,KAAD,CAAd;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALqD,CAA/C;AAOP,KAAK,CAAC,WAAN,GAAoB,OAApB","sourceRoot":""}

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { ComponentProps, ComponentState, ObjectShorthandProps } from '@fluentui/react-utilities';
 export declare type BadgeSlots = {
-    root: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
+    root: ObjectShorthandProps<Omit<React.HTMLAttributes<HTMLElement>, 'color'>>;
     icon?: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
 };
 export declare type BadgeCommons = {

package/lib/components/Badge/renderBadge.js

@@ -1,11 +1,13 @@
-import { __assign } from "tslib";
 import * as React from 'react';
 import { getSlots } from '@fluentui/react-utilities';
-export var renderBadge = function (state) {
-  var _a = getSlots(state, ['icon', 'root']),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), state.iconPosition === 'before' && /*#__PURE__*/React.createElement(slots.icon, __assign({}, slotProps.icon)), state.root.children, state.iconPosition === 'after' && /*#__PURE__*/React.createElement(slots.icon, __assign({}, slotProps.icon)));
+export const renderBadge = state => {
+  const {
+    slots,
+    slotProps
+  } = getSlots(state, ['icon', 'root']);
+  return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
+  }, state.iconPosition === 'before' && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
+  }), state.root.children, state.iconPosition === 'after' && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
+  }));
 };
 //# sourceMappingURL=renderBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Badge/renderBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA,OAAO,IAAM,WAAW,GAAG,UAAC,KAAD,EAAkB;AACrC,MAAA,EAAA,GAAuB,QAAQ,CAAa,KAAb,EAAoB,CAAC,MAAD,EAAS,MAAT,CAApB,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,KAAK,CAAC,YAAN,KAAuB,QAAvB,iBAAmC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CADtC,EAEG,KAAK,CAAC,IAAN,CAAW,QAFd,EAGG,KAAK,CAAC,YAAN,KAAuB,OAAvB,iBAAkC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAHrC,CADF;AAOD,CAVM","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Badge/renderBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA,OAAO,MAAM,WAAW,GAAI,KAAD,IAAsB;AAC/C,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAa,KAAb,EAAoB,CAAC,MAAD,EAAS,MAAT,CAApB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,YAAN,KAAuB,QAAvB,iBAAmC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CADtC,EAEG,KAAK,CAAC,IAAN,CAAW,QAFd,EAGG,KAAK,CAAC,YAAN,KAAuB,OAAvB,iBAAkC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAHrC,CADF;AAOD,CAVM","sourceRoot":""}

package/lib/components/Badge/useBadge.js

@@ -1,34 +1,31 @@
-import { __assign } from "tslib";
 import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';
 /**
  * Returns the props and state required to render the component
  */
 
-export var useBadge = function (props, ref) {
-  var _a = props.shape,
-      shape = _a === void 0 ? 'circular' : _a,
-      _b = props.size,
-      size = _b === void 0 ? 'medium' : _b,
-      _c = props.iconPosition,
-      iconPosition = _c === void 0 ? 'before' : _c,
-      _d = props.appearance,
-      appearance = _d === void 0 ? 'filled' : _d,
-      _e = props.color,
-      color = _e === void 0 ? 'brand' : _e;
-  var state = {
-    shape: shape,
-    size: size,
-    iconPosition: iconPosition,
-    appearance: appearance,
-    color: color,
+export const useBadge = (props, ref) => {
+  const {
+    shape = 'circular',
+    size = 'medium',
+    iconPosition = 'before',
+    appearance = 'filled',
+    color = 'brand'
+  } = props;
+  const state = {
+    shape,
+    size,
+    iconPosition,
+    appearance,
+    color,
     components: {
       root: 'div',
       icon: 'span'
     },
-    root: getNativeElementProps('div', __assign({
-      ref: ref,
-      'aria-hidden': true
-    }, props)),
+    root: getNativeElementProps('div', {
+      ref,
+      'aria-hidden': true,
+      ...props
+    }),
     icon: resolveShorthand(props.icon)
   };
   return state;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Badge/useBadge.ts"],"names":[],"mappings":";AACA,SAAS,qBAAT,EAAgC,gBAAhC,QAAwD,2BAAxD;AAGA;;AAEG;;AACH,OAAO,IAAM,QAAQ,GAAG,UAAC,KAAD,EAAoB,GAApB,EAA+C;AAEnE,MAAA,EAAA,GAKE,KAAK,CALW,KAAlB;AAAA,MAAA,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,UAAH,GAAa,EAAlB;AAAA,MACA,EAAA,GAIE,KAAK,CAJQ,IADf;AAAA,MACA,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EADf;AAAA,MAEA,EAAA,GAGE,KAAK,CAHgB,YAFvB;AAAA,MAEA,YAAY,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EAFvB;AAAA,MAGA,EAAA,GAEE,KAAK,CAFc,UAHrB;AAAA,MAGA,UAAU,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EAHrB;AAAA,MAIA,EAAA,GACE,KAAK,CADQ,KAJf;AAAA,MAIA,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,OAAH,GAAU,EAJf;AAOF,MAAM,KAAK,GAAe;AACxB,IAAA,KAAK,EAAA,KADmB;AAExB,IAAA,IAAI,EAAA,IAFoB;AAGxB,IAAA,YAAY,EAAA,YAHY;AAIxB,IAAA,UAAU,EAAA,UAJc;AAKxB,IAAA,KAAK,EAAA,KALmB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,IAAI,EAAE;AAFI,KANY;AAUxB,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA,GAD4B;AAE/B,qBAAe;AAFgB,KAAA,EAG5B,KAH4B,CAAN,CAVH;AAexB,IAAA,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,IAAP;AAfE,GAA1B;AAkBA,SAAO,KAAP;AACD,CA5BM","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Badge/useBadge.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,gBAAhC,QAAwD,2BAAxD;AAGA;;AAEG;;AACH,OAAO,MAAM,QAAQ,GAAG,CAAC,KAAD,EAAoB,GAApB,KAA+D;AACrF,QAAM;AACJ,IAAA,KAAK,GAAG,UADJ;AAEJ,IAAA,IAAI,GAAG,QAFH;AAGJ,IAAA,YAAY,GAAG,QAHX;AAIJ,IAAA,UAAU,GAAG,QAJT;AAKJ,IAAA,KAAK,GAAG;AALJ,MAMF,KANJ;AAQA,QAAM,KAAK,GAAe;AACxB,IAAA,KADwB;AAExB,IAAA,IAFwB;AAGxB,IAAA,YAHwB;AAIxB,IAAA,UAJwB;AAKxB,IAAA,KALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,KADI;AAEV,MAAA,IAAI,EAAE;AAFI,KANY;AAUxB,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,qBAAe,IAFkB;AAGjC,SAAG;AAH8B,KAAR,CAVH;AAexB,IAAA,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,IAAP;AAfE,GAA1B;AAkBA,SAAO,KAAP;AACD,CA5BM","sourceRoot":""}

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

@@ -1,4 +1,5 @@
 import type { BadgeState } from './Badge.types';
+export declare const badgeClassName = "fui-Badge";
 /**
  * Applies style classnames to slots
  */