@fluentui/react-button 9.0.0-rc.8 → 9.0.1
Sign up to get free protection for your applications and to get access to all the features.
- 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;
|