npm - @fluentui/react-badge - Versions diffs - 0.0.0-nightlycc44f3625c20211220.1 → 0.0.0-nightlye0b8e1fa6920220128.1 - Mend

@fluentui/react-badge 0.0.0-nightlycc44f3625c20211220.1 → 0.0.0-nightlye0b8e1fa6920220128.1

Files changed (68) hide show

package/CHANGELOG.json CHANGED Viewed

@@ -2,15 +2,15 @@
   "name": "@fluentui/react-badge",
   "entries": [
     {
-      "date": "Mon, 20 Dec 2021 04:17:48 GMT",
-      "tag": "@fluentui/react-badge_v0.0.0-nightlycc44f3625c20211220.1",
-      "version": "0.0.0-nightlycc44f3625c20211220.1",
+      "date": "Fri, 28 Jan 2022 04:13:24 GMT",
+      "tag": "@fluentui/react-badge_v0.0.0-nightlye0b8e1fa6920220128.1",
+      "version": "0.0.0-nightlye0b8e1fa6920220128.1",
       "comments": {
         "prerelease": [
           {
             "author": "email not defined",
             "package": "@fluentui/react-badge",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5",
+            "commit": "90d10ec8c2d159575962c4d3d913317633b44a7a",
             "comment": "Release nightly v9"
           },
           {
@@ -19,6 +19,18 @@
             "commit": "7cb2a5d8db1b6a1ddb638aa82d5815ab5ae84e69",
             "comment": "(fix): Update react-icons dependency to latest version"
           },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "3bc0517363984081469903ee137a06543f825f1c",
+            "comment": "Add fontSize styling to icon slot, to automatically size user-provided icons"
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
+            "comment": "Updating based on changes to composition types."
+          },
           {
             "author": "olfedias@microsoft.com",
             "package": "@fluentui/react-badge",
@@ -31,6 +43,48 @@
             "commit": "4e5e955acede0fc79334ef90a563de4bd35ee231",
             "comment": "fix: use updated tokens for ghost and outline variants"
           },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "00a5d945904c896a0664de6ba72c145a255f0848",
+            "comment": "Updating use of tokens.fontWeight now that we don't need to use casting."
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "63cbefe55e5db10eedbde19392aa8b6376d6a7f7",
+            "comment": "Update react-icons usage to resizable icons"
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
+            "comment": "Remove component's shorthandProps array"
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "0bc161458eae5ae8d387172430496ce9829b1bb1",
+            "comment": "Using ComponentSlotProps instead of ObjectShorthandProps."
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "8c75114e82b205810c9ac3692af71f6f7748225c",
+            "comment": "use Griffel packages"
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "2c54271f07c30f65718e085084c2e5b213268dfd",
+            "comment": "react-badge: Replacing use of functions in makeStyles with direct use of tokens."
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
+            "comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
+          },
           {
             "author": "lingfangao@hotmail.com",
             "package": "@fluentui/react-badge",
@@ -40,38 +94,46 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightlye0b8e1fa6920220128.1",
+            "commit": "90d10ec8c2d159575962c4d3d913317633b44a7a"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlye0b8e1fa6920220128.1",
+            "commit": "90d10ec8c2d159575962c4d3d913317633b44a7a"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlye0b8e1fa6920220128.1",
+            "commit": "90d10ec8c2d159575962c4d3d913317633b44a7a"
+          }
+        ],
+        "none": [
+          {
+            "author": "elcraig@microsoft.com",
+            "package": "@fluentui/react-badge",
+            "commit": "d892c7f79c543b6008634ecd669b75b5108cad46",
+            "comment": "Remove outdated boilerplate comments"
           },
           {
-            "author": "beachball",
+            "author": "martinhochel@microsoft.com",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
+            "comment": "chore: use storybook runner for all vNext packages"
           },
           {
-            "author": "beachball",
+            "author": "olfedias@microsoft.com",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
+            "comment": "remove inline-style-expand-shorthand from tsconfigs"
           },
           {
-            "author": "beachball",
+            "author": "tkrasniqi@microsoft.com",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlycc44f3625c20211220.1",
-            "commit": "0839b0d96424e04706bd895d731d371acd3baaf5"
+            "commit": "87e12a2e3a9d90b4ff95d3ed333739756d190f6c",
+            "comment": "Updated best practices for long text"
           }
         ]
       }

package/CHANGELOG.md CHANGED Viewed

@@ -1,27 +1,33 @@
 # Change Log - @fluentui/react-badge
-This log was last generated on Mon, 20 Dec 2021 04:17:48 GMT and should not be manually modified.
+This log was last generated on Fri, 28 Jan 2022 04:13:24 GMT and should not be manually modified.
 <!-- Start content -->
