@fluentui/react-button 9.0.0-rc.8 → 9.0.0-rc.9

package/CHANGELOG.json

@@ -2,7 +2,58 @@
   "name": "@fluentui/react-button",
   "entries": [
     {
-      "date": "Wed, 04 May 2022 13:24:05 GMT",
+      "date": "Thu, 05 May 2022 18:24:36 GMT",
+      "tag": "@fluentui/react-button_v9.0.0-rc.9",
+      "version": "9.0.0-rc.9",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "e465622ca241f3dd0534da50823a51e7311fd9ef",
+            "comment": "feat: ship rolluped only dts"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/keyboard-keys to v9.0.0-rc.6",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-aria to v9.0.0-rc.8",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.9",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-rc.7",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.8",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.5",
+            "commit": "c5abb9c480ac94d12aa644d68d30773d77f2a159"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 May 2022 13:26:38 GMT",
       "tag": "@fluentui/react-button_v9.0.0-rc.8",
       "version": "9.0.0-rc.8",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,27 @@
 # Change Log - @fluentui/react-button
 
-This log was last generated on Wed, 04 May 2022 13:24:05 GMT and should not be manually modified.
+This log was last generated on Thu, 05 May 2022 18:24:36 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-rc.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.9)
+
+Thu, 05 May 2022 18:24:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.8..@fluentui/react-button_v9.0.0-rc.9)
+
+### Changes
+
+- feat: ship rolluped only dts ([PR #22823](https://github.com/microsoft/fluentui/pull/22823) by martinhochel@microsoft.com)
+- Bump @fluentui/keyboard-keys to v9.0.0-rc.6 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-aria to v9.0.0-rc.8 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-tabster to v9.0.0-rc.9 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-rc.7 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-rc.8 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.5 ([PR #22857](https://github.com/microsoft/fluentui/pull/22857) by beachball)
+
 ## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.8)
 
-Wed, 04 May 2022 13:24:05 GMT 
+Wed, 04 May 2022 13:26:38 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.7..@fluentui/react-button_v9.0.0-rc.8)
 
 ### Changes

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-button",
-  "version": "9.0.0-rc.8",
+  "version": "9.0.0-rc.9",
   "description": "Fluent UI React Button component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -29,16 +29,16 @@
     "@fluentui/a11y-testing": "^0.1.0",
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.4",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.5",
     "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/keyboard-keys": "9.0.0-rc.5",
-    "@fluentui/react-aria": "9.0.0-rc.7",
+    "@fluentui/keyboard-keys": "9.0.0-rc.6",
+    "@fluentui/react-aria": "9.0.0-rc.8",
     "@fluentui/react-icons": "^2.0.166-rc.3",
-    "@fluentui/react-tabster": "9.0.0-rc.8",
-    "@fluentui/react-theme": "9.0.0-rc.6",
-    "@fluentui/react-utilities": "9.0.0-rc.7",
+    "@fluentui/react-tabster": "9.0.0-rc.9",
+    "@fluentui/react-theme": "9.0.0-rc.7",
+    "@fluentui/react-utilities": "9.0.0-rc.8",
     "@griffel/react": "1.0.3",
     "tslib": "^2.1.0"
   },

package/lib/Button.d.ts

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

package/lib/CompoundButton.d.ts

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

package/lib/MenuButton.d.ts

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

package/lib/SplitButton.d.ts

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

package/lib/ToggleButton.d.ts

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

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

@@ -1,6 +0,0 @@
-import type { ButtonProps } from './Button.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Buttons give people a way to trigger an action.
- */
-export declare const Button: ForwardRefComponent<ButtonProps>;

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

@@ -1,64 +0,0 @@
-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: NonNullable<Slot<ARIAButtonSlotProps>>;
-    /**
-     * Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
-     */
-    icon?: Slot<'span'>;
-};
-export 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.
-     * - 'outline': Removes background styling.
-     * - 'subtle': Minimizes emphasis to blend into the background until hovered or focused.
-     * - 'transparent': Removes background and border styling.
-     */
-    appearance?: 'primary' | 'outline' | 'subtle' | 'transparent';
-    /**
-     * A button can fill the width of its container.
-     * @default false
-     *
-     * @deprecated - Use style overrides instead.
-     */
-    block: boolean;
-    /**
-     * When set, allows the button to be focusable even when it has been disabled. This is used in scenarios where it
-     * is important to keep a consistent tab order for screen reader and keyboard users. The primary example of this
-     * pattern is when the disabled button is in a menu or a commandbar and is seldom used for standalone buttons.
-     * @default false
-     */
-    disabledFocusable: boolean;
-    /**
-     * A button can show that it cannot be interacted with.
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * A button can format its icon to appear before or after its content.
-     * @default 'before'
-     */
-    iconPosition?: 'before' | 'after';
-    /**
-     * A button can be rounded, circular, or square.
-     * @default 'rounded'
-     */
-    shape: 'rounded' | 'circular' | 'square';
-    /**
-     * A button supports different sizes.
-     * @default 'medium'
-     */
-    size: 'small' | 'medium' | 'large';
-};
-export declare type ButtonProps = ComponentProps<ButtonSlots> & Partial<ButtonCommons>;
-export declare type ButtonState = ComponentState<ButtonSlots> & ButtonCommons & {
-    /**
-     * A button can contain only an icon.
-     * @default false
-     */
-    iconOnly: boolean;
-};

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

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

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

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

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

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { ButtonProps, ButtonState } from './Button.types';
-/**
- * Given user props, defines default props for the Button, calls useButtonState, and returns processed state.
- * @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_unstable: (props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;

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

@@ -1,8 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { ButtonSlots, ButtonState } from './Button.types';
-export declare const buttonClassNames: SlotClassNames<ButtonSlots>;
-/**
- * @deprecated Use `buttonClassNames.root` instead.
- */
-export declare const buttonClassName: string;
-export declare const useButtonStyles_unstable: (state: ButtonState) => ButtonState;

package/lib/components/CompoundButton/CompoundButton.d.ts

@@ -1,6 +0,0 @@
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-import type { CompoundButtonProps } from './CompoundButton.types';
-/**
- * CompoundButtons are buttons that can have secondary content that adds extra information to the user.
- */
-export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;

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

@@ -1,14 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
-export declare type CompoundButtonSlots = ButtonSlots & {
-    /**
-     * Second line of text that describes the action this button takes.
-     */
-    secondaryContent?: Slot<'span'>;
-    /**
-     * Container that wraps the children and the secondaryContent slot.
-     */
-    contentContainer: NonNullable<Slot<'span'>>;
-};
-export declare type CompoundButtonProps = ComponentProps<Partial<CompoundButtonSlots>> & Partial<ButtonCommons>;
-export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;

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

@@ -1,5 +0,0 @@
-export * from './CompoundButton';
-export * from './CompoundButton.types';
-export * from './renderCompoundButton';
-export * from './useCompoundButton';
-export { compoundButtonClassName, compoundButtonClassNames, useCompoundButtonStyles_unstable, } from './useCompoundButtonStyles';

package/lib/components/CompoundButton/renderCompoundButton.d.ts

@@ -1,5 +0,0 @@
-import type { CompoundButtonState } from './CompoundButton.types';
-/**
- * Renders a CompoundButton component by passing the state defined props to the appropriate slots.
- */
-export declare const renderCompoundButton_unstable: (state: CompoundButtonState) => JSX.Element;

package/lib/components/CompoundButton/useCompoundButton.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { CompoundButtonProps, CompoundButtonState } from './CompoundButton.types';
-/**
- * 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_unstable: ({ contentContainer, secondaryContent, ...props }: CompoundButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;

package/lib/components/CompoundButton/useCompoundButtonStyles.d.ts

@@ -1,8 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { CompoundButtonSlots, CompoundButtonState } from './CompoundButton.types';
-export declare const compoundButtonClassNames: SlotClassNames<CompoundButtonSlots>;
-/**
- * @deprecated Use `compoundButtonClassName.root` instead.
- */
-export declare const compoundButtonClassName: string;
-export declare const useCompoundButtonStyles_unstable: (state: CompoundButtonState) => CompoundButtonState;

package/lib/components/MenuButton/MenuButton.d.ts

@@ -1,6 +0,0 @@
-import type { MenuButtonProps } from './MenuButton.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * MenuButtons are buttons that handle opening and closing a menu when they are triggered.
- */
-export declare const MenuButton: ForwardRefComponent<MenuButtonProps>;

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

@@ -1,10 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
-export declare type MenuButtonSlots = ButtonSlots & {
-    /**
-     * Menu icon that indicates that this button has a menu that can be expanded.
-     */
-    menuIcon?: Slot<'span'>;
-};
-export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>>;
-export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;

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

@@ -1,5 +0,0 @@
-export * from './MenuButton.types';
-export * from './MenuButton';
-export * from './renderMenuButton';
-export * from './useMenuButton';
-export { menuButtonClassName, menuButtonClassNames, useMenuButtonStyles_unstable, } from './useMenuButtonStyles';

package/lib/components/MenuButton/renderMenuButton.d.ts

@@ -1,5 +0,0 @@
-import type { MenuButtonState } from './MenuButton.types';
-/**
- * Renders a MenuButton component by passing the state defined props to the appropriate slots.
- */
-export declare const renderMenuButton_unstable: (state: MenuButtonState) => JSX.Element;

package/lib/components/MenuButton/useMenuButton.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { MenuButtonProps, MenuButtonState } from './MenuButton.types';
-/**
- * Given user props, returns the final state for a MenuButton.
- */
-export declare const useMenuButton_unstable: ({ menuIcon, ...props }: MenuButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => MenuButtonState;

package/lib/components/MenuButton/useMenuButtonStyles.d.ts

@@ -1,8 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { MenuButtonSlots, MenuButtonState } from './MenuButton.types';
-export declare const menuButtonClassNames: SlotClassNames<MenuButtonSlots>;
-/**
- * @deprecated Use `menuButtonClassName.root` instead.
- */
-export declare const menuButtonClassName: string;
-export declare const useMenuButtonStyles_unstable: (state: MenuButtonState) => MenuButtonState;

package/lib/components/SplitButton/SplitButton.d.ts

@@ -1,7 +0,0 @@
-import type { SplitButtonProps } from './SplitButton.types';
-import { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * SplitButtons are a grouping of two interactive surfaces where the interacting with the first one triggers a primary
- * action, while interacting with the second one opens a menu with secondary actions.
- */
-export declare const SplitButton: ForwardRefComponent<SplitButtonProps>;

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

@@ -1,21 +0,0 @@
-import { Button } from '../Button/Button';
-import { MenuButton } from '../MenuButton/MenuButton';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-import type { ButtonProps, ButtonState } from '../Button/Button.types';
-import type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';
-export declare type SplitButtonSlots = {
-    /**
-     * Root of the component that wraps the primary action button and menu button.
-     */
-    root: NonNullable<Slot<'div'>>;
-    /**
-     * Button that opens menu with secondary actions in SplitButton.
-     */
-    menuButton?: Slot<typeof MenuButton>;
-    /**
-     * Button to perform primary action in SplitButton.
-     */
-    primaryActionButton?: Slot<typeof Button>;
-};
-export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root'> & Omit<MenuButtonProps, 'root'>;
-export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<ButtonState, 'components' | 'iconOnly' | 'root'> & Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;

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

@@ -1,5 +0,0 @@
-export * from './SplitButton';
-export * from './SplitButton.types';
-export * from './renderSplitButton';
-export * from './useSplitButton';
-export { splitButtonClassName, splitButtonClassNames, useSplitButtonStyles_unstable, } from './useSplitButtonStyles';

package/lib/components/SplitButton/renderSplitButton.d.ts

@@ -1,5 +0,0 @@
-import type { SplitButtonState } from './SplitButton.types';
-/**
- * Renders a SplitButton component by passing the state defined props to the appropriate slots.
- */
-export declare const renderSplitButton_unstable: (state: SplitButtonState) => JSX.Element;

package/lib/components/SplitButton/useSplitButton.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { SplitButtonProps, SplitButtonState } from './SplitButton.types';
-/**
- * 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_unstable: (props: SplitButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => SplitButtonState;

package/lib/components/SplitButton/useSplitButtonStyles.d.ts

@@ -1,8 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { SplitButtonSlots, SplitButtonState } from './SplitButton.types';
-export declare const splitButtonClassNames: SlotClassNames<SplitButtonSlots>;
-/**
- * @deprecated Use `splitButtonClassName.root` instead.
- */
-export declare const splitButtonClassName: string;
-export declare const useSplitButtonStyles_unstable: (state: SplitButtonState) => SplitButtonState;

package/lib/components/ToggleButton/ToggleButton.d.ts

@@ -1,6 +0,0 @@
-import type { ToggleButtonProps } from './ToggleButton.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * ToggleButtons are buttons that toggle between two defined states when triggered.
- */
-export declare const ToggleButton: ForwardRefComponent<ToggleButtonProps>;

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

@@ -1,20 +0,0 @@
-import type { ButtonProps, ButtonState } from '../Button/Button.types';
-declare type ToggleButtonCommons = {
-    /**
-     * Defines the controlled checked state of the `ToggleButton`.
-     * If passed, `ToggleButton` ignores the `defaultChecked` property.
-     * This should only be used if the checked state is to be controlled at a higher level and there is a plan to pass the
-     * correct value based on handling `onClick` events and re-rendering.
-     * @default false
-     */
-    checked: boolean;
-};
-export declare type ToggleButtonProps = ButtonProps & Partial<ToggleButtonCommons> & {
-    /**
-     * Defines whether the `ToggleButton` is initially in a checked state or not when rendered.
-     * @default false
-     */
-    defaultChecked?: boolean;
-};
-export declare type ToggleButtonState = ButtonState & ToggleButtonCommons;
-export {};

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

@@ -1,5 +0,0 @@
-export * from './ToggleButton';
-export * from './ToggleButton.types';
-export * from './renderToggleButton';
-export * from './useToggleButton';
-export { toggleButtonClassName, toggleButtonClassNames, useToggleButtonStyles_unstable, } from './useToggleButtonStyles';

package/lib/components/ToggleButton/renderToggleButton.d.ts

@@ -1 +0,0 @@
-export { renderButton_unstable as renderToggleButton_unstable } from '../Button/renderButton';

package/lib/components/ToggleButton/useToggleButton.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import type { ToggleButtonProps, ToggleButtonState } from './ToggleButton.types';
-/**
- * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
- * processed state.
- * @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_unstable: (props: ToggleButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToggleButtonState;

package/lib/components/ToggleButton/useToggleButtonStyles.d.ts

@@ -1,11 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { ButtonSlots } from '../Button/Button.types';
-import type { ToggleButtonState } from './ToggleButton.types';
-export declare const toggleButtonClassNames: SlotClassNames<ButtonSlots>;
-/**
- * @deprecated Use `toggleButtonClassName.root` instead.
- */
-export declare const toggleButtonClassName: string;
-export declare const useCheckedStyles: () => Record<"base" | "primary" | "outline" | "subtle" | "transparent" | "highContrast", string>;
-export declare const useDisabledStyles: () => Record<"base" | "primary" | "outline" | "subtle" | "transparent", string>;
-export declare const useToggleButtonStyles_unstable: (state: ToggleButtonState) => ToggleButtonState;

package/lib/index.d.ts

@@ -1,11 +0,0 @@
-export { Button, buttonClassName, buttonClassNames, renderButton_unstable, useButtonStyles_unstable, useButton_unstable, } from './Button';
-export type { ButtonProps, ButtonSlots, ButtonState } from './Button';
-export { CompoundButton, compoundButtonClassName, compoundButtonClassNames, renderCompoundButton_unstable, useCompoundButtonStyles_unstable, useCompoundButton_unstable, } from './CompoundButton';
-export type { CompoundButtonProps, CompoundButtonSlots, CompoundButtonState } from './CompoundButton';
-export { MenuButton, menuButtonClassName, menuButtonClassNames, renderMenuButton_unstable, useMenuButtonStyles_unstable, useMenuButton_unstable, } from './MenuButton';
-export type { MenuButtonProps, MenuButtonSlots, MenuButtonState } from './MenuButton';
-export { SplitButton, renderSplitButton_unstable, splitButtonClassName, splitButtonClassNames, useSplitButtonStyles_unstable, useSplitButton_unstable, } from './SplitButton';
-export type { SplitButtonProps, SplitButtonSlots, SplitButtonState } from './SplitButton';
-export { ToggleButton, renderToggleButton_unstable, toggleButtonClassName, toggleButtonClassNames, useToggleButtonStyles_unstable, useToggleButton_unstable, } from './ToggleButton';
-export type { ToggleButtonProps, ToggleButtonState } from './ToggleButton';
-export { useToggleState } from './utils/index';

package/lib/utils/index.d.ts

@@ -1 +0,0 @@
-export * from './useToggleState';

package/lib/utils/useToggleState.d.ts

@@ -1,3 +0,0 @@
-import type { ButtonState } from '../Button';
-import type { ToggleButtonProps, ToggleButtonState } from '../ToggleButton';
-export declare function useToggleState<TToggleButtonProps extends Pick<ToggleButtonProps, 'checked' | 'defaultChecked' | 'disabled' | 'disabledFocusable'>, TButtonState extends Pick<ButtonState, 'root'>, TToggleButtonState extends Pick<ToggleButtonState, 'checked' | 'root'>>(props: TToggleButtonProps, state: TButtonState): TToggleButtonState;

package/lib-commonjs/Button.d.ts

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

package/lib-commonjs/CompoundButton.d.ts

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

package/lib-commonjs/MenuButton.d.ts

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

package/lib-commonjs/SplitButton.d.ts

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

package/lib-commonjs/ToggleButton.d.ts

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

package/lib-commonjs/components/Button/Button.d.ts

@@ -1,6 +0,0 @@
-import type { ButtonProps } from './Button.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * Buttons give people a way to trigger an action.
- */
-export declare const Button: ForwardRefComponent<ButtonProps>;

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

@@ -1,64 +0,0 @@
-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: NonNullable<Slot<ARIAButtonSlotProps>>;
-    /**
-     * Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
-     */
-    icon?: Slot<'span'>;
-};
-export 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.
-     * - 'outline': Removes background styling.
-     * - 'subtle': Minimizes emphasis to blend into the background until hovered or focused.
-     * - 'transparent': Removes background and border styling.
-     */
-    appearance?: 'primary' | 'outline' | 'subtle' | 'transparent';
-    /**
-     * A button can fill the width of its container.
-     * @default false
-     *
-     * @deprecated - Use style overrides instead.
-     */
-    block: boolean;
-    /**
-     * When set, allows the button to be focusable even when it has been disabled. This is used in scenarios where it
-     * is important to keep a consistent tab order for screen reader and keyboard users. The primary example of this
-     * pattern is when the disabled button is in a menu or a commandbar and is seldom used for standalone buttons.
-     * @default false
-     */
-    disabledFocusable: boolean;
-    /**
-     * A button can show that it cannot be interacted with.
-     * @default false
-     */
-    disabled: boolean;
-    /**
-     * A button can format its icon to appear before or after its content.
-     * @default 'before'
-     */
-    iconPosition?: 'before' | 'after';
-    /**
-     * A button can be rounded, circular, or square.
-     * @default 'rounded'
-     */
-    shape: 'rounded' | 'circular' | 'square';
-    /**
-     * A button supports different sizes.
-     * @default 'medium'
-     */
-    size: 'small' | 'medium' | 'large';
-};
-export declare type ButtonProps = ComponentProps<ButtonSlots> & Partial<ButtonCommons>;
-export declare type ButtonState = ComponentState<ButtonSlots> & ButtonCommons & {
-    /**
-     * A button can contain only an icon.
-     * @default false
-     */
-    iconOnly: boolean;
-};

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

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

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

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

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

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { ButtonProps, ButtonState } from './Button.types';
-/**
- * Given user props, defines default props for the Button, calls useButtonState, and returns processed state.
- * @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_unstable: (props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;

package/lib-commonjs/components/Button/useButtonStyles.d.ts

@@ -1,8 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { ButtonSlots, ButtonState } from './Button.types';
-export declare const buttonClassNames: SlotClassNames<ButtonSlots>;
-/**
- * @deprecated Use `buttonClassNames.root` instead.
- */
-export declare const buttonClassName: string;
-export declare const useButtonStyles_unstable: (state: ButtonState) => ButtonState;

package/lib-commonjs/components/CompoundButton/CompoundButton.d.ts

@@ -1,6 +0,0 @@
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-import type { CompoundButtonProps } from './CompoundButton.types';
-/**
- * CompoundButtons are buttons that can have secondary content that adds extra information to the user.
- */
-export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;

package/lib-commonjs/components/CompoundButton/CompoundButton.types.d.ts

@@ -1,14 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
-export declare type CompoundButtonSlots = ButtonSlots & {
-    /**
-     * Second line of text that describes the action this button takes.
-     */
-    secondaryContent?: Slot<'span'>;
-    /**
-     * Container that wraps the children and the secondaryContent slot.
-     */
-    contentContainer: NonNullable<Slot<'span'>>;
-};
-export declare type CompoundButtonProps = ComponentProps<Partial<CompoundButtonSlots>> & Partial<ButtonCommons>;
-export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;

package/lib-commonjs/components/CompoundButton/index.d.ts

@@ -1,5 +0,0 @@
-export * from './CompoundButton';
-export * from './CompoundButton.types';
-export * from './renderCompoundButton';
-export * from './useCompoundButton';
-export { compoundButtonClassName, compoundButtonClassNames, useCompoundButtonStyles_unstable, } from './useCompoundButtonStyles';

package/lib-commonjs/components/CompoundButton/renderCompoundButton.d.ts

@@ -1,5 +0,0 @@
-import type { CompoundButtonState } from './CompoundButton.types';
-/**
- * Renders a CompoundButton component by passing the state defined props to the appropriate slots.
- */
-export declare const renderCompoundButton_unstable: (state: CompoundButtonState) => JSX.Element;

package/lib-commonjs/components/CompoundButton/useCompoundButton.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { CompoundButtonProps, CompoundButtonState } from './CompoundButton.types';
-/**
- * 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_unstable: ({ contentContainer, secondaryContent, ...props }: CompoundButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;

package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.d.ts

@@ -1,8 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { CompoundButtonSlots, CompoundButtonState } from './CompoundButton.types';
-export declare const compoundButtonClassNames: SlotClassNames<CompoundButtonSlots>;
-/**
- * @deprecated Use `compoundButtonClassName.root` instead.
- */
-export declare const compoundButtonClassName: string;
-export declare const useCompoundButtonStyles_unstable: (state: CompoundButtonState) => CompoundButtonState;

package/lib-commonjs/components/MenuButton/MenuButton.d.ts

@@ -1,6 +0,0 @@
-import type { MenuButtonProps } from './MenuButton.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * MenuButtons are buttons that handle opening and closing a menu when they are triggered.
- */
-export declare const MenuButton: ForwardRefComponent<MenuButtonProps>;

package/lib-commonjs/components/MenuButton/MenuButton.types.d.ts

@@ -1,10 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
-export declare type MenuButtonSlots = ButtonSlots & {
-    /**
-     * Menu icon that indicates that this button has a menu that can be expanded.
-     */
-    menuIcon?: Slot<'span'>;
-};
-export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>>;
-export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;

package/lib-commonjs/components/MenuButton/index.d.ts

@@ -1,5 +0,0 @@
-export * from './MenuButton.types';
-export * from './MenuButton';
-export * from './renderMenuButton';
-export * from './useMenuButton';
-export { menuButtonClassName, menuButtonClassNames, useMenuButtonStyles_unstable, } from './useMenuButtonStyles';

package/lib-commonjs/components/MenuButton/renderMenuButton.d.ts

@@ -1,5 +0,0 @@
-import type { MenuButtonState } from './MenuButton.types';
-/**
- * Renders a MenuButton component by passing the state defined props to the appropriate slots.
- */
-export declare const renderMenuButton_unstable: (state: MenuButtonState) => JSX.Element;

package/lib-commonjs/components/MenuButton/useMenuButton.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import type { MenuButtonProps, MenuButtonState } from './MenuButton.types';
-/**
- * Given user props, returns the final state for a MenuButton.
- */
-export declare const useMenuButton_unstable: ({ menuIcon, ...props }: MenuButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => MenuButtonState;

package/lib-commonjs/components/MenuButton/useMenuButtonStyles.d.ts

@@ -1,8 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { MenuButtonSlots, MenuButtonState } from './MenuButton.types';
-export declare const menuButtonClassNames: SlotClassNames<MenuButtonSlots>;
-/**
- * @deprecated Use `menuButtonClassName.root` instead.
- */
-export declare const menuButtonClassName: string;
-export declare const useMenuButtonStyles_unstable: (state: MenuButtonState) => MenuButtonState;

package/lib-commonjs/components/SplitButton/SplitButton.d.ts

@@ -1,7 +0,0 @@
-import type { SplitButtonProps } from './SplitButton.types';
-import { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * SplitButtons are a grouping of two interactive surfaces where the interacting with the first one triggers a primary
- * action, while interacting with the second one opens a menu with secondary actions.
- */
-export declare const SplitButton: ForwardRefComponent<SplitButtonProps>;

package/lib-commonjs/components/SplitButton/SplitButton.types.d.ts

@@ -1,21 +0,0 @@
-import { Button } from '../Button/Button';
-import { MenuButton } from '../MenuButton/MenuButton';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-import type { ButtonProps, ButtonState } from '../Button/Button.types';
-import type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';
-export declare type SplitButtonSlots = {
-    /**
-     * Root of the component that wraps the primary action button and menu button.
-     */
-    root: NonNullable<Slot<'div'>>;
-    /**
-     * Button that opens menu with secondary actions in SplitButton.
-     */
-    menuButton?: Slot<typeof MenuButton>;
-    /**
-     * Button to perform primary action in SplitButton.
-     */
-    primaryActionButton?: Slot<typeof Button>;
-};
-export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root'> & Omit<MenuButtonProps, 'root'>;
-export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<ButtonState, 'components' | 'iconOnly' | 'root'> & Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;

package/lib-commonjs/components/SplitButton/index.d.ts

@@ -1,5 +0,0 @@
-export * from './SplitButton';
-export * from './SplitButton.types';
-export * from './renderSplitButton';
-export * from './useSplitButton';
-export { splitButtonClassName, splitButtonClassNames, useSplitButtonStyles_unstable, } from './useSplitButtonStyles';

package/lib-commonjs/components/SplitButton/renderSplitButton.d.ts

@@ -1,5 +0,0 @@
-import type { SplitButtonState } from './SplitButton.types';
-/**
- * Renders a SplitButton component by passing the state defined props to the appropriate slots.
- */
-export declare const renderSplitButton_unstable: (state: SplitButtonState) => JSX.Element;

package/lib-commonjs/components/SplitButton/useSplitButton.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { SplitButtonProps, SplitButtonState } from './SplitButton.types';
-/**
- * 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_unstable: (props: SplitButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => SplitButtonState;

package/lib-commonjs/components/SplitButton/useSplitButtonStyles.d.ts

@@ -1,8 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { SplitButtonSlots, SplitButtonState } from './SplitButton.types';
-export declare const splitButtonClassNames: SlotClassNames<SplitButtonSlots>;
-/**
- * @deprecated Use `splitButtonClassName.root` instead.
- */
-export declare const splitButtonClassName: string;
-export declare const useSplitButtonStyles_unstable: (state: SplitButtonState) => SplitButtonState;

package/lib-commonjs/components/ToggleButton/ToggleButton.d.ts

@@ -1,6 +0,0 @@
-import type { ToggleButtonProps } from './ToggleButton.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-/**
- * ToggleButtons are buttons that toggle between two defined states when triggered.
- */
-export declare const ToggleButton: ForwardRefComponent<ToggleButtonProps>;

package/lib-commonjs/components/ToggleButton/ToggleButton.types.d.ts

@@ -1,20 +0,0 @@
-import type { ButtonProps, ButtonState } from '../Button/Button.types';
-declare type ToggleButtonCommons = {
-    /**
-     * Defines the controlled checked state of the `ToggleButton`.
-     * If passed, `ToggleButton` ignores the `defaultChecked` property.
-     * This should only be used if the checked state is to be controlled at a higher level and there is a plan to pass the
-     * correct value based on handling `onClick` events and re-rendering.
-     * @default false
-     */
-    checked: boolean;
-};
-export declare type ToggleButtonProps = ButtonProps & Partial<ToggleButtonCommons> & {
-    /**
-     * Defines whether the `ToggleButton` is initially in a checked state or not when rendered.
-     * @default false
-     */
-    defaultChecked?: boolean;
-};
-export declare type ToggleButtonState = ButtonState & ToggleButtonCommons;
-export {};

package/lib-commonjs/components/ToggleButton/index.d.ts

@@ -1,5 +0,0 @@
-export * from './ToggleButton';
-export * from './ToggleButton.types';
-export * from './renderToggleButton';
-export * from './useToggleButton';
-export { toggleButtonClassName, toggleButtonClassNames, useToggleButtonStyles_unstable, } from './useToggleButtonStyles';

package/lib-commonjs/components/ToggleButton/renderToggleButton.d.ts

@@ -1 +0,0 @@
-export { renderButton_unstable as renderToggleButton_unstable } from '../Button/renderButton';

package/lib-commonjs/components/ToggleButton/useToggleButton.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import type { ToggleButtonProps, ToggleButtonState } from './ToggleButton.types';
-/**
- * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
- * processed state.
- * @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_unstable: (props: ToggleButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToggleButtonState;

package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.d.ts

@@ -1,11 +0,0 @@
-import type { SlotClassNames } from '@fluentui/react-utilities';
-import type { ButtonSlots } from '../Button/Button.types';
-import type { ToggleButtonState } from './ToggleButton.types';
-export declare const toggleButtonClassNames: SlotClassNames<ButtonSlots>;
-/**
- * @deprecated Use `toggleButtonClassName.root` instead.
- */
-export declare const toggleButtonClassName: string;
-export declare const useCheckedStyles: () => Record<"base" | "primary" | "outline" | "subtle" | "transparent" | "highContrast", string>;
-export declare const useDisabledStyles: () => Record<"base" | "primary" | "outline" | "subtle" | "transparent", string>;
-export declare const useToggleButtonStyles_unstable: (state: ToggleButtonState) => ToggleButtonState;

package/lib-commonjs/index.d.ts

@@ -1,11 +0,0 @@
-export { Button, buttonClassName, buttonClassNames, renderButton_unstable, useButtonStyles_unstable, useButton_unstable, } from './Button';
-export type { ButtonProps, ButtonSlots, ButtonState } from './Button';
-export { CompoundButton, compoundButtonClassName, compoundButtonClassNames, renderCompoundButton_unstable, useCompoundButtonStyles_unstable, useCompoundButton_unstable, } from './CompoundButton';
-export type { CompoundButtonProps, CompoundButtonSlots, CompoundButtonState } from './CompoundButton';
-export { MenuButton, menuButtonClassName, menuButtonClassNames, renderMenuButton_unstable, useMenuButtonStyles_unstable, useMenuButton_unstable, } from './MenuButton';
-export type { MenuButtonProps, MenuButtonSlots, MenuButtonState } from './MenuButton';
-export { SplitButton, renderSplitButton_unstable, splitButtonClassName, splitButtonClassNames, useSplitButtonStyles_unstable, useSplitButton_unstable, } from './SplitButton';
-export type { SplitButtonProps, SplitButtonSlots, SplitButtonState } from './SplitButton';
-export { ToggleButton, renderToggleButton_unstable, toggleButtonClassName, toggleButtonClassNames, useToggleButtonStyles_unstable, useToggleButton_unstable, } from './ToggleButton';
-export type { ToggleButtonProps, ToggleButtonState } from './ToggleButton';
-export { useToggleState } from './utils/index';

package/lib-commonjs/utils/index.d.ts

@@ -1 +0,0 @@
-export * from './useToggleState';

package/lib-commonjs/utils/useToggleState.d.ts

@@ -1,3 +0,0 @@
-import type { ButtonState } from '../Button';
-import type { ToggleButtonProps, ToggleButtonState } from '../ToggleButton';
-export declare function useToggleState<TToggleButtonProps extends Pick<ToggleButtonProps, 'checked' | 'defaultChecked' | 'disabled' | 'disabledFocusable'>, TButtonState extends Pick<ButtonState, 'root'>, TToggleButtonState extends Pick<ToggleButtonState, 'checked' | 'root'>>(props: TToggleButtonProps, state: TButtonState): TToggleButtonState;