@fluentui/react-button 9.0.0-nightly.b5b7401007.0 → 9.0.0-rc.3

package/CHANGELOG.md

@@ -1,28 +1,114 @@
 # Change Log - @fluentui/react-button
 
-This log was last generated on Tue, 26 Oct 2021 09:22:36 GMT and should not be manually modified.
+This log was last generated on Fri, 18 Feb 2022 13:33:43 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [9.0.0-nightly.b5b7401007.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-nightly.b5b7401007.0)
+## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.3)
 
-Tue, 26 Oct 2021 09:22:36 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-beta.2..@fluentui/react-button_v9.0.0-nightly.b5b7401007.0)
-
-### Changes
-
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by email not defined)
-- Removed duplicate 'Button' from story names ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by gcox@microsoft.com)
-- added styling of documentation ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by peter@draxler.ml)
-- Bump @fluentui/keyboard-keys to v9.0.0-nightly.b5b7401007.0 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by beachball)
-- Bump @fluentui/react-aria to v9.0.0-nightly.b5b7401007.0 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by beachball)
-- Bump @fluentui/react-make-styles to v9.0.0-nightly.b5b7401007.0 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by beachball)
-- Bump @fluentui/react-tabster to v9.0.0-nightly.b5b7401007.0 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by beachball)
-- Bump @fluentui/react-utilities to v9.0.0-nightly.b5b7401007.0 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by beachball)
-- Bump @fluentui/babel-make-styles to v9.0.0-nightly.b5b7401007.0 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by beachball)
-- Bump @fluentui/jest-serializer-make-styles to v9.0.0-nightly.b5b7401007.0 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by beachball)
-- Bump @fluentui/react-conformance-make-styles to v9.0.0-nightly.b5b7401007.0 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by beachball)
-- Bump @fluentui/react-menu to v9.0.0-nightly.b5b7401007.0 ([commit](https://github.com/microsoft/fluentui/commit/0dfd7a724c42291a510e9bcfe4610aa1e268ffcc) by beachball)
+Fri, 18 Feb 2022 13:33:43 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.1..@fluentui/react-button_v9.0.0-rc.3)
+
+### Changes
+
+- 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)
+- SplitButton: Fixing screen reader access issues. ([PR #21703](https://github.com/microsoft/fluentui/pull/21703) by Humberto.Morimoto@microsoft.com)
+- fix: Source maps contain original source code ([PR #21690](https://github.com/microsoft/fluentui/pull/21690) by lingfangao@hotmail.com)
+- Button: Adding tests and fixing issues in SplitButton and ToggleButton. ([PR #21719](https://github.com/microsoft/fluentui/pull/21719) by Humberto.Morimoto@microsoft.com)
+- Bump @fluentui/keyboard-keys to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
+- Bump @fluentui/react-aria to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) 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)
+- 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)
+
+Thu, 25 Nov 2021 08:34:12 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-beta.4..@fluentui/react-button_v9.0.0-beta.5)
+
+### Changes
+
+- MenuButton: Removing tight coupling with Menu by replicating type locally. ([PR #20635](https://github.com/microsoft/fluentui/pull/20635) by Humberto.Morimoto@microsoft.com)
+- update react-icons dependency ([PR #20563](https://github.com/microsoft/fluentui/pull/20563) by ololubek@microsoft.com)
+- Bump @fluentui/react-aria to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- 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-tabster to v9.0.0-beta.5 ([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.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-beta.4)
+
+Fri, 12 Nov 2021 13:25:16 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-beta.3..@fluentui/react-button_v9.0.0-beta.4)
+
+### Changes
+
+- export static classes for components ([PR #20454](https://github.com/microsoft/fluentui/pull/20454) by olfedias@microsoft.com)
+- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
+- react-button: Removing use of enzyme in the converged package. ([PR #20342](https://github.com/microsoft/fluentui/pull/20342) by Humberto.Morimoto@microsoft.com)
+- Fixing incomplete comment. ([PR #20273](https://github.com/microsoft/fluentui/pull/20273) by Humberto.Morimoto@microsoft.com)
+- Bump @fluentui/react-aria to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- 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-tabster to v9.0.0-beta.4 ([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)
+- Bump @fluentui/react-menu to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+
+## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-beta.3)
+
+Wed, 27 Oct 2021 12:14:15 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-beta.2..@fluentui/react-button_v9.0.0-beta.3)
+
+### Changes
+
+- Removed duplicate 'Button' from story names ([PR #20266](https://github.com/microsoft/fluentui/pull/20266) by gcox@microsoft.com)
+- added styling of documentation ([PR #20193](https://github.com/microsoft/fluentui/pull/20193) by peter@draxler.ml)
+- Bump @fluentui/react-aria to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-beta.3 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.2 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
+- Bump @fluentui/react-menu to v9.0.0-beta.3 ([PR #20353](https://github.com/microsoft/fluentui/pull/20353) by beachball)
 
 ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-beta.2)
 

package/dist/react-button.d.ts

@@ -1,18 +1,18 @@
-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 { MenuTriggerChildProps } from '@fluentui/react-menu';
-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.
  */
 export declare const Button: ForwardRefComponent<ButtonProps>;
 
-export declare type ButtonCommons = {
+export declare const buttonClassName = "fui-Button";
+
+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.
@@ -42,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'
@@ -59,13 +59,13 @@ export declare type ButtonProps = ComponentProps<ButtonSlots> & Partial<ButtonCo
 
 export declare type ButtonSlots = {
     /**
-     * Root of the component that renders as either a <button> tag.
+     * 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 & {
@@ -81,17 +81,19 @@ export declare type ButtonState = ComponentState<ButtonSlots> & ButtonCommons &
  */
 export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;
 
-export declare type CompoundButtonProps = ComponentProps<CompoundButtonSlots> & Partial<ButtonCommons>;
+export declare const compoundButtonClassName = "fui-CompoundButton";
+
+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'>;
@@ -101,13 +103,15 @@ export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> &
  */
 export declare const MenuButton: ForwardRefComponent<MenuButtonProps>;
 
-export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>> & Partial<MenuTriggerChildProps>;
+export declare const menuButtonClassName = "fui-MenuButton";
+
+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'>;
@@ -115,24 +119,24 @@ export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<But
 /**
  * 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
@@ -140,21 +144,23 @@ export declare const renderSplitButton: (state: SplitButtonState) => JSX.Element
  */
 export declare const SplitButton: ForwardRefComponent<SplitButtonProps>;
 
+export declare const splitButtonClassName = "fui-SplitButton";
+
 export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root'> & Omit<MenuButtonProps, 'root'>;
 
 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'>;
@@ -164,7 +170,9 @@ export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<B
  */
 export declare const ToggleButton: ForwardRefComponent<ToggleButtonProps>;
 
-export declare type ToggleButtonCommons = {
+export declare const toggleButtonClassName = "fui-ToggleButton";
+
+declare type ToggleButtonCommons = {
     /**
      * Defines the controlled checked state of the `ToggleButton`.
      * If passed, `ToggleButton` ignores the `defaultChecked` property.
@@ -190,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
@@ -225,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/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"../src/","sources":["Button.tsx"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './components/Button/index';\n"]}

package/lib/CompoundButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundButton.js","sourceRoot":"","sources":["../src/CompoundButton.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"CompoundButton.js","sourceRoot":"../src/","sources":["CompoundButton.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './components/CompoundButton/index';\n"]}

package/lib/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../src/MenuButton.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"MenuButton.js","sourceRoot":"../src/","sources":["MenuButton.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC","sourcesContent":["export * from './components/MenuButton/index';\n"]}

package/lib/SplitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.js","sourceRoot":"","sources":["../src/SplitButton.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"SplitButton.js","sourceRoot":"../src/","sources":["SplitButton.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC","sourcesContent":["export * from './components/SplitButton/index';\n"]}

package/lib/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../src/ToggleButton.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC"}
+{"version":3,"file":"ToggleButton.js","sourceRoot":"../src/","sources":["ToggleButton.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './components/ToggleButton/index';\n"]}

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 var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useButton(props, ref);
-  useButtonStyles(state);
-  return renderButton(state); // Casting is required due to lack of distributive union to support unions on @types/react
+export const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
+  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,IAAM,MAAM,gBAAqC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClF,MAAM,KAAK,GAAG,SAAS,CAAC,KAAD,EAAQ,GAAR,CAAvB;AAEA,EAAA,eAAe,CAAC,KAAD,CAAf;AAEA,SAAO,YAAY,CAAC,KAAD,CAAnB,CALkF,CAMlF;AACD,CAPuD,CAAjD;AASP,MAAM,CAAC,WAAP,GAAqB,QAArB","sourceRoot":""}
+{"version":3,"sources":["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","sourcesContent":["import * as React from 'react';\nimport { renderButton_unstable } from './renderButton';\nimport { useButton_unstable } from './useButton';\nimport { useButtonStyles_unstable } from './useButtonStyles';\nimport type { ButtonProps } from './Button.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Buttons give people a way to trigger an action.\n */\nexport const Button: ForwardRefComponent<ButtonProps> = React.forwardRef((props, ref) => {\n  const state = useButton_unstable(props, ref);\n\n  useButtonStyles_unstable(state);\n\n  return renderButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ButtonProps>;\n\nButton.displayName = 'Button';\n"],"sourceRoot":"../src/"}

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.
+     * 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/Button.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.types.js","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Button.types.js","sourceRoot":"../src/","sources":["components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ButtonSlots = {\n  /**\n   * Root of the component that renders as either a `<button>` tag or an `<a>` tag.\n   */\n  root: Slot<ARIAButtonSlotProps>;\n\n  /**\n   * Icon that renders either before or after the `children` as specified by the `iconPosition` prop.\n   */\n  icon?: Slot<'span'>;\n};\n\nexport type ButtonCommons = {\n  /**\n   * A button can have its content and borders styled for greater emphasis or to be subtle.\n   * - 'primary': Emphasizes the button as a primary action.\n   * - 'outline': Removes background styling.\n   * - 'subtle': Minimizes emphasis to blend into the background until hovered or focused.\n   * - 'transparent': Removes background and border styling.\n   */\n  appearance?: 'primary' | 'outline' | 'subtle' | 'transparent';\n\n  /**\n   * A button can fill the width of its container.\n   * @default false\n   */\n  block: boolean;\n\n  /**\n   * When set, allows the button to be focusable even when it has been disabled. This is used in scenarios where it\n   * is important to keep a consistent tab order for screen reader and keyboard users. The primary example of this\n   * pattern is when the disabled button is in a menu or a commandbar and is seldom used for standalone buttons.\n   * @default false\n   */\n  disabledFocusable: boolean;\n\n  /**\n   * A button can show that it cannot be interacted with.\n   * @default false\n   */\n  disabled: boolean;\n\n  /**\n   * A button can format its icon to appear before or after its content.\n   * @default 'before'\n   */\n  iconPosition?: 'before' | 'after';\n\n  /**\n   * A button can be rounded, circular, or square.\n   * @default 'rounded'\n   */\n  shape: 'rounded' | 'circular' | 'square';\n\n  /**\n   * A button supports different sizes.\n   * @default 'medium'\n   */\n  size: 'small' | 'medium' | 'large';\n};\n\nexport type ButtonProps = ComponentProps<ButtonSlots> & Partial<ButtonCommons>;\n\nexport type ButtonState = ComponentState<ButtonSlots> &\n  ButtonCommons & {\n    /**\n     * A button can contain only an icon.\n     * @default false\n     */\n    iconOnly: boolean;\n  };\n"]}

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 { 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 { 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,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["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","sourcesContent":["export * from './Button';\n// Explicit exports to omit ButtonCommons\nexport type { ButtonProps, ButtonSlots, ButtonState } from './Button.types';\nexport * from './renderButton';\nexport * from './useButton';\nexport { buttonClassName, useButtonStyles_unstable } from './useButtonStyles';\n"]}

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;

package/lib/components/Button/renderButton.js

@@ -1,17 +1,21 @@
-import { __assign } from "tslib";
 import * as React from 'react';
 import { getSlots } from '@fluentui/react-utilities';
 /**
  * Renders a Button component by passing the state defined props to the appropriate slots.
  */
 
-export var renderButton = function (state) {
-  var _a = getSlots(state, ['root', 'icon']),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  var iconOnly = state.iconOnly,
-      iconPosition = state.iconPosition;
-  return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), iconPosition !== 'after' && /*#__PURE__*/React.createElement(slots.icon, __assign({}, slotProps.icon)), !iconOnly && state.root.children, iconPosition === 'after' && /*#__PURE__*/React.createElement(slots.icon, __assign({}, slotProps.icon)));
+export const renderButton_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = getSlots(state);
+  const {
+    iconOnly,
+    iconPosition
+  } = state;
+  return /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
+  }, iconPosition !== 'after' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
+  }), !iconOnly && state.root.children, iconPosition === 'after' && slots.icon && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
+  }));
 };
 //# sourceMappingURL=renderButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Button/renderButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,IAAM,YAAY,GAAG,UAAC,KAAD,EAAmB;AACvC,MAAA,EAAA,GAAuB,QAAQ,CAAc,KAAd,EAAqB,CAAC,MAAD,EAAS,MAAT,CAArB,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACE,MAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAR;AAAA,MAAU,YAAY,GAAK,KAAK,CAAV,YAAtB;AAER,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACG,YAAY,KAAK,OAAjB,iBAA4B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAD/B,EAEG,CAAC,QAAD,IAAa,KAAK,CAAC,IAAN,CAAW,QAF3B,EAGG,YAAY,KAAK,OAAjB,iBAA4B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAH/B,CADF;AAOD,CAXM","sourceRoot":""}
+{"version":3,"sources":["components/Button/renderButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,qBAAqB,GAAI,KAAD,IAAuB;AAC1D,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAc,KAAd,CAArC;AACA,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA;AAAZ,MAA6B,KAAnC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,YAAY,KAAK,OAAjB,IAA4B,KAAK,CAAC,IAAlC,iBAA0C,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAD7C,EAEG,CAAC,QAAD,IAAa,KAAK,CAAC,IAAN,CAAW,QAF3B,EAGG,YAAY,KAAK,OAAjB,IAA4B,KAAK,CAAC,IAAlC,iBAA0C,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAH7C,CADF;AAOD,CAXM","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { ButtonSlots, ButtonState } from './Button.types';\n\n/**\n * Renders a Button component by passing the state defined props to the appropriate slots.\n */\nexport const renderButton_unstable = (state: ButtonState) => {\n  const { slots, slotProps } = getSlots<ButtonSlots>(state);\n  const { iconOnly, iconPosition } = state;\n\n  return (\n    <slots.root {...slotProps.root}>\n      {iconPosition !== 'after' && slots.icon && <slots.icon {...slotProps.icon} />}\n      {!iconOnly && state.root.children}\n      {iconPosition === 'after' && slots.icon && <slots.icon {...slotProps.icon} />}\n    </slots.root>\n  );\n};\n"],"sourceRoot":"../src/"}

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

@@ -5,4 +5,4 @@ import type { ButtonProps, ButtonState } from './Button.types';
  * @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.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;
+export declare const useButton_unstable: (props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;

package/lib/components/Button/useButton.js

@@ -6,32 +6,28 @@ import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utiliti
  * @param ref - User provided ref to be passed to the Button component.
  */
 
-export var useButton = function (props, ref) {
-  var appearance = props.appearance,
-      as = props.as,
-      _a = props.block,
-      block = _a === void 0 ? false : _a,
-      _b = props.disabled,
-      disabled = _b === void 0 ? false : _b,
-      _c = props.disabledFocusable,
-      disabledFocusable = _c === void 0 ? false : _c,
-      icon = props.icon,
-      _d = props.iconPosition,
-      iconPosition = _d === void 0 ? 'before' : _d,
-      _e = props.shape,
-      shape = _e === void 0 ? 'rounded' : _e,
-      _f = props.size,
-      size = _f === void 0 ? 'medium' : _f;
-  var iconShorthand = resolveShorthand(icon);
+export const useButton_unstable = (props, ref) => {
+  const {
+    appearance,
+    as,
+    block = false,
+    disabled = false,
+    disabledFocusable = false,
+    icon,
+    iconPosition = 'before',
+    shape = 'rounded',
+    size = 'medium'
+  } = props;
+  const iconShorthand = resolveShorthand(icon);
   return {
     // Props passed at the top-level
-    appearance: appearance,
-    block: block,
-    disabled: disabled,
-    disabledFocusable: disabledFocusable,
-    iconPosition: iconPosition,
-    shape: shape,
-    size: size,
+    appearance,
+    block,
+    disabled,
+    disabledFocusable,
+    iconPosition,
+    shape,
+    size,
     // State calculated from a set of props
     iconOnly: Boolean((iconShorthand === null || iconShorthand === void 0 ? void 0 : iconShorthand.children) && !props.children),
     // Slots definition
@@ -44,7 +40,8 @@ export var useButton = function (props, ref) {
       defaultProps: {
         // useARIAButton isn't working with React.Ref<HTMLButtonElement | HTMLAnchorElement>
         ref: ref,
-        type: 'button'
+        type: 'button' // This is added because the default for type is 'submit'
+
       }
     })),
     icon: iconShorthand