-## [0.0.0-nightlycc44f3625c20211220.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightlycc44f3625c20211220.1)
+## [0.0.0-nightlye0b8e1fa6920220128.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightlye0b8e1fa6920220128.1)
-Mon, 20 Dec 2021 04:17:48 GMT
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.4..@fluentui/react-badge_v0.0.0-nightlycc44f3625c20211220.1)
+Fri, 28 Jan 2022 04:13:24 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-beta.4..@fluentui/react-badge_v0.0.0-nightlye0b8e1fa6920220128.1)
 ### Changes
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/90d10ec8c2d159575962c4d3d913317633b44a7a) 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)
+- Add fontSize styling to icon slot, to automatically size user-provided icons ([PR #21219](https://github.com/microsoft/fluentui/pull/21219) by behowell@microsoft.com)
+- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@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)
+- Updating use of tokens.fontWeight now that we don't need to use casting. ([PR #21217](https://github.com/microsoft/fluentui/pull/21217) by Humberto.Morimoto@microsoft.com)
+- Update react-icons usage to resizable icons ([PR #21074](https://github.com/microsoft/fluentui/pull/21074) by ololubek@microsoft.com)
+- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
+- Using ComponentSlotProps instead of ObjectShorthandProps. ([PR #20890](https://github.com/microsoft/fluentui/pull/20890) by Humberto.Morimoto@microsoft.com)
+- use Griffel packages ([PR #21437](https://github.com/microsoft/fluentui/pull/21437) by olfedias@microsoft.com)
+- react-badge: Replacing use of functions in makeStyles with direct use of tokens. ([PR #21038](https://github.com/microsoft/fluentui/pull/21038) by Humberto.Morimoto@microsoft.com)
+- BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.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-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
-- Bump @fluentui/babel-make-styles to v0.0.0-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
-- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
-- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlycc44f3625c20211220.1 ([commit](https://github.com/microsoft/fluentui/commit/0839b0d96424e04706bd895d731d371acd3baaf5) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightlye0b8e1fa6920220128.1 ([commit](https://github.com/microsoft/fluentui/commit/90d10ec8c2d159575962c4d3d913317633b44a7a) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightlye0b8e1fa6920220128.1 ([commit](https://github.com/microsoft/fluentui/commit/90d10ec8c2d159575962c4d3d913317633b44a7a) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightlye0b8e1fa6920220128.1 ([commit](https://github.com/microsoft/fluentui/commit/90d10ec8c2d159575962c4d3d913317633b44a7a) by beachball)
 ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-beta.4)

package/dist/react-badge.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
-import type { ObjectShorthandProps } from '@fluentui/react-utilities';
+import type { IntrinsicSlotProps } from '@fluentui/react-utilities';
 import * as React_2 from 'react';
 /**
- * Define a styled Badge, using the `useBadge` hook.
+ * Define a styled Badge, using the `useBadge_unstable` hook.
  */
 export declare const Badge: ForwardRefComponent<BadgeProps>;
@@ -42,14 +42,14 @@ export declare type BadgeCommons = {
 export declare type BadgeProps = ComponentProps<Partial<BadgeSlots>> & Partial<BadgeCommons>;
 export declare type BadgeSlots = {
-    root: ObjectShorthandProps<Omit<React_2.HTMLAttributes<HTMLElement>, 'color'>>;
-    icon?: ObjectShorthandProps<React_2.HTMLAttributes<HTMLElement>>;
+    root: Omit<IntrinsicSlotProps<'div'>, 'color'>;
+    icon?: IntrinsicSlotProps<'span'>;
 };
 export declare type BadgeState = ComponentState<BadgeSlots> & BadgeCommons;
 /**
- * Define a styled CounterBadge, using the `useCounterBadge` hook.
+ * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
  */
 export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;
@@ -93,18 +93,12 @@ export declare type CounterBadgeCommons = {
     color: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;
 };
-/**
- * {@docCategory CounterBadge}
- */
 export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape' | 'color'> & Partial<CounterBadgeCommons>;
-/**
- * {@docCategory CounterBadge}
- */
 export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape' | 'color'> & CounterBadgeCommons;
 /**
- * Define a styled Badge, using the `useBadge` hook.
+ * Define a styled Badge, using the `useBadge_unstable` hook.
  */
 export declare const PresenceBadge: ForwardRefComponent<PresenceBadgeProps>;
@@ -130,36 +124,36 @@ export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<B
 export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
-export declare const renderBadge: (state: BadgeState) => JSX.Element;
+export declare const renderBadge_unstable: (state: BadgeState) => JSX.Element;
 /**
  * Returns the props and state required to render the component
  */
-export declare const useBadge: (props: BadgeProps, ref: React_2.Ref<HTMLElement>) => BadgeState;
+export declare const useBadge_unstable: (props: BadgeProps, ref: React_2.Ref<HTMLElement>) => BadgeState;
 /**
  * Applies style classnames to slots
  */
-export declare const useBadgeStyles: (state: BadgeState) => BadgeState;
+export declare const useBadgeStyles_unstable: (state: BadgeState) => BadgeState;
 /**
  * Returns the props and state required to render the component
  */
-export declare const useCounterBadge: (props: CounterBadgeProps, ref: React_2.Ref<HTMLElement>) => CounterBadgeState;
+export declare const useCounterBadge_unstable: (props: CounterBadgeProps, ref: React_2.Ref<HTMLElement>) => CounterBadgeState;
 /**
  * Applies style classnames to slots
  */
-export declare const useCounterBadgeStyles: (state: CounterBadgeState) => CounterBadgeState;
+export declare const useCounterBadgeStyles_unstable: (state: CounterBadgeState) => CounterBadgeState;
 /**
  * Returns the props and state required to render the component
  */
-export declare const usePresenceBadge: (props: PresenceBadgeProps, ref: React_2.Ref<HTMLElement>) => PresenceBadgeState;
+export declare const usePresenceBadge_unstable: (props: PresenceBadgeProps, ref: React_2.Ref<HTMLElement>) => PresenceBadgeState;
 /**
  * Applies style classnames to slots
  */
-export declare const usePresenceBadgeStyles: (state: PresenceBadgeState) => PresenceBadgeState;
+export declare const usePresenceBadgeStyles_unstable: (state: PresenceBadgeState) => PresenceBadgeState;
 export { }

package/lib/components/Badge/Badge.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { BadgeProps } from './Badge.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 /**
- * Define a styled Badge, using the `useBadge` hook.
+ * Define a styled Badge, using the `useBadge_unstable` hook.
  */
 export declare const Badge: ForwardRefComponent<BadgeProps>;

package/lib/components/Badge/Badge.js CHANGED Viewed

@@ -1,15 +1,15 @@
 import * as React from 'react';
-import { useBadge } from './useBadge';
-import { useBadgeStyles } from './useBadgeStyles';
-import { renderBadge } from './renderBadge';
+import { useBadge_unstable } from './useBadge';
+import { useBadgeStyles_unstable } from './useBadgeStyles';
+import { renderBadge_unstable } from './renderBadge';
 /**
- * Define a styled Badge, using the `useBadge` hook.
+ * Define a styled Badge, using the `useBadge_unstable` hook.
  */
 export const Badge = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useBadge(props, ref);
-  useBadgeStyles(state);
-  return renderBadge(state);
+  const state = useBadge_unstable(props, ref);
+  useBadgeStyles_unstable(state);
+  return renderBadge_unstable(state);
 });
 Badge.displayName = 'Badge';
 //# sourceMappingURL=Badge.js.map

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

	@@ -1 +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,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":""}
1	+ {"version":3,"sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,iBAAT,QAAkC,YAAlC;AACA,SAAS,uBAAT,QAAwC,kBAAxC;AACA,SAAS,oBAAT,QAAqC,eAArC;AAIA;;AAEG;;AACH,OAAO,MAAM,KAAK,gBAAoC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,CAA/B;AACA,EAAA,uBAAuB,CAAC,KAAD,CAAvB;AAEA,SAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CALqD,CAA/C;AAOP,KAAK,CAAC,WAAN,GAAoB,OAApB","sourceRoot":""}

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

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

package/lib/components/Badge/renderBadge.d.ts CHANGED Viewed

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

package/lib/components/Badge/renderBadge.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { getSlots } from '@fluentui/react-utilities';
-export const renderBadge = state => {
+export const renderBadge_unstable = state => {
   const {
     slots,
     slotProps
-  } = getSlots(state, ['icon', 'root']);
+  } = getSlots(state);
   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

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

	@@ -1 +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,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":""}
1	+ {"version":3,"sources":["../../../src/components/Badge/renderBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA,OAAO,MAAM,oBAAoB,GAAI,KAAD,IAAsB;AACxD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAa,KAAb,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.d.ts CHANGED Viewed

@@ -3,4 +3,4 @@ import type { BadgeProps, BadgeState } from './Badge.types';
 /**
  * Returns the props and state required to render the component
  */
-export declare const useBadge: (props: BadgeProps, ref: React.Ref<HTMLElement>) => BadgeState;
+export declare const useBadge_unstable: (props: BadgeProps, ref: React.Ref<HTMLElement>) => BadgeState;

package/lib/components/Badge/useBadge.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utiliti
  * Returns the props and state required to render the component
  */
-export const useBadge = (props, ref) => {
+export const useBadge_unstable = (props, ref) => {
   const {
     shape = 'circular',
     size = 'medium',

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

	@@ -1 +1 @@
1	- {"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":""}
1	+ {"version":3,"sources":["../../../src/components/Badge/useBadge.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,EAAgC,gBAAhC,QAAwD,2BAAxD;AAGA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAAoB,GAApB,KAA+D;AAC9F,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 CHANGED Viewed

@@ -3,4 +3,4 @@ export declare const badgeClassName = "fui-Badge";
 /**
  * Applies style classnames to slots
  */
-export declare const useBadgeStyles: (state: BadgeState) => BadgeState;
+export declare const useBadgeStyles_unstable: (state: BadgeState) => BadgeState;

package/lib/components/Badge/useBadgeStyles.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { shorthands, mergeClasses, __styles } from '@fluentui/react-make-styles';
+import { shorthands, mergeClasses, __styles } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
 export const badgeClassName = 'fui-Badge';
 const useStyles = /*#__PURE__*/__styles({
@@ -312,16 +313,34 @@ const useStyles = /*#__PURE__*/__styles({
     "Bmliigx": "fxe27oy",
     "Bt984gj": "f122n59",
     "Bqenvij": "f1l02sjl"
+  },
+  "iconTiny": {
+    "Be2twd7": "f1tccstq"
+  },
+  "iconExtraSmall": {
+    "Be2twd7": "fnmn6fi"
+  },
+  "iconSmall": {
+    "Be2twd7": "f1ugzwwg"
+  },
+  "iconMedium": {
+    "Be2twd7": "f1ugzwwg"
+  },
+  "iconLarge": {
+    "Be2twd7": "f4ybsrx"
+  },
+  "iconExtraLarge": {
+    "Be2twd7": "fe5j1ua"
   }
 }, {
-  "d": [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1ewtqcl{box-sizing:border-box;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1vp46cd{border-top-color:var(--colorBrandBackground);}", ".f1lxz1cr{border-right-color:var(--colorBrandBackground);}", ".ff8nh0i{border-left-color:var(--colorBrandBackground);}", ".fe9j8it{border-bottom-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f10pi13n{position:relative;}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f130uwy9{font-size:4px;}", ".fpd43o0{width:10px;}", ".f30q22z{height:10px;}", ".f1tccstq{font-size:6px;}", ".fq2vo04{min-width:16px;}", ".fd461yt{height:16px;}", ".fq1loh5{padding-top:2px;}", ".f12huiiw{padding-right:2px;}", ".f161knb0{padding-left:2px;}", ".futqtb8{padding-bottom:2px;}", ".f1q8lukm{-webkit-column-gap:4px;column-gap:4px;}", ".f1ma2n7n{row-gap:4px;}", ".f1n0apg3{font-size:8px;}", ".fjamq6b{height:20px;}", ".f11u7vat{min-width:20px;}", ".f10ra9hq{padding-top:4px;}", ".f8wuabp{padding-right:4px;}", ".fycuoez{padding-left:4px;}", ".f1y2xyjm{padding-bottom:4px;}", ".fnmn6fi{font-size:10px;}", ".f17fgpbq{min-width:24px;}", ".frvgh55{height:24px;}", ".f1ugzwwg{font-size:12px;}", ".fwbmr0d{min-width:32px;}", ".f1d2rq10{height:32px;}", ".f1xp5gbu{padding-top:6px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f1d7kygh{padding-bottom:6px;}", ".fgfbwa2{-webkit-column-gap:6px;column-gap:6px;}", ".f1y3hx6l{row-gap:6px;}", ".f18zi460{border-top-width:var(--strokeWidthThick);}", ".f1wpluaz{border-right-width:var(--strokeWidthThick);}", ".fsfsuhs{border-left-width:var(--strokeWidthThick);}", ".fmklw6v{border-bottom-width:var(--strokeWidthThick);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}", ".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}", ".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}", ".fxyqdnz{border-bottom-right-radius:99px;}", ".fib3qew{border-bottom-left-radius:99px;}", ".f14p2bvz{border-top-right-radius:99px;}", ".fdqj3q4{border-top-left-radius:99px;}", ".f3rmtva{background-color:transparent;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f1817uup{color:var(--colorBrandBackground);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", ".faj9fo0{color:var(--colorBrandForeground2);}", ".f161y7kd{border-top-color:var(--colorBrandStroke2);}", ".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}", ".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}", ".f1619yhw{border-bottom-color:var(--colorBrandStroke2);}", ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}", ".f11ttmz8{border-top-color:var(--colorPaletteRedBackground3);}", ".f1ratw88{border-right-color:var(--colorPaletteRedBackground3);}", ".f459ikj{border-left-color:var(--colorPaletteRedBackground3);}", ".fvovscg{border-bottom-color:var(--colorPaletteRedBackground3);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".f1tg094z{border-top-color:var(--colorPaletteRedForeground3);}", ".f19abfc5{border-right-color:var(--colorPaletteRedForeground3);}", ".f1cj97ds{border-left-color:var(--colorPaletteRedForeground3);}", ".f1i5u4jy{border-bottom-color:var(--colorPaletteRedForeground3);}", ".ff0poqj{background-color:var(--colorPaletteRedBackground1);}", ".f1hcrxcs{color:var(--colorPaletteRedForeground1);}", ".f1oqjm8o{border-top-color:var(--colorPaletteRedBorder1);}", ".fkgrb8g{border-right-color:var(--colorPaletteRedBorder1);}", ".frb5wm0{border-left-color:var(--colorPaletteRedBorder1);}", ".f1iai1ph{border-bottom-color:var(--colorPaletteRedBorder1);}", ".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}", ".f1wahxdx{border-top-color:var(--colorPaletteDarkOrangeForeground3);}", ".fpbzgcg{border-right-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1g7u8zt{border-left-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1wrnc4t{border-bottom-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1xzsg4{background-color:var(--colorPaletteDarkOrangeBackground1);}", ".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}", ".f18s257e{border-top-color:var(--colorPaletteDarkOrangeForeground2);}", ".f13ptu4t{border-right-color:var(--colorPaletteDarkOrangeForeground2);}", ".fiwx4jo{border-left-color:var(--colorPaletteDarkOrangeForeground2);}", ".f1geyuz0{border-bottom-color:var(--colorPaletteDarkOrangeForeground2);}", ".ffq97bm{background-color:var(--colorPaletteYellowBackground3);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1gyeiz5{border-top-color:var(--colorPaletteYellowBackground3);}", ".f1jnj1iq{border-right-color:var(--colorPaletteYellowBackground3);}", ".fd1epeu{border-left-color:var(--colorPaletteYellowBackground3);}", ".f102bkgo{border-bottom-color:var(--colorPaletteYellowBackground3);}", ".fpti2h4{color:var(--colorPaletteYellowForeground2);}", ".fbahunb{border-top-color:var(--colorPaletteYellowForeground2);}", ".fa2hcp6{border-right-color:var(--colorPaletteYellowForeground2);}", ".f1cr20yc{border-left-color:var(--colorPaletteYellowForeground2);}", ".f1fbl5g1{border-bottom-color:var(--colorPaletteYellowForeground2);}", ".f10s6hli{background-color:var(--colorPaletteYellowBackground1);}", ".f1e2bpek{border-top-color:var(--colorPaletteYellowBackground2);}", ".fnu3uvp{border-right-color:var(--colorPaletteYellowBackground2);}", ".fdpwmi9{border-left-color:var(--colorPaletteYellowBackground2);}", ".fk8fs0c{border-bottom-color:var(--colorPaletteYellowBackground2);}", ".flxk52p{background-color:var(--colorPaletteGreenBackground3);}", ".f1sms7z7{color:var(--colorPaletteGreenForeground2);}", ".f7obisw{border-top-color:var(--colorPaletteGreenForeground2);}", ".f108f34s{border-right-color:var(--colorPaletteGreenForeground2);}", ".f1chpoyh{border-left-color:var(--colorPaletteGreenForeground2);}", ".f1xtovf2{border-bottom-color:var(--colorPaletteGreenForeground2);}", ".f2vsrz6{background-color:var(--colorPaletteGreenBackground1);}", ".ffmvakt{color:var(--colorPaletteGreenForeground1);}", ".f3m3qtd{border-top-color:var(--colorPaletteGreenBackground2);}", ".f1bjyn17{border-right-color:var(--colorPaletteGreenBackground2);}", ".fksln3n{border-left-color:var(--colorPaletteGreenBackground2);}", ".frg4y0o{border-bottom-color:var(--colorPaletteGreenBackground2);}", ".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}", ".f1c73kur{background-color:var(--colorNeutralForeground1);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fq0vr37{border-top-color:var(--colorNeutralStrokeAccessible);}", ".f1byw159{border-right-color:var(--colorNeutralStrokeAccessible);}", ".f11cr0be{border-left-color:var(--colorNeutralStrokeAccessible);}", ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f945g0u{background-color:var(--colorNeutralForeground3);}", ".f3vzo32{background-color:var(--colorNeutralBackground5);}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".f1ctqxl6{background-color:var(--colorNeutralBackground4);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".fgtodeh{border-top-color:var(--colorNeutralForegroundInverted);}", ".fm9lria{border-right-color:var(--colorNeutralForegroundInverted);}", ".fvwj3xt{border-left-color:var(--colorNeutralForegroundInverted);}", ".f7asi1z{border-bottom-color:var(--colorNeutralForegroundInverted);}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fxe27oy{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;}", ".f1l02sjl{height:100%;}"]
+  "d": [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1ewtqcl{box-sizing:border-box;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1vp46cd{border-top-color:var(--colorBrandBackground);}", ".f1lxz1cr{border-right-color:var(--colorBrandBackground);}", ".ff8nh0i{border-left-color:var(--colorBrandBackground);}", ".fe9j8it{border-bottom-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f10pi13n{position:relative;}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f130uwy9{font-size:4px;}", ".fpd43o0{width:10px;}", ".f30q22z{height:10px;}", ".f1tccstq{font-size:6px;}", ".fq2vo04{min-width:16px;}", ".fd461yt{height:16px;}", ".fq1loh5{padding-top:2px;}", ".f12huiiw{padding-right:2px;}", ".f161knb0{padding-left:2px;}", ".futqtb8{padding-bottom:2px;}", ".f1q8lukm{-webkit-column-gap:4px;column-gap:4px;}", ".f1ma2n7n{row-gap:4px;}", ".f1n0apg3{font-size:8px;}", ".fjamq6b{height:20px;}", ".f11u7vat{min-width:20px;}", ".f10ra9hq{padding-top:4px;}", ".f8wuabp{padding-right:4px;}", ".fycuoez{padding-left:4px;}", ".f1y2xyjm{padding-bottom:4px;}", ".fnmn6fi{font-size:10px;}", ".f17fgpbq{min-width:24px;}", ".frvgh55{height:24px;}", ".f1ugzwwg{font-size:12px;}", ".fwbmr0d{min-width:32px;}", ".f1d2rq10{height:32px;}", ".f1xp5gbu{padding-top:6px;}", ".f1sgzk6v{padding-right:6px;}", ".f1bg5zqg{padding-left:6px;}", ".f1d7kygh{padding-bottom:6px;}", ".fgfbwa2{-webkit-column-gap:6px;column-gap:6px;}", ".f1y3hx6l{row-gap:6px;}", ".f18zi460{border-top-width:var(--strokeWidthThick);}", ".f1wpluaz{border-right-width:var(--strokeWidthThick);}", ".fsfsuhs{border-left-width:var(--strokeWidthThick);}", ".fmklw6v{border-bottom-width:var(--strokeWidthThick);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1g3puop{border-bottom-right-radius:var(--borderRadiusSmall);}", ".fi2rrw2{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f1rstyi9{border-top-right-radius:var(--borderRadiusSmall);}", ".f1s4nn1u{border-top-left-radius:var(--borderRadiusSmall);}", ".fxyqdnz{border-bottom-right-radius:99px;}", ".fib3qew{border-bottom-left-radius:99px;}", ".f14p2bvz{border-top-right-radius:99px;}", ".fdqj3q4{border-top-left-radius:99px;}", ".f3rmtva{background-color:transparent;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f1817uup{color:var(--colorBrandBackground);}", ".f16xkysk{background-color:var(--colorBrandBackground2);}", ".faj9fo0{color:var(--colorBrandForeground2);}", ".f161y7kd{border-top-color:var(--colorBrandStroke2);}", ".f1c8dzaj{border-right-color:var(--colorBrandStroke2);}", ".f1sl6hi9{border-left-color:var(--colorBrandStroke2);}", ".f1619yhw{border-bottom-color:var(--colorBrandStroke2);}", ".fdl5y0r{background-color:var(--colorPaletteRedBackground3);}", ".f11ttmz8{border-top-color:var(--colorPaletteRedBackground3);}", ".f1ratw88{border-right-color:var(--colorPaletteRedBackground3);}", ".f459ikj{border-left-color:var(--colorPaletteRedBackground3);}", ".fvovscg{border-bottom-color:var(--colorPaletteRedBackground3);}", ".f1whyuy6{color:var(--colorPaletteRedForeground3);}", ".f1tg094z{border-top-color:var(--colorPaletteRedForeground3);}", ".f19abfc5{border-right-color:var(--colorPaletteRedForeground3);}", ".f1cj97ds{border-left-color:var(--colorPaletteRedForeground3);}", ".f1i5u4jy{border-bottom-color:var(--colorPaletteRedForeground3);}", ".ff0poqj{background-color:var(--colorPaletteRedBackground1);}", ".f1hcrxcs{color:var(--colorPaletteRedForeground1);}", ".f1oqjm8o{border-top-color:var(--colorPaletteRedBorder1);}", ".fkgrb8g{border-right-color:var(--colorPaletteRedBorder1);}", ".frb5wm0{border-left-color:var(--colorPaletteRedBorder1);}", ".f1iai1ph{border-bottom-color:var(--colorPaletteRedBorder1);}", ".f1s438gw{background-color:var(--colorPaletteDarkOrangeBackground3);}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f1l8vj45{color:var(--colorPaletteDarkOrangeForeground3);}", ".f1wahxdx{border-top-color:var(--colorPaletteDarkOrangeForeground3);}", ".fpbzgcg{border-right-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1g7u8zt{border-left-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1wrnc4t{border-bottom-color:var(--colorPaletteDarkOrangeForeground3);}", ".f1xzsg4{background-color:var(--colorPaletteDarkOrangeBackground1);}", ".f1k5f75o{color:var(--colorPaletteDarkOrangeForeground1);}", ".f18s257e{border-top-color:var(--colorPaletteDarkOrangeForeground2);}", ".f13ptu4t{border-right-color:var(--colorPaletteDarkOrangeForeground2);}", ".fiwx4jo{border-left-color:var(--colorPaletteDarkOrangeForeground2);}", ".f1geyuz0{border-bottom-color:var(--colorPaletteDarkOrangeForeground2);}", ".ffq97bm{background-color:var(--colorPaletteYellowBackground3);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1gyeiz5{border-top-color:var(--colorPaletteYellowBackground3);}", ".f1jnj1iq{border-right-color:var(--colorPaletteYellowBackground3);}", ".fd1epeu{border-left-color:var(--colorPaletteYellowBackground3);}", ".f102bkgo{border-bottom-color:var(--colorPaletteYellowBackground3);}", ".fpti2h4{color:var(--colorPaletteYellowForeground2);}", ".fbahunb{border-top-color:var(--colorPaletteYellowForeground2);}", ".fa2hcp6{border-right-color:var(--colorPaletteYellowForeground2);}", ".f1cr20yc{border-left-color:var(--colorPaletteYellowForeground2);}", ".f1fbl5g1{border-bottom-color:var(--colorPaletteYellowForeground2);}", ".f10s6hli{background-color:var(--colorPaletteYellowBackground1);}", ".f1e2bpek{border-top-color:var(--colorPaletteYellowBackground2);}", ".fnu3uvp{border-right-color:var(--colorPaletteYellowBackground2);}", ".fdpwmi9{border-left-color:var(--colorPaletteYellowBackground2);}", ".fk8fs0c{border-bottom-color:var(--colorPaletteYellowBackground2);}", ".flxk52p{background-color:var(--colorPaletteGreenBackground3);}", ".f1sms7z7{color:var(--colorPaletteGreenForeground2);}", ".f7obisw{border-top-color:var(--colorPaletteGreenForeground2);}", ".f108f34s{border-right-color:var(--colorPaletteGreenForeground2);}", ".f1chpoyh{border-left-color:var(--colorPaletteGreenForeground2);}", ".f1xtovf2{border-bottom-color:var(--colorPaletteGreenForeground2);}", ".f2vsrz6{background-color:var(--colorPaletteGreenBackground1);}", ".ffmvakt{color:var(--colorPaletteGreenForeground1);}", ".f3m3qtd{border-top-color:var(--colorPaletteGreenBackground2);}", ".f1bjyn17{border-right-color:var(--colorPaletteGreenBackground2);}", ".fksln3n{border-left-color:var(--colorPaletteGreenBackground2);}", ".frg4y0o{border-bottom-color:var(--colorPaletteGreenBackground2);}", ".f1m7fhi8{color:var(--colorPaletteGreenForeground3);}", ".f1c73kur{background-color:var(--colorNeutralForeground1);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fq0vr37{border-top-color:var(--colorNeutralStrokeAccessible);}", ".f1byw159{border-right-color:var(--colorNeutralStrokeAccessible);}", ".f11cr0be{border-left-color:var(--colorNeutralStrokeAccessible);}", ".f1c1zstj{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".f945g0u{background-color:var(--colorNeutralForeground3);}", ".f3vzo32{background-color:var(--colorNeutralBackground5);}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".f1ctqxl6{background-color:var(--colorNeutralBackground4);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".fgtodeh{border-top-color:var(--colorNeutralForegroundInverted);}", ".fm9lria{border-right-color:var(--colorNeutralForegroundInverted);}", ".fvwj3xt{border-left-color:var(--colorNeutralForegroundInverted);}", ".f7asi1z{border-bottom-color:var(--colorNeutralForegroundInverted);}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fxe27oy{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;}", ".f1l02sjl{height:100%;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}"]
 });
 /**
  * Applies style classnames to slots
  */
-export const useBadgeStyles = state => {
+export const useBadgeStyles_unstable = state => {
   const styles = useStyles();
   const isGhost = state.appearance === 'ghost';
   const isOutline = state.appearance === 'outline';
@@ -337,7 +356,7 @@ export const useBadgeStyles = state => {
   state.root.className = mergeClasses(badgeClassName, styles.root, state.size === 'tiny' && styles.rootTiny, state.size === 'extra-small' && styles.rootExtraSmall, state.size === 'small' && styles.rootSmall, state.size === 'medium' && styles.rootMedium, state.size === 'large' && styles.rootLarge, state.size === 'extra-large' && styles.rootExtraLarge, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shape === 'rounded' && (state.size === 'small' || state.size === 'extra-small' || state.size === 'tiny') && styles.rootRoundedSmallToTiny, 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.root.className);
   if (state.icon) {
-    state.icon.className = mergeClasses(styles.icon, state.icon.className);
+    state.icon.className = mergeClasses(styles.icon, state.size === 'tiny' && styles.iconTiny, state.size === 'extra-small' && styles.iconExtraSmall, state.size === 'small' && styles.iconSmall, state.size === 'medium' && styles.iconMedium, state.size === 'large' && styles.iconLarge, state.size === 'extra-large' && styles.iconExtraLarge, state.icon.className);
   }
   return state;

package/lib/components/Badge/useBadgeStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,EAAqB,YAArB,kBAAqD,~~6BAArD~~;AAGA,OAAO,MAAM,cAAc,GAAG,WAAvB;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;~~AA6MA~~;;AAEG;;;AACH,OAAO,MAAM,~~cAAc~~,GAAI,KAAD,IAAkC;~~AAC9D~~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~~IAAR~~,~~EAAc~~,KAAK,CAAC,IAAN,CAAW,~~SAAzB~~,CAAnC;~~AACD~~;;AAED,SAAO,KAAP;AACD,~~CAnEM~~","sourceRoot":""}
1	+ {"version":3,"sources":["../../../src/components/Badge/useBadgeStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}

package/lib/components/CounterBadge/CounterBadge.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { CounterBadgeProps } from './CounterBadge.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 /**
- * Define a styled CounterBadge, using the `useCounterBadge` hook.
+ * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
  */
 export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;

package/lib/components/CounterBadge/CounterBadge.js CHANGED Viewed

@@ -1,15 +1,15 @@
 import * as React from 'react';
-import { useCounterBadge } from './useCounterBadge';
-import { useCounterBadgeStyles } from './useCounterBadgeStyles';
-import { renderBadge } from '../Badge/index';
+import { useCounterBadge_unstable } from './useCounterBadge';
+import { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles';
+import { renderBadge_unstable } from '../Badge/index';
 /**
- * Define a styled CounterBadge, using the `useCounterBadge` hook.
+ * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
  */
 export const CounterBadge = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useCounterBadge(props, ref);
-  useCounterBadgeStyles(state);
-  return renderBadge(state);
+  const state = useCounterBadge_unstable(props, ref);
+  useCounterBadgeStyles_unstable(state);
+  return renderBadge_unstable(state);
 });
 CounterBadge.displayName = 'CounterBadge';
 //# sourceMappingURL=CounterBadge.js.map

package/lib/components/CounterBadge/CounterBadge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,~~eAAT~~,~~QAAgC~~,~~mBAAhC~~;AACA,SAAS,~~qBAAT~~,~~QAAsC~~,~~yBAAtC~~;AACA,SAAS,~~WAAT~~,~~QAA4B~~,~~gBAA5B~~;AAIA;;AAEG;;AACH,OAAO,MAAM,YAAY,gBAA2C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClG,QAAM,KAAK,GAAG,~~eAAe~~,CAAC,KAAD,EAAQ,GAAR,~~CAA7B~~;AACA,EAAA,~~qBAAqB~~,CAAC,KAAD,~~CAArB~~;AAEA,SAAO,~~WAAW~~,CAAC,KAAD,~~CAAlB~~;AACD,CALmE,CAA7D;AAOP,YAAY,CAAC,WAAb,GAA2B,cAA3B","sourceRoot":""}
1	+ {"version":3,"sources":["../../../src/components/CounterBadge/CounterBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,wBAAT,QAAyC,mBAAzC;AACA,SAAS,8BAAT,QAA+C,yBAA/C;AACA,SAAS,oBAAT,QAAqC,gBAArC;AAIA;;AAEG;;AACH,OAAO,MAAM,YAAY,gBAA2C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClG,QAAM,KAAK,GAAG,wBAAwB,CAAC,KAAD,EAAQ,GAAR,CAAtC;AACA,EAAA,8BAA8B,CAAC,KAAD,CAA9B;AAEA,SAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CALmE,CAA7D;AAOP,YAAY,CAAC,WAAb,GAA2B,cAA3B","sourceRoot":""}

package/lib/components/CounterBadge/CounterBadge.types.d.ts CHANGED Viewed

@@ -36,11 +36,5 @@ export declare type CounterBadgeCommons = {
      */
     color: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;
 };
-/**
- * {@docCategory CounterBadge}
- */
 export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'shape' | 'color'> & Partial<CounterBadgeCommons>;
-/**
- * {@docCategory CounterBadge}
- */
 export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'shape' | 'color'> & CounterBadgeCommons;

package/lib/components/CounterBadge/useCounterBadge.d.ts CHANGED Viewed

@@ -3,4 +3,4 @@ import type { CounterBadgeProps, CounterBadgeState } from './CounterBadge.types'
 /**
  * Returns the props and state required to render the component
  */
-export declare const useCounterBadge: (props: CounterBadgeProps, ref: React.Ref<HTMLElement>) => CounterBadgeState;
+export declare const useCounterBadge_unstable: (props: CounterBadgeProps, ref: React.Ref<HTMLElement>) => CounterBadgeState;

package/lib/components/CounterBadge/useCounterBadge.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { useBadge } from '../Badge/index';
+import { useBadge_unstable } from '../Badge/index';
 /**
  * Returns the props and state required to render the component
  */
-export const useCounterBadge = (props, ref) => {
+export const useCounterBadge_unstable = (props, ref) => {
   const {
     shape = 'circular',
     appearance = 'filled',
@@ -12,7 +12,7 @@ export const useCounterBadge = (props, ref) => {
     count = 0,
     dot = false
   } = props;
-  const state = { ...useBadge(props, ref),
+  const state = { ...useBadge_unstable(props, ref),
     shape,
     appearance,
     showZero,