@fluentui/react-button 0.0.0-nightlyca6ef2bc8e20220105.1 → 0.0.0-nightlyd45ba4664620220211.1

package/CHANGELOG.json

@@ -2,23 +2,146 @@
   "name": "@fluentui/react-button",
   "entries": [
     {
-      "date": "Wed, 05 Jan 2022 04:18:32 GMT",
-      "tag": "@fluentui/react-button_v0.0.0-nightlyca6ef2bc8e20220105.1",
-      "version": "0.0.0-nightlyca6ef2bc8e20220105.1",
+      "date": "Fri, 11 Feb 2022 04:15:25 GMT",
+      "tag": "@fluentui/react-button_v0.0.0-nightlyd45ba4664620220211.1",
+      "version": "0.0.0-nightlyd45ba4664620220211.1",
       "comments": {
         "prerelease": [
           {
             "author": "email not defined",
             "package": "@fluentui/react-button",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb",
+            "commit": "7a8e7f5eaff83b67d7307566347303c32157ff60",
             "comment": "Release nightly v9"
           },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "0b7d30b6ecb6f20d2ac4d4edbfb327a8f8f915a0",
+            "comment": "SplitButton: Fixing issue where menuIcon prop was not being respected."
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "d45ba4664643f36cce5674b1d05645feae0e09a5",
+            "comment": "Button: Updating stories to fix a11y issues."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightlyd45ba4664620220211.1",
+            "commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-aria to v0.0.0-nightlyd45ba4664620220211.1",
+            "commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyd45ba4664620220211.1",
+            "commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyd45ba4664620220211.1",
+            "commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyd45ba4664620220211.1",
+            "commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 10 Feb 2022 08:51:46 GMT",
+      "tag": "@fluentui/react-button_v9.0.0-rc.1",
+      "version": "9.0.0-rc.1",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "0bc161458eae5ae8d387172430496ce9829b1bb1",
+            "comment": "Using ComponentSlotProps instead of ObjectShorthandProps."
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "940de09b95aa1cefcac9a1f6bbfa9499419e3634",
+            "comment": "Button: Changing border radius of small button to borderRadiusMedium from borderRadiusSmall."
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "0aa74f3ef5a64c647b5903e21af7ff5423d46182",
+            "comment": "Replace make-styles packages with griffel equivalents."
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "63cbefe55e5db10eedbde19392aa8b6376d6a7f7",
+            "comment": "Update react-icons usage to resizable icons"
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-button",
+            "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-button",
+            "commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
+            "comment": "Bump Fluent UI packages to 9.0.0-rc"
+          },
           {
             "author": "ololubek@microsoft.com",
             "package": "@fluentui/react-button",
             "commit": "7cb2a5d8db1b6a1ddb638aa82d5815ab5ae84e69",
             "comment": "(fix): Update react-icons dependency to latest version"
           },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "0a4c1a9af2f8bb29c3a3544f06964a8554cd692a",
+            "comment": "Replacing use of functions in makeStyles with direct use of tokens."
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "a21bfaceecf201d0c984fa84704148a24f956901",
+            "comment": "CompoundButton: Updating styles to match latest design spec."
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
+            "comment": "Remove component's shorthandProps array"
+          },
+          {
+            "author": "mgodbolt@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "839ec14849e112b85aa321d034739ec421199141",
+            "comment": "remove export of commons types"
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "d778282b56baae57cb6b407debdbfb6beca76761",
+            "comment": "Remove fontSize from default menuIcon, as it is already set via css"
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "f5873dc09f0c07d4adf23ad89a5f3afad37a0da9",
+            "comment": "ToggleButton: Stopping aria-pressed from changing when ToggleButton is disabledFocusable."
+          },
           {
             "author": "olfedias@microsoft.com",
             "package": "@fluentui/react-button",
@@ -26,60 +149,96 @@
             "comment": "update styles to not use CSS shorthands"
           },
           {
-            "author": "beachball",
+            "author": "behowell@microsoft.com",
             "package": "@fluentui/react-button",
-            "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
+            "comment": "Refactor component Slot typings"
           },
           {
-            "author": "beachball",
+            "author": "Humberto.Morimoto@microsoft.com",
             "package": "@fluentui/react-button",
-            "comment": "Bump @fluentui/react-aria to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "commit": "00a5d945904c896a0664de6ba72c145a255f0848",
+            "comment": "Updating use of tokens.fontWeight now that we don't need to use casting."
           },
           {
-            "author": "beachball",
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "7797d49103b5dd7662ef59f734921f6326b2273d",
+            "comment": "MenuButton: Updating types so it properly supports ref."
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "b23239743c4f5518bcf7dcad496a36fc16bbd2e5",
+            "comment": "update @fluentui/react-icons package"
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
+            "comment": "Updating based on changes to composition types."
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
             "package": "@fluentui/react-button",
-            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "commit": "38c8bed2c707014688ae2ae689033fa36ef23075",
+            "comment": "Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster."
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-button",
-            "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "comment": "Bump @fluentui/keyboard-keys to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-button",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "comment": "Bump @fluentui/react-aria to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-button",
-            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-button",
-            "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-button",
-            "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           }
         ],
         "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
+            "comment": "remove inline-style-expand-shorthand from tsconfigs"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
+            "comment": "chore: use storybook runner for all vNext packages"
+          },
           {
             "author": "tkrasniqi@microsoft.com",
             "package": "@fluentui/react-button",
             "commit": "ca886fed17b4a73b9bb3b5a9e54d143062cbfa99",
             "comment": "Migration to new tsconfig"
+          },
+          {
+            "author": "bsunderhus@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "c0d4e63ee58e60e2c6674efbacc0783cd520984e",
+            "comment": "Updates components with nullRender changes"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,27 +1,57 @@
 # Change Log - @fluentui/react-button
 
-This log was last generated on Wed, 05 Jan 2022 04:18:32 GMT and should not be manually modified.
+This log was last generated on Fri, 11 Feb 2022 04:15:25 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightlyca6ef2bc8e20220105.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.0.0-nightlyca6ef2bc8e20220105.1)
+## [0.0.0-nightlyd45ba4664620220211.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v0.0.0-nightlyd45ba4664620220211.1)
 
-Wed, 05 Jan 2022 04:18:32 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-beta.5..@fluentui/react-button_v0.0.0-nightlyca6ef2bc8e20220105.1)
+Fri, 11 Feb 2022 04:15:25 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.1..@fluentui/react-button_v0.0.0-nightlyd45ba4664620220211.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by email not defined)
+- SplitButton: Fixing issue where menuIcon prop was not being respected. ([PR #21683](https://github.com/microsoft/fluentui/pull/21683) by Humberto.Morimoto@microsoft.com)
+- Button: Updating stories to fix a11y issues. ([PR #21679](https://github.com/microsoft/fluentui/pull/21679) by Humberto.Morimoto@microsoft.com)
+- Bump @fluentui/keyboard-keys to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
+- Bump @fluentui/react-aria to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
+
+## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.1)
+
+Thu, 10 Feb 2022 08:51:46 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-beta.5..@fluentui/react-button_v9.0.0-rc.1)
+
+### Changes
+
+- Using ComponentSlotProps instead of ObjectShorthandProps. ([PR #20890](https://github.com/microsoft/fluentui/pull/20890) by Humberto.Morimoto@microsoft.com)
+- Button: Changing border radius of small button to borderRadiusMedium from borderRadiusSmall. ([PR #21494](https://github.com/microsoft/fluentui/pull/21494) by Humberto.Morimoto@microsoft.com)
+- Replace make-styles packages with griffel equivalents. ([PR #21436](https://github.com/microsoft/fluentui/pull/21436) by olfedias@microsoft.com)
+- Update react-icons usage to resizable icons ([PR #21074](https://github.com/microsoft/fluentui/pull/21074) by ololubek@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)
+- Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
 - (fix): Update react-icons dependency to latest version ([PR #20943](https://github.com/microsoft/fluentui/pull/20943) by ololubek@microsoft.com)
+- Replacing use of functions in makeStyles with direct use of tokens. ([PR #21039](https://github.com/microsoft/fluentui/pull/21039) by Humberto.Morimoto@microsoft.com)
+- CompoundButton: Updating styles to match latest design spec. ([PR #21523](https://github.com/microsoft/fluentui/pull/21523) by Humberto.Morimoto@microsoft.com)
+- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
+- remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
+- Remove fontSize from default menuIcon, as it is already set via css ([PR #21221](https://github.com/microsoft/fluentui/pull/21221) by behowell@microsoft.com)
+- ToggleButton: Stopping aria-pressed from changing when ToggleButton is disabledFocusable. ([PR #21492](https://github.com/microsoft/fluentui/pull/21492) by Humberto.Morimoto@microsoft.com)
 - update styles to not use CSS shorthands ([PR #20815](https://github.com/microsoft/fluentui/pull/20815) by olfedias@microsoft.com)
-- Bump @fluentui/keyboard-keys to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/react-aria to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/react-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/babel-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
+- Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.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)
+- MenuButton: Updating types so it properly supports ref. ([PR #21515](https://github.com/microsoft/fluentui/pull/21515) by Humberto.Morimoto@microsoft.com)
+- update @fluentui/react-icons package ([PR #21498](https://github.com/microsoft/fluentui/pull/21498) by olfedias@microsoft.com)
+- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
+- Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster. ([PR #21035](https://github.com/microsoft/fluentui/pull/21035) by Humberto.Morimoto@microsoft.com)
+- Bump @fluentui/keyboard-keys to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
+- Bump @fluentui/react-aria to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
 
 ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-beta.5)
 

package/dist/react-button.d.ts

@@ -1,10 +1,9 @@
-import { ARIAButtonShorthandProps } from '@fluentui/react-aria';
+import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
 import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
 import { ForwardRefComponent } from '@fluentui/react-utilities';
-import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
-import type { ObjectShorthandProps } from '@fluentui/react-utilities';
 import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
 
 /**
  * Buttons give people a way to trigger an action.
@@ -13,7 +12,7 @@ export declare const Button: ForwardRefComponent<ButtonProps>;
 
 export declare const buttonClassName = "fui-Button";
 
-export declare type ButtonCommons = {
+declare type ButtonCommons = {
     /**
      * A button can have its content and borders styled for greater emphasis or to be subtle.
      * - 'primary': Emphasizes the button as a primary action.
@@ -43,7 +42,7 @@ export declare type ButtonCommons = {
      * A button can format its icon to appear before or after its content.
      * @default 'before'
      */
-    iconPosition: 'before' | 'after';
+    iconPosition?: 'before' | 'after';
     /**
      * A button can be rounded, circular, or square.
      * @default 'rounded'
@@ -62,11 +61,11 @@ export declare type ButtonSlots = {
     /**
      * Root of the component that renders as either a `<button>` tag or an `<a>` tag.
      */
-    root: ARIAButtonShorthandProps;
+    root: Slot<ARIAButtonSlotProps>;
     /**
      * Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
      */
-    icon?: IntrinsicShorthandProps<'span'>;
+    icon?: Slot<'span'>;
 };
 
 export declare type ButtonState = ComponentState<ButtonSlots> & ButtonCommons & {
@@ -84,17 +83,17 @@ export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;
 
 export declare const compoundButtonClassName = "fui-CompoundButton";
 
-export declare type CompoundButtonProps = ComponentProps<CompoundButtonSlots> & Partial<ButtonCommons>;
+export declare type CompoundButtonProps = ComponentProps<Partial<CompoundButtonSlots>> & Partial<ButtonCommons>;
 
 export declare type CompoundButtonSlots = ButtonSlots & {
     /**
      * Second line of text that describes the action this button takes.
      */
-    secondaryContent?: IntrinsicShorthandProps<'span'>;
+    secondaryContent?: Slot<'span'>;
     /**
      * Container that wraps the children and the secondaryContent slot.
      */
-    contentContainer: IntrinsicShorthandProps<'span'>;
+    contentContainer: NonNullable<Slot<'span'>>;
 };
 
 export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;
@@ -106,42 +105,38 @@ export declare const MenuButton: ForwardRefComponent<MenuButtonProps>;
 
 export declare const menuButtonClassName = "fui-MenuButton";
 
-export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>> & Partial<MenuTriggerChildProps>;
+export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>>;
 
 export declare type MenuButtonSlots = ButtonSlots & {
     /**
      * Menu icon that indicates that this button has a menu that can be expanded.
      */
-    menuIcon?: IntrinsicShorthandProps<'span'>;
+    menuIcon?: Slot<'span'>;
 };
 
 export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
 
-declare type MenuTriggerChildProps = Pick<React_2.HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onContextMenu' | 'onKeyDown' | 'aria-haspopup' | 'aria-expanded' | 'id'> & {
-    ref?: React_2.Ref<never>;
-};
-
 /**
  * Renders a Button component by passing the state defined props to the appropriate slots.
  */
-declare const renderButton: (state: ButtonState) => JSX.Element;
-export { renderButton }
-export { renderButton as renderToggleButton }
+declare const renderButton_unstable: (state: ButtonState) => JSX.Element;
+export { renderButton_unstable }
+export { renderButton_unstable as renderToggleButton_unstable }
 
 /**
  * Renders a CompoundButton component by passing the state defined props to the appropriate slots.
  */
-export declare const renderCompoundButton: (state: CompoundButtonState) => JSX.Element;
+export declare const renderCompoundButton_unstable: (state: CompoundButtonState) => JSX.Element;
 
 /**
  * Renders a MenuButton component by passing the state defined props to the appropriate slots.
  */
-export declare const renderMenuButton: (state: MenuButtonState) => JSX.Element;
+export declare const renderMenuButton_unstable: (state: MenuButtonState) => JSX.Element;
 
 /**
  * Renders a SplitButton component by passing the state defined props to the appropriate slots.
  */
-export declare const renderSplitButton: (state: SplitButtonState) => JSX.Element;
+export declare const renderSplitButton_unstable: (state: SplitButtonState) => JSX.Element;
 
 /**
  * SplitButtons are a grouping of two interactive surfaces where the interacting with the first one triggers a primary
@@ -157,15 +152,15 @@ export declare type SplitButtonSlots = {
     /**
      * Root of the component that wraps the primary action button and menu button.
      */
-    root: IntrinsicShorthandProps<'div'>;
+    root: Slot<'div'>;
     /**
      * Button that opens menu with secondary actions in SplitButton.
      */
-    menuButton?: ObjectShorthandProps<MenuButtonProps>;
+    menuButton?: Slot<typeof MenuButton>;
     /**
      * Button to perform primary action in SplitButton.
      */
-    primaryActionButton?: ObjectShorthandProps<ButtonProps>;
+    primaryActionButton?: Slot<typeof Button>;
 };
 
 export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<ButtonState, 'components' | 'iconOnly' | 'root'> & Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;
@@ -177,7 +172,7 @@ export declare const ToggleButton: ForwardRefComponent<ToggleButtonProps>;
 
 export declare const toggleButtonClassName = "fui-ToggleButton";
 
-export declare type ToggleButtonCommons = {
+declare type ToggleButtonCommons = {
     /**
      * Defines the controlled checked state of the `ToggleButton`.
      * If passed, `ToggleButton` ignores the `defaultChecked` property.
@@ -203,34 +198,34 @@ export declare type ToggleButtonState = ButtonState & ToggleButtonCommons;
  * @param props - User provided props to the Button component.
  * @param ref - User provided ref to be passed to the Button component.
  */
-export declare const useButton: (props: ButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;
+export declare const useButton_unstable: (props: ButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;
 
-export declare const useButtonStyles: (state: ButtonState) => ButtonState;
+export declare const useButtonStyles_unstable: (state: ButtonState) => ButtonState;
 
 /**
  * Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.
  * @param props - User provided props to the CompoundButton component.
  * @param ref - User provided ref to be passed to the CompoundButton component.
  */
-export declare const useCompoundButton: ({ contentContainer, secondaryContent, ...props }: CompoundButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;
+export declare const useCompoundButton_unstable: ({ contentContainer, secondaryContent, ...props }: CompoundButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;
 
-export declare const useCompoundButtonStyles: (state: CompoundButtonState) => CompoundButtonState;
+export declare const useCompoundButtonStyles_unstable: (state: CompoundButtonState) => CompoundButtonState;
 
 /**
  * Given user props, returns the final state for a MenuButton.
  */
-export declare const useMenuButton: ({ menuIcon, ...props }: MenuButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => MenuButtonState;
+export declare const useMenuButton_unstable: ({ menuIcon, ...props }: MenuButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => MenuButtonState;
 
-export declare const useMenuButtonStyles: (state: MenuButtonState) => MenuButtonState;
+export declare const useMenuButtonStyles_unstable: (state: MenuButtonState) => MenuButtonState;
 
 /**
  * Given user props, defines default props for the SplitButton and returns processed state.
  * @param props - User provided props to the SplitButton component.
  * @param ref - User provided ref to be passed to the SplitButton component.
  */
-export declare const useSplitButton: (props: SplitButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => SplitButtonState;
+export declare const useSplitButton_unstable: (props: SplitButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => SplitButtonState;
 
-export declare const useSplitButtonStyles: (state: SplitButtonState) => SplitButtonState;
+export declare const useSplitButtonStyles_unstable: (state: SplitButtonState) => SplitButtonState;
 
 /**
  * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
@@ -238,8 +233,8 @@ export declare const useSplitButtonStyles: (state: SplitButtonState) => SplitBut
  * @param props - User provided props to the ToggleButton component.
  * @param ref - User provided ref to be passed to the ToggleButton component.
  */
-export declare const useToggleButton: ({ checked, defaultChecked, ...props }: ToggleButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToggleButtonState;
+export declare const useToggleButton_unstable: ({ checked, defaultChecked, ...props }: ToggleButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToggleButtonState;
 
-export declare const useToggleButtonStyles: (state: ToggleButtonState) => ToggleButtonState;
+export declare const useToggleButtonStyles_unstable: (state: ToggleButtonState) => ToggleButtonState;
 
 export { }

package/lib/components/Button/Button.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
-import { renderButton } from './renderButton';
-import { useButton } from './useButton';
-import { useButtonStyles } from './useButtonStyles';
+import { renderButton_unstable } from './renderButton';
+import { useButton_unstable } from './useButton';
+import { useButtonStyles_unstable } from './useButtonStyles';
 /**
  * Buttons give people a way to trigger an action.
  */
 
 export const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useButton(props, ref);
-  useButtonStyles(state);
-  return renderButton(state); // Casting is required due to lack of distributive union to support unions on @types/react
+  const state = useButton_unstable(props, ref);
+  useButtonStyles_unstable(state);
+  return renderButton_unstable(state); // Casting is required due to lack of distributive union to support unions on @types/react
 });
 Button.displayName = 'Button';
 //# sourceMappingURL=Button.js.map

package/lib/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,gBAA7B;AACA,SAAS,SAAT,QAA0B,aAA1B;AACA,SAAS,eAAT,QAAgC,mBAAhC;AAIA;;AAEG;;AACH,OAAO,MAAM,MAAM,gBAAqC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtF,QAAM,KAAK,GAAG,SAAS,CAAC,KAAD,EAAQ,GAAR,CAAvB;AAEA,EAAA,eAAe,CAAC,KAAD,CAAf;AAEA,SAAO,YAAY,CAAC,KAAD,CAAnB,CALsF,CAMtF;AACD,CAPuD,CAAjD;AASP,MAAM,CAAC,WAAP,GAAqB,QAArB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,QAAsC,gBAAtC;AACA,SAAS,kBAAT,QAAmC,aAAnC;AACA,SAAS,wBAAT,QAAyC,mBAAzC;AAIA;;AAEG;;AACH,OAAO,MAAM,MAAM,gBAAqC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtF,QAAM,KAAK,GAAG,kBAAkB,CAAC,KAAD,EAAQ,GAAR,CAAhC;AAEA,EAAA,wBAAwB,CAAC,KAAD,CAAxB;AAEA,SAAO,qBAAqB,CAAC,KAAD,CAA5B,CALsF,CAMtF;AACD,CAPuD,CAAjD;AASP,MAAM,CAAC,WAAP,GAAqB,QAArB","sourceRoot":""}

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

@@ -1,14 +1,14 @@
-import { ARIAButtonShorthandProps } from '@fluentui/react-aria';
-import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
+import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
+import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
 export declare type ButtonSlots = {
     /**
      * Root of the component that renders as either a `<button>` tag or an `<a>` tag.
      */
-    root: ARIAButtonShorthandProps;
+    root: Slot<ARIAButtonSlotProps>;
     /**
      * Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
      */
-    icon?: IntrinsicShorthandProps<'span'>;
+    icon?: Slot<'span'>;
 };
 export declare type ButtonCommons = {
     /**
@@ -40,7 +40,7 @@ export declare type ButtonCommons = {
      * A button can format its icon to appear before or after its content.
      * @default 'before'
      */
-    iconPosition: 'before' | 'after';
+    iconPosition?: 'before' | 'after';
     /**
      * A button can be rounded, circular, or square.
      * @default 'rounded'

package/lib/components/Button/index.d.ts

@@ -1,5 +1,5 @@
 export * from './Button';
-export * from './Button.types';
+export type { ButtonProps, ButtonSlots, ButtonState } from './Button.types';
 export * from './renderButton';
 export * from './useButton';
-export { buttonClassName, useButtonStyles } from './useButtonStyles';
+export { buttonClassName, useButtonStyles_unstable } from './useButtonStyles';

package/lib/components/Button/index.js

@@ -1,6 +1,5 @@
 export * from './Button';
-export * from './Button.types';
 export * from './renderButton';
 export * from './useButton';
-export { buttonClassName, useButtonStyles } from './useButtonStyles';
+export { buttonClassName, useButtonStyles_unstable } from './useButtonStyles';
 //# sourceMappingURL=index.js.map

package/lib/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/components/Button/renderButton.d.ts

@@ -2,4 +2,4 @@ import type { ButtonState } from './Button.types';
 /**
  * Renders a Button component by passing the state defined props to the appropriate slots.
  */
-export declare const renderButton: (state: ButtonState) => JSX.Element;
+export declare const renderButton_unstable: (state: ButtonState) => JSX.Element;