@fluentui/react-button 9.0.0-rc.8 → 9.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +385 -1
- package/CHANGELOG.md +118 -2
- package/README.md +81 -19
- package/dist/index.d.ts +32 -55
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/Button/Button.types.js.map +1 -1
- package/lib/components/Button/index.js +1 -3
- package/lib/components/Button/index.js.map +1 -1
- package/lib/components/Button/renderButton.js.map +1 -1
- package/lib/components/Button/useButton.js +1 -4
- package/lib/components/Button/useButton.js.map +1 -1
- package/lib/components/Button/useButtonStyles.js +146 -68
- package/lib/components/Button/useButtonStyles.js.map +1 -1
- package/lib/components/CompoundButton/CompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/CompoundButton.types.js.map +1 -1
- package/lib/components/CompoundButton/index.js +1 -3
- package/lib/components/CompoundButton/index.js.map +1 -1
- package/lib/components/CompoundButton/renderCompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButtonStyles.js +47 -35
- package/lib/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
- package/lib/components/MenuButton/MenuButton.js +2 -1
- package/lib/components/MenuButton/MenuButton.js.map +1 -1
- package/lib/components/MenuButton/MenuButton.types.js.map +1 -1
- package/lib/components/MenuButton/index.js +1 -3
- package/lib/components/MenuButton/index.js.map +1 -1
- package/lib/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib/components/MenuButton/useMenuButtonStyles.js +24 -17
- package/lib/components/MenuButton/useMenuButtonStyles.js.map +1 -1
- package/lib/components/SplitButton/SplitButton.js +1 -1
- package/lib/components/SplitButton/SplitButton.js.map +1 -1
- package/lib/components/SplitButton/index.js +1 -3
- package/lib/components/SplitButton/index.js.map +1 -1
- package/lib/components/SplitButton/renderSplitButton.js.map +1 -1
- package/lib/components/SplitButton/useSplitButton.js +1 -5
- package/lib/components/SplitButton/useSplitButton.js.map +1 -1
- package/lib/components/SplitButton/useSplitButtonStyles.js +15 -17
- package/lib/components/SplitButton/useSplitButtonStyles.js.map +1 -1
- package/lib/components/ToggleButton/ToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/ToggleButton.types.js.map +1 -1
- package/lib/components/ToggleButton/index.js +1 -3
- package/lib/components/ToggleButton/index.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.js +93 -9
- package/lib/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
- package/lib/index.js +5 -10
- package/lib/index.js.map +1 -1
- package/lib/utils/useToggleState.js.map +1 -1
- package/lib-commonjs/components/Button/Button.js.map +1 -1
- package/lib-commonjs/components/Button/index.js +1 -9
- package/lib-commonjs/components/Button/index.js.map +1 -1
- package/lib-commonjs/components/Button/renderButton.js.map +1 -1
- package/lib-commonjs/components/Button/useButton.js +1 -4
- package/lib-commonjs/components/Button/useButton.js.map +1 -1
- package/lib-commonjs/components/Button/useButtonStyles.js +147 -69
- package/lib-commonjs/components/Button/useButtonStyles.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/CompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/index.js +1 -9
- package/lib-commonjs/components/CompoundButton/index.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js +49 -37
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
- package/lib-commonjs/components/MenuButton/MenuButton.js +2 -1
- package/lib-commonjs/components/MenuButton/MenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/index.js +1 -9
- package/lib-commonjs/components/MenuButton/index.js.map +1 -1
- package/lib-commonjs/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js +26 -18
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js.map +1 -1
- package/lib-commonjs/components/SplitButton/SplitButton.js +1 -1
- package/lib-commonjs/components/SplitButton/SplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/index.js +1 -9
- package/lib-commonjs/components/SplitButton/index.js.map +1 -1
- package/lib-commonjs/components/SplitButton/renderSplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButton.js +1 -5
- package/lib-commonjs/components/SplitButton/useSplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js +16 -18
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/ToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/index.js +1 -9
- package/lib-commonjs/components/ToggleButton/index.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/renderToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js +95 -10
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -36
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/useToggleState.js.map +1 -1
- package/package.json +11 -13
- package/lib/Button.d.ts +0 -1
- package/lib/CompoundButton.d.ts +0 -1
- package/lib/MenuButton.d.ts +0 -1
- package/lib/SplitButton.d.ts +0 -1
- package/lib/ToggleButton.d.ts +0 -1
- package/lib/components/Button/Button.d.ts +0 -6
- package/lib/components/Button/Button.types.d.ts +0 -64
- package/lib/components/Button/index.d.ts +0 -5
- package/lib/components/Button/renderButton.d.ts +0 -5
- package/lib/components/Button/useButton.d.ts +0 -8
- package/lib/components/Button/useButtonStyles.d.ts +0 -8
- package/lib/components/CompoundButton/CompoundButton.d.ts +0 -6
- package/lib/components/CompoundButton/CompoundButton.types.d.ts +0 -14
- package/lib/components/CompoundButton/index.d.ts +0 -5
- package/lib/components/CompoundButton/renderCompoundButton.d.ts +0 -5
- package/lib/components/CompoundButton/useCompoundButton.d.ts +0 -8
- package/lib/components/CompoundButton/useCompoundButtonStyles.d.ts +0 -8
- package/lib/components/MenuButton/MenuButton.d.ts +0 -6
- package/lib/components/MenuButton/MenuButton.types.d.ts +0 -10
- package/lib/components/MenuButton/index.d.ts +0 -5
- package/lib/components/MenuButton/renderMenuButton.d.ts +0 -5
- package/lib/components/MenuButton/useMenuButton.d.ts +0 -6
- package/lib/components/MenuButton/useMenuButtonStyles.d.ts +0 -8
- package/lib/components/SplitButton/SplitButton.d.ts +0 -7
- package/lib/components/SplitButton/SplitButton.types.d.ts +0 -21
- package/lib/components/SplitButton/index.d.ts +0 -5
- package/lib/components/SplitButton/renderSplitButton.d.ts +0 -5
- package/lib/components/SplitButton/useSplitButton.d.ts +0 -8
- package/lib/components/SplitButton/useSplitButtonStyles.d.ts +0 -8
- package/lib/components/ToggleButton/ToggleButton.d.ts +0 -6
- package/lib/components/ToggleButton/ToggleButton.types.d.ts +0 -20
- package/lib/components/ToggleButton/index.d.ts +0 -5
- package/lib/components/ToggleButton/renderToggleButton.d.ts +0 -1
- package/lib/components/ToggleButton/useToggleButton.d.ts +0 -9
- package/lib/components/ToggleButton/useToggleButtonStyles.d.ts +0 -11
- package/lib/index.d.ts +0 -11
- package/lib/utils/index.d.ts +0 -1
- package/lib/utils/useToggleState.d.ts +0 -3
- package/lib-commonjs/Button.d.ts +0 -1
- package/lib-commonjs/CompoundButton.d.ts +0 -1
- package/lib-commonjs/MenuButton.d.ts +0 -1
- package/lib-commonjs/SplitButton.d.ts +0 -1
- package/lib-commonjs/ToggleButton.d.ts +0 -1
- package/lib-commonjs/components/Button/Button.d.ts +0 -6
- package/lib-commonjs/components/Button/Button.types.d.ts +0 -64
- package/lib-commonjs/components/Button/index.d.ts +0 -5
- package/lib-commonjs/components/Button/renderButton.d.ts +0 -5
- package/lib-commonjs/components/Button/useButton.d.ts +0 -8
- package/lib-commonjs/components/Button/useButtonStyles.d.ts +0 -8
- package/lib-commonjs/components/CompoundButton/CompoundButton.d.ts +0 -6
- package/lib-commonjs/components/CompoundButton/CompoundButton.types.d.ts +0 -14
- package/lib-commonjs/components/CompoundButton/index.d.ts +0 -5
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.d.ts +0 -5
- package/lib-commonjs/components/CompoundButton/useCompoundButton.d.ts +0 -8
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.d.ts +0 -8
- package/lib-commonjs/components/MenuButton/MenuButton.d.ts +0 -6
- package/lib-commonjs/components/MenuButton/MenuButton.types.d.ts +0 -10
- package/lib-commonjs/components/MenuButton/index.d.ts +0 -5
- package/lib-commonjs/components/MenuButton/renderMenuButton.d.ts +0 -5
- package/lib-commonjs/components/MenuButton/useMenuButton.d.ts +0 -6
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.d.ts +0 -8
- package/lib-commonjs/components/SplitButton/SplitButton.d.ts +0 -7
- package/lib-commonjs/components/SplitButton/SplitButton.types.d.ts +0 -21
- package/lib-commonjs/components/SplitButton/index.d.ts +0 -5
- package/lib-commonjs/components/SplitButton/renderSplitButton.d.ts +0 -5
- package/lib-commonjs/components/SplitButton/useSplitButton.d.ts +0 -8
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.d.ts +0 -8
- package/lib-commonjs/components/ToggleButton/ToggleButton.d.ts +0 -6
- package/lib-commonjs/components/ToggleButton/ToggleButton.types.d.ts +0 -20
- package/lib-commonjs/components/ToggleButton/index.d.ts +0 -5
- package/lib-commonjs/components/ToggleButton/renderToggleButton.d.ts +0 -1
- package/lib-commonjs/components/ToggleButton/useToggleButton.d.ts +0 -9
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.d.ts +0 -11
- package/lib-commonjs/index.d.ts +0 -11
- package/lib-commonjs/utils/index.d.ts +0 -1
- package/lib-commonjs/utils/useToggleState.d.ts +0 -3
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { SplitButtonProps } from './SplitButton.types';
|
|
2
|
-
import { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* SplitButtons are a grouping of two interactive surfaces where the interacting with the first one triggers a primary
|
|
5
|
-
* action, while interacting with the second one opens a menu with secondary actions.
|
|
6
|
-
*/
|
|
7
|
-
export declare const SplitButton: ForwardRefComponent<SplitButtonProps>;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Button } from '../Button/Button';
|
|
2
|
-
import { MenuButton } from '../MenuButton/MenuButton';
|
|
3
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
4
|
-
import type { ButtonProps, ButtonState } from '../Button/Button.types';
|
|
5
|
-
import type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';
|
|
6
|
-
export declare type SplitButtonSlots = {
|
|
7
|
-
/**
|
|
8
|
-
* Root of the component that wraps the primary action button and menu button.
|
|
9
|
-
*/
|
|
10
|
-
root: NonNullable<Slot<'div'>>;
|
|
11
|
-
/**
|
|
12
|
-
* Button that opens menu with secondary actions in SplitButton.
|
|
13
|
-
*/
|
|
14
|
-
menuButton?: Slot<typeof MenuButton>;
|
|
15
|
-
/**
|
|
16
|
-
* Button to perform primary action in SplitButton.
|
|
17
|
-
*/
|
|
18
|
-
primaryActionButton?: Slot<typeof Button>;
|
|
19
|
-
};
|
|
20
|
-
export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root'> & Omit<MenuButtonProps, 'root'>;
|
|
21
|
-
export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<ButtonState, 'components' | 'iconOnly' | 'root'> & Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { SplitButtonProps, SplitButtonState } from './SplitButton.types';
|
|
3
|
-
/**
|
|
4
|
-
* Given user props, defines default props for the SplitButton and returns processed state.
|
|
5
|
-
* @param props - User provided props to the SplitButton component.
|
|
6
|
-
* @param ref - User provided ref to be passed to the SplitButton component.
|
|
7
|
-
*/
|
|
8
|
-
export declare const useSplitButton_unstable: (props: SplitButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => SplitButtonState;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { SplitButtonSlots, SplitButtonState } from './SplitButton.types';
|
|
3
|
-
export declare const splitButtonClassNames: SlotClassNames<SplitButtonSlots>;
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Use `splitButtonClassName.root` instead.
|
|
6
|
-
*/
|
|
7
|
-
export declare const splitButtonClassName: string;
|
|
8
|
-
export declare const useSplitButtonStyles_unstable: (state: SplitButtonState) => SplitButtonState;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { ToggleButtonProps } from './ToggleButton.types';
|
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* ToggleButtons are buttons that toggle between two defined states when triggered.
|
|
5
|
-
*/
|
|
6
|
-
export declare const ToggleButton: ForwardRefComponent<ToggleButtonProps>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { ButtonProps, ButtonState } from '../Button/Button.types';
|
|
2
|
-
declare type ToggleButtonCommons = {
|
|
3
|
-
/**
|
|
4
|
-
* Defines the controlled checked state of the `ToggleButton`.
|
|
5
|
-
* If passed, `ToggleButton` ignores the `defaultChecked` property.
|
|
6
|
-
* 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
|
|
7
|
-
* correct value based on handling `onClick` events and re-rendering.
|
|
8
|
-
* @default false
|
|
9
|
-
*/
|
|
10
|
-
checked: boolean;
|
|
11
|
-
};
|
|
12
|
-
export declare type ToggleButtonProps = ButtonProps & Partial<ToggleButtonCommons> & {
|
|
13
|
-
/**
|
|
14
|
-
* Defines whether the `ToggleButton` is initially in a checked state or not when rendered.
|
|
15
|
-
* @default false
|
|
16
|
-
*/
|
|
17
|
-
defaultChecked?: boolean;
|
|
18
|
-
};
|
|
19
|
-
export declare type ToggleButtonState = ButtonState & ToggleButtonCommons;
|
|
20
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export * from './ToggleButton';
|
|
2
|
-
export * from './ToggleButton.types';
|
|
3
|
-
export * from './renderToggleButton';
|
|
4
|
-
export * from './useToggleButton';
|
|
5
|
-
export { toggleButtonClassName, toggleButtonClassNames, useToggleButtonStyles_unstable, } from './useToggleButtonStyles';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { renderButton_unstable as renderToggleButton_unstable } from '../Button/renderButton';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { ToggleButtonProps, ToggleButtonState } from './ToggleButton.types';
|
|
3
|
-
/**
|
|
4
|
-
* Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
|
|
5
|
-
* processed state.
|
|
6
|
-
* @param props - User provided props to the ToggleButton component.
|
|
7
|
-
* @param ref - User provided ref to be passed to the ToggleButton component.
|
|
8
|
-
*/
|
|
9
|
-
export declare const useToggleButton_unstable: (props: ToggleButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToggleButtonState;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
2
|
-
import type { ButtonSlots } from '../Button/Button.types';
|
|
3
|
-
import type { ToggleButtonState } from './ToggleButton.types';
|
|
4
|
-
export declare const toggleButtonClassNames: SlotClassNames<ButtonSlots>;
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated Use `toggleButtonClassName.root` instead.
|
|
7
|
-
*/
|
|
8
|
-
export declare const toggleButtonClassName: string;
|
|
9
|
-
export declare const useCheckedStyles: () => Record<"base" | "primary" | "outline" | "subtle" | "transparent" | "highContrast", string>;
|
|
10
|
-
export declare const useDisabledStyles: () => Record<"base" | "primary" | "outline" | "subtle" | "transparent", string>;
|
|
11
|
-
export declare const useToggleButtonStyles_unstable: (state: ToggleButtonState) => ToggleButtonState;
|
package/lib-commonjs/index.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export { Button, buttonClassName, buttonClassNames, renderButton_unstable, useButtonStyles_unstable, useButton_unstable, } from './Button';
|
|
2
|
-
export type { ButtonProps, ButtonSlots, ButtonState } from './Button';
|
|
3
|
-
export { CompoundButton, compoundButtonClassName, compoundButtonClassNames, renderCompoundButton_unstable, useCompoundButtonStyles_unstable, useCompoundButton_unstable, } from './CompoundButton';
|
|
4
|
-
export type { CompoundButtonProps, CompoundButtonSlots, CompoundButtonState } from './CompoundButton';
|
|
5
|
-
export { MenuButton, menuButtonClassName, menuButtonClassNames, renderMenuButton_unstable, useMenuButtonStyles_unstable, useMenuButton_unstable, } from './MenuButton';
|
|
6
|
-
export type { MenuButtonProps, MenuButtonSlots, MenuButtonState } from './MenuButton';
|
|
7
|
-
export { SplitButton, renderSplitButton_unstable, splitButtonClassName, splitButtonClassNames, useSplitButtonStyles_unstable, useSplitButton_unstable, } from './SplitButton';
|
|
8
|
-
export type { SplitButtonProps, SplitButtonSlots, SplitButtonState } from './SplitButton';
|
|
9
|
-
export { ToggleButton, renderToggleButton_unstable, toggleButtonClassName, toggleButtonClassNames, useToggleButtonStyles_unstable, useToggleButton_unstable, } from './ToggleButton';
|
|
10
|
-
export type { ToggleButtonProps, ToggleButtonState } from './ToggleButton';
|
|
11
|
-
export { useToggleState } from './utils/index';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './useToggleState';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import type { ButtonState } from '../Button';
|
|
2
|
-
import type { ToggleButtonProps, ToggleButtonState } from '../ToggleButton';
|
|
3
|
-
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;
